@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

package/dist/als-react-ts-ui374.js

@@ -0,0 +1,211 @@
+var E = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], b = /* @__PURE__ */ E.join(","), T = typeof Element > "u", f = T ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, h = !T && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i?.ownerDocument;
+}, v = function(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && v(t.parentNode);
+  return n;
+}, x = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, I = function(t, e, r) {
+  if (v(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(b));
+  return e && f.call(t, b) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!v(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), s = c.length ? c : n.children, u = g(s, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var o = f.call(n, b);
+        o && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var d = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !v(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (d && A) {
+          var p = g(d === !0 ? n.children : d.children, !0, r);
+          r.flatten ? a.push.apply(a, p) : a.push({
+            scopeParent: n,
+            candidates: p
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, m = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, R = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !m(t) ? 0 : t.tabIndex;
+}, O = function(t, e) {
+  var r = R(t);
+  return r < 0 && e && !m(t) ? 0 : r;
+}, k = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, C = function(t) {
+  return t.tagName === "INPUT";
+}, D = function(t) {
+  return C(t) && t.type === "hidden";
+}, F = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, M = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, P = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || h(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = M(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return C(t) && t.type === "radio";
+}, V = function(t) {
+  return L(t) && !P(t);
+}, B = function(t) {
+  var e, r = t && h(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, s;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !l && a; ) {
+      var u, o, d;
+      r = h(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((o = a) !== null && o !== void 0 && (d = o.ownerDocument) !== null && d !== void 0 && d.contains(a));
+    }
+  }
+  return l;
+}, w = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, q = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = f.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (f.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var s = t; t; ) {
+        var u = t.parentElement, o = h(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && o !== t.ownerDocument ? t = o.host : t = u;
+      }
+      t = s;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return w(t);
+  return !1;
+}, U = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return f.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, y = function(t, e) {
+  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  v(e) || D(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
+  F(e) || U(e));
+}, S = function(t, e) {
+  return !(V(e) || R(e) < 0 || !y(t, e));
+}, W = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, N = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, s = O(c, n), u = n ? N(a.candidates) : c;
+    s === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: s,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(k).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: W
+  }) : r = I(t, e.includeContainer, S.bind(null, e)), N(r);
+}, j = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: y.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = I(t, e.includeContainer, y.bind(null, e)), r;
+}, z = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return f.call(t, b) === !1 ? !1 : S(e, t);
+};
+export {
+  j as focusable,
+  R as getTabIndex,
+  z as isTabbable,
+  Z as tabbable
+};

package/dist/als-react-ts-ui375.js

@@ -0,0 +1,16 @@
+const i = {
+  clip: "rect(0 0 0 0)",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  border: 0,
+  padding: 0,
+  width: 1,
+  height: 1,
+  margin: -1
+};
+export {
+  i as visuallyHidden
+};

package/dist/als-react-ts-ui376.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return `data-base-ui-${t}`;
+}
+export {
+  e as createAttribute
+};

package/dist/als-react-ts-ui377.js

@@ -0,0 +1,16 @@
+let n = 0;
+function r(c, o = {}) {
+  const {
+    preventScroll: s = !1,
+    cancelPrevious: t = !0,
+    sync: a = !1
+  } = o;
+  t && cancelAnimationFrame(n);
+  const e = () => c?.focus({
+    preventScroll: s
+  });
+  a ? e() : n = requestAnimationFrame(e);
+}
+export {
+  r as enqueueFocus
+};

package/dist/als-react-ts-ui378.js

@@ -0,0 +1,50 @@
+import { getNodeName as V } from "./als-react-ts-ui339.js";
+import { getDocument as y } from "./als-react-ts-ui331.js";
+const u = {
+  inert: /* @__PURE__ */ new WeakMap(),
+  "aria-hidden": /* @__PURE__ */ new WeakMap(),
+  none: /* @__PURE__ */ new WeakMap()
+};
+function S(r) {
+  return r === "inert" ? u.inert : r === "aria-hidden" ? u["aria-hidden"] : u.none;
+}
+let h = /* @__PURE__ */ new WeakSet(), d = {}, m = 0;
+const E = (r) => r && (r.host || E(r.parentNode)), C = (r, o) => o.map((n) => {
+  if (r.contains(n))
+    return n;
+  const i = E(n);
+  return r.contains(i) ? i : null;
+}).filter((n) => n != null);
+function T(r, o, n, i) {
+  const c = "data-base-ui-inert", a = i ? "inert" : n ? "aria-hidden" : null, w = C(o, r), l = /* @__PURE__ */ new Set(), N = new Set(w), M = [];
+  d[c] || (d[c] = /* @__PURE__ */ new WeakMap());
+  const p = d[c];
+  w.forEach(b), A(o), l.clear();
+  function b(t) {
+    !t || l.has(t) || (l.add(t), t.parentNode && b(t.parentNode));
+  }
+  function A(t) {
+    !t || N.has(t) || [].forEach.call(t.children, (e) => {
+      if (V(e) !== "script")
+        if (l.has(e))
+          A(e);
+        else {
+          const k = a ? e.getAttribute(a) : null, s = k !== null && k !== "false", f = S(a), W = (f.get(e) || 0) + 1, g = (p.get(e) || 0) + 1;
+          f.set(e, W), p.set(e, g), M.push(e), W === 1 && s && h.add(e), g === 1 && e.setAttribute(c, ""), !s && a && e.setAttribute(a, a === "inert" ? "" : "true");
+        }
+    });
+  }
+  return m += 1, () => {
+    M.forEach((t) => {
+      const e = S(a), s = (e.get(t) || 0) - 1, f = (p.get(t) || 0) - 1;
+      e.set(t, s), p.set(t, f), s || (!h.has(t) && a && t.removeAttribute(a), h.delete(t)), f || t.removeAttribute(c);
+    }), m -= 1, m || (u.inert = /* @__PURE__ */ new WeakMap(), u["aria-hidden"] = /* @__PURE__ */ new WeakMap(), u.none = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakSet(), d = {});
+  };
+}
+function O(r, o = !1, n = !1) {
+  const i = y(r[0]).body;
+  return T(r.concat(Array.from(i.querySelectorAll("[aria-live]"))), i, o, n);
+}
+export {
+  O as markOthers
+};

package/dist/als-react-ts-ui379.js

@@ -0,0 +1,6 @@
+function n(r) {
+  return r == null ? r : "current" in r ? r.current : r;
+}
+export {
+  n as resolveRef
+};

package/dist/als-react-ts-ui38.js

@@ -0,0 +1,257 @@
+import { jsx as f, jsxs as D, Fragment as q } from "react/jsx-runtime";
+import v, { useState as u, useRef as E, useEffect as R, useCallback as S } from "react";
+import e from "./als-react-ts-ui125.js";
+const A = v.createContext({
+  asidePosition: "left",
+  asideHidden: !1,
+  asideCollapsed: !1,
+  asideFullHeight: !1,
+  headerBehavior: "sticky",
+  scrollY: 0,
+  mainRef: null,
+  registerAside: () => {
+  },
+  registerHeader: () => {
+  }
+}), te = () => v.useContext(A), G = (o, d = 10) => {
+  const [s, t] = u("up"), [r, i] = u(0), n = E(0);
+  return R(() => {
+    const a = o.current;
+    if (!a) return;
+    const c = () => {
+      const l = a.scrollTop;
+      i(l), !(Math.abs(l - n.current) < d) && (t(
+        l > n.current ? "down" : "up"
+      ), n.current = l);
+    };
+    return a.addEventListener("scroll", c, { passive: !0 }), () => a.removeEventListener("scroll", c);
+  }, [o, d]), { scrollDirection: s, scrollY: r };
+}, J = ({
+  children: o,
+  className: d = "",
+  behavior: s = "sticky",
+  scrollThreshold: t = 50,
+  elevated: r = !1,
+  transparent: i = !1,
+  height: n
+}) => {
+  const { scrollY: a, registerHeader: c, asideFullHeight: l } = v.useContext(A), [m, y] = u(!1), [p, x] = u(i);
+  R(() => {
+    c(s);
+  }, [s, c]), R(() => {
+    r && y(a > 0), i && x(a < t);
+  }, [a, s, t, r, i]);
+  const C = {
+    fixed: e.headerFixed,
+    sticky: e.headerSticky,
+    relative: e.headerRelative,
+    hideOnScroll: e.headerHideOnScroll
+  }[s], h = [
+    e.header,
+    C,
+    m && e.headerElevated,
+    p && e.headerTransparent,
+    l && e.headerWithFullHeightAside,
+    d
+  ].filter(Boolean).join(" "), F = n ? {
+    "--header-custom-height": typeof n == "number" ? `${n}px` : n
+  } : {};
+  return /* @__PURE__ */ f("header", { className: h, style: F, children: o });
+}, I = ({
+  children: o,
+  className: d = "",
+  collapsed: s = !1,
+  hidden: t = !1,
+  variant: r = "relative",
+  width: i,
+  collapsedWidth: n,
+  resizable: a = !1,
+  minWidth: c = 200,
+  maxWidth: l = 500,
+  onWidthChange: m,
+  overlay: y = !1,
+  onOverlayClose: p,
+  collapsedContent: x,
+  transitionDuration: C = 300,
+  fullHeight: h = !1
+}) => {
+  const { registerAside: F, asidePosition: L } = v.useContext(A), [g, H] = u(null), [M, j] = u(!1), [$, P] = u(!1), B = E(null);
+  R(() => {
+    F(s, t, h);
+  }, [s, t, h, F]);
+  const T = S(() => {
+    p && (P(!0), setTimeout(() => {
+      P(!1), p();
+    }, C));
+  }, [p, C]), z = S(
+    (N) => {
+      a && (N.preventDefault(), j(!0));
+    },
+    [a]
+  );
+  if (R(() => {
+    if (!M) return;
+    const N = (b) => {
+      if (!B.current) return;
+      const O = B.current.getBoundingClientRect();
+      let k;
+      L === "right" ? k = O.right - b.clientX : k = b.clientX - O.left;
+      const w = Math.min(
+        Math.max(k, c),
+        l
+      );
+      H(w), m?.(w);
+    }, Y = () => {
+      j(!1);
+    };
+    return document.addEventListener("mousemove", N), document.addEventListener("mouseup", Y), () => {
+      document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", Y);
+    };
+  }, [M, c, l, m, L]), t) return null;
+  const X = r === "fixed" ? e.asideFixed : e.asideRelative, V = [
+    e.aside,
+    X,
+    s && e.asideCollapsed,
+    y && e.asideOverlay,
+    y && $ && e.asideOverlayClosing,
+    M && e.asideResizing,
+    h && e.asideFullHeight,
+    d
+  ].filter(Boolean).join(" "), _ = {
+    ...i && !s && !g && {
+      "--aside-width": typeof i == "number" ? `${i}px` : i
+    },
+    ...n && s && {
+      "--aside-collapsed-width": typeof n == "number" ? `${n}px` : n
+    },
+    ...g && !s && {
+      "--aside-width": `${g}px`
+    },
+    "--aside-transition-duration": `${C}ms`
+  }, U = [
+    e.asideContent,
+    s && e.asideContentCollapsed
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D(q, { children: [
+    y && /* @__PURE__ */ f(
+      "div",
+      {
+        className: `${e.asideOverlayBackdrop} ${$ ? e.asideOverlayBackdropClosing : ""}`,
+        onClick: T,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ D("aside", { ref: B, className: V, style: _, children: [
+      /* @__PURE__ */ f("div", { className: U, children: s && x ? x : o }),
+      a && !s && /* @__PURE__ */ f(
+        "div",
+        {
+          className: e.asideResizeHandle,
+          onMouseDown: z,
+          role: "separator",
+          "aria-orientation": "vertical",
+          "aria-label": "Resize sidebar"
+        }
+      )
+    ] })
+  ] });
+}, K = ({
+  children: o,
+  className: d = "",
+  maxWidth: s,
+  centered: t = !1,
+  padding: r = "lg"
+}) => {
+  const { asideHidden: i, asideFullHeight: n, mainRef: a } = v.useContext(A), c = {
+    none: e.mainPaddingNone,
+    sm: e.mainPaddingSm,
+    md: e.mainPaddingMd,
+    lg: e.mainPaddingLg,
+    xl: e.mainPaddingXl
+  }[r], l = [
+    e.main,
+    i && e.mainFullWidth,
+    n && e.mainWithFullHeightAside,
+    c,
+    d
+  ].filter(Boolean).join(" "), m = {
+    ...s && {
+      maxWidth: typeof s == "number" ? `${s}px` : s
+    },
+    ...t && { margin: "0 auto" }
+  };
+  return /* @__PURE__ */ f(
+    "main",
+    {
+      ref: a,
+      className: l,
+      children: s || t ? /* @__PURE__ */ f("div", { style: m, children: o }) : o
+    }
+  );
+}, Q = ({
+  children: o,
+  className: d = "",
+  variant: s = "relative",
+  height: t
+}) => {
+  const { asideFullHeight: r } = v.useContext(A), i = {
+    fixed: e.footerFixed,
+    sticky: e.footerSticky,
+    relative: e.footerRelative
+  }[s], n = [
+    e.footer,
+    i,
+    r && e.footerWithFullHeightAside,
+    d
+  ].filter(Boolean).join(" "), a = t ? {
+    "--footer-custom-height": typeof t == "number" ? `${t}px` : t
+  } : {};
+  return /* @__PURE__ */ f("footer", { className: n, style: a, children: o });
+}, Z = ({
+  children: o,
+  className: d = "",
+  asidePosition: s = "left"
+}) => {
+  const [t, r] = u(!1), [i, n] = u(!1), [a, c] = u(!1), [l, m] = u("sticky"), y = E(null), { scrollY: p } = G(y), x = S(
+    (g, H, M) => {
+      n(g), r(H), c(M);
+    },
+    []
+  ), C = S((g) => {
+    m(g);
+  }, []);
+  R(() => {
+    v.Children.toArray(o).some(
+      (H) => v.isValidElement(H) && H.type === I && !H.props.hidden
+    ) || r(!0);
+  }, [o]);
+  const h = s === "right" ? e.layoutRight : e.layoutLeft, F = [
+    e.layout,
+    h,
+    i && e.layoutAsideCollapsed,
+    t && e.layoutAsideHidden,
+    a && e.layoutAsideFullHeight,
+    d
+  ].filter(Boolean).join(" "), L = {
+    asidePosition: s,
+    asideHidden: t,
+    asideCollapsed: i,
+    asideFullHeight: a,
+    headerBehavior: l,
+    scrollY: p,
+    mainRef: y,
+    registerAside: x,
+    registerHeader: C
+  };
+  return /* @__PURE__ */ f(A.Provider, { value: L, children: /* @__PURE__ */ f("div", { className: F, children: o }) });
+}, ne = Object.assign({
+  Root: Z,
+  Header: J,
+  Aside: I,
+  Main: K,
+  Footer: Q
+});
+export {
+  ne as MainLayout,
+  te as useLayout
+};

package/dist/als-react-ts-ui380.js

@@ -0,0 +1,15 @@
+function d(r, i, e = !0) {
+  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
+}
+function o(r, i) {
+  let e = [], n = r.find((t) => t.id === i)?.parentId;
+  for (; n; ) {
+    const t = r.find((c) => c.id === n);
+    n = t?.parentId, t && (e = e.concat(t));
+  }
+  return e;
+}
+export {
+  o as getNodeAncestors,
+  d as getNodeChildren
+};

package/dist/als-react-ts-ui381.js

@@ -0,0 +1,17 @@
+import { createEventEmitter as n } from "./als-react-ts-ui382.js";
+class d {
+  nodesRef = {
+    current: []
+  };
+  events = n();
+  addNode(e) {
+    this.nodesRef.current.push(e);
+  }
+  removeNode(e) {
+    const t = this.nodesRef.current.findIndex((r) => r === e);
+    t !== -1 && this.nodesRef.current.splice(t, 1);
+  }
+}
+export {
+  d as FloatingTreeStore
+};

package/dist/als-react-ts-ui382.js

@@ -0,0 +1,17 @@
+function o() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(e, a) {
+      t.get(e)?.forEach((n) => n(a));
+    },
+    on(e, a) {
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
+    },
+    off(e, a) {
+      t.get(e)?.delete(a);
+    }
+  };
+}
+export {
+  o as createEventEmitter
+};

package/dist/als-react-ts-ui383.js

@@ -0,0 +1,78 @@
+import * as o from "react";
+import { useFloating as P } from "./als-react-ts-ui384.js";
+import { isElement as s } from "./als-react-ts-ui339.js";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui193.js";
+import { useFloatingTree as V } from "./als-react-ts-ui356.js";
+import { useFloatingRootContext as v } from "./als-react-ts-ui385.js";
+function w(c = {}) {
+  const {
+    nodeId: m,
+    externalTree: y
+  } = c, I = v(c), t = c.rootContext || I, r = {
+    reference: t.useState("referenceElement"),
+    floating: t.useState("floatingElement"),
+    domReference: t.useState("domReferenceElement")
+  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
+  F(() => {
+    r.domReference && (i.current = r.domReference);
+  }, [r.domReference]);
+  const n = P({
+    ...c,
+    elements: {
+      ...r,
+      ...g && {
+        reference: g
+      }
+    }
+  }), d = o.useCallback((e) => {
+    const u = s(e) ? {
+      getBoundingClientRect: () => e.getBoundingClientRect(),
+      getClientRects: () => e.getClientRects(),
+      contextElement: e
+    } : e;
+    M(u), n.refs.setReference(u);
+  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
+  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
+  const x = o.useCallback((e) => {
+    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    e !== null && !s(e)) && n.refs.setReference(e);
+  }, [n.refs, S]), C = o.useCallback((e) => {
+    L(e), n.refs.setFloating(e);
+  }, [n.refs]), l = o.useMemo(() => ({
+    ...n.refs,
+    setReference: x,
+    setFloating: C,
+    setPositionReference: d,
+    domReference: i
+  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
+    ...n.elements,
+    domReference: r.domReference
+  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
+    ...n,
+    dataRef: t.context.dataRef,
+    open: E,
+    onOpenChange: t.setOpen,
+    events: t.context.events,
+    floatingId: p,
+    refs: l,
+    elements: f,
+    nodeId: m,
+    rootStore: t
+  }), [n, l, f, m, t, E, p]);
+  return F(() => {
+    t.context.dataRef.current.floatingContext = a;
+    const e = b?.nodesRef.current.find((u) => u.id === m);
+    e && (e.context = a);
+  }), o.useMemo(() => ({
+    ...n,
+    context: a,
+    refs: l,
+    elements: f,
+    rootStore: t
+  }), [n, l, f, a, t]);
+}
+export {
+  w as useFloating
+};