@als-tp/als-react-ts-ui 0.5.1 → 0.5.2

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

@@ -1,78 +1,6 @@
-import * as i from "react";
-import { getWindow as h, isElement as b, isHTMLElement as M } from "./als-react-ts-ui320.js";
-import { isMac as F, isSafari as D } from "./als-react-ts-ui351.js";
-import { useTimeout as k } from "./als-react-ts-ui297.js";
-import { createChangeEventDetails as R } from "./als-react-ts-ui229.js";
-import { createAttribute as O } from "./als-react-ts-ui361.js";
-import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./als-react-ts-ui312.js";
-import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./als-react-ts-ui231.js";
-const g = F && D;
-function z(a, L = {}) {
-  const r = "rootStore" in a ? a.rootStore : a, {
-    events: f,
-    dataRef: E
-  } = r.context, {
-    enabled: o = !0,
-    visibleOnly: p = !0
-  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
-  i.useEffect(() => {
-    const t = r.select("domReferenceElement");
-    if (!o)
-      return;
-    const e = h(t);
-    function u() {
-      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
-    }
-    function c() {
-      m.current = !0;
-    }
-    function n() {
-      m.current = !1;
-    }
-    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
-      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
-    };
-  }, [r, o]), i.useEffect(() => {
-    if (!o)
-      return;
-    function t(e) {
-      (e.reason === B || e.reason === K) && (s.current = !0);
-    }
-    return f.on("openchange", t), () => {
-      f.off("openchange", t);
-    };
-  }, [f, o]);
-  const l = i.useMemo(() => ({
-    onMouseLeave() {
-      s.current = !1;
-    },
-    onFocus(t) {
-      if (s.current)
-        return;
-      const e = S(t.nativeEvent);
-      if (p && b(e)) {
-        if (g && !t.relatedTarget) {
-          if (!m.current && !A(e))
-            return;
-        } else if (!C(e))
-          return;
-      }
-      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
-    },
-    onBlur(t) {
-      s.current = !1;
-      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
-      v.start(0, () => {
-        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
-        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
-      });
-    }
-  }), [E, r, p, v]);
-  return i.useMemo(() => o ? {
-    reference: l,
-    trigger: l
-  } : {}, [o, l]);
+function n(r) {
+  return r == null ? r : "current" in r ? r.current : r;
 }
 export {
-  z as useFocus
+  n as resolveRef
 };

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

@@ -1,90 +1,211 @@
-import * as L from "react";
-import { isElement as j } from "./als-react-ts-ui320.js";
-import { useStableCallback as l } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui267.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui229.js";
-import { useFloatingTree as q, useFloatingParentNodeId as z } from "./als-react-ts-ui364.js";
-import { useHoverInteractionSharedState as B, safePolygonIdentifier as H, isInteractiveElement as G } from "./als-react-ts-ui376.js";
-import { triggerHover as O } from "./als-react-ts-ui231.js";
-import { getDocument as x, getTarget as J } from "./als-react-ts-ui312.js";
-import { isMouseLikePointerType as K } from "./als-react-ts-ui280.js";
-const Q = /* @__PURE__ */ new Set(["click", "mousedown"]);
-function re(i, d = {}) {
-  const n = "rootStore" in i ? i.rootStore : i, m = n.useState("open"), u = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
-    dataRef: p
-  } = n.context, {
-    enabled: R = !0,
-    closeDelay: I = 0,
-    externalTree: A
-  } = d, {
-    pointerTypeRef: E,
-    interactedInsideRef: f,
-    handlerRef: v,
-    performedPointerEventsMutationRef: g,
-    unbindMouseMoveRef: N,
-    restTimeoutPendingRef: S,
-    openChangeTimeout: y,
-    handleCloseOptionsRef: k
-  } = B(n), M = q(A), T = z(), h = l(() => f.current ? !0 : p.current.openEvent ? Q.has(p.current.openEvent.type) : !1), C = l(() => {
-    const e = p.current.openEvent?.type;
-    return e?.includes("mouse") && e !== "mousedown";
-  }), P = L.useCallback((e, r = !0) => {
-    const s = U(I, E.current);
-    s && !v.current ? y.start(s, () => n.setOpen(!1, w(O, e))) : r && (y.clear(), n.setOpen(!1, w(O, e)));
-  }, [I, v, n, E, y]), c = l(() => {
-    N.current(), v.current = void 0;
-  }), a = l(() => {
-    if (g.current) {
-      const e = x(u).body;
-      e.style.pointerEvents = "", e.removeAttribute(H), g.current = !1;
-    }
-  }), D = l((e) => {
-    const r = J(e);
-    if (!G(r)) {
-      f.current = !1;
-      return;
-    }
-    f.current = !0;
+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";
   });
-  F(() => {
-    m || (E.current = void 0, S.current = !1, f.current = !1, c(), a());
-  }, [m, E, S, f, c, a]), L.useEffect(() => () => {
-    c();
-  }, [c]), L.useEffect(() => a, [a]), F(() => {
-    if (R && m && k.current?.blockPointerEvents && C() && j(b) && u) {
-      g.current = !0;
-      const e = x(u).body;
-      e.setAttribute(H, "");
-      const r = b, s = u, t = M?.nodesRef.current.find((o) => o.id === T)?.context?.elements.floating;
-      return t && (t.style.pointerEvents = ""), e.style.pointerEvents = "none", r.style.pointerEvents = "auto", s.style.pointerEvents = "auto", () => {
-        e.style.pointerEvents = "", r.style.pointerEvents = "", s.style.pointerEvents = "";
-      };
+  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;
     }
-  }, [R, m, b, u, k, C, M, T, g]), L.useEffect(() => {
-    if (!R)
-      return;
-    function e(o) {
-      if (h() || !p.current.floatingContext)
-        return;
-      const W = n.context.triggerElements;
-      o.relatedTarget && W.hasElement(o.relatedTarget) || (a(), c(), h() || P(o));
+  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));
     }
-    function r(o) {
-      y.clear(), a(), v.current?.(o), c();
+  }
+  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;
     }
-    function s(o) {
-      h() || P(o, !1);
+    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;
     }
-    const t = u;
-    return t && (t.addEventListener("mouseleave", e), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), t.addEventListener("pointerdown", D, !0)), () => {
-      t && (t.removeEventListener("mouseleave", e), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s), t.removeEventListener("pointerdown", D, !0));
-    };
-  });
-}
-function U(i, d) {
-  return d && !K(d) ? 0 : typeof i == "function" ? i() : i;
-}
+  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 {
-  U as getDelay,
-  re as useHoverFloatingInteraction
+  j as focusable,
+  R as getTabIndex,
+  z as isTabbable,
+  Z as tabbable
 };

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

@@ -1,32 +1,16 @@
-import * as e from "react";
-import { useTimeout as l } from "./als-react-ts-ui297.js";
-import { createAttribute as m } from "./als-react-ts-ui361.js";
-import { TYPEABLE_SELECTOR as p } from "./als-react-ts-ui379.js";
-const S = m("safe-polygon"), v = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${p}`;
-function T(t) {
-  return t ? !!t.closest(v) : !1;
-}
-function E(t) {
-  const o = e.useRef(void 0), s = e.useRef(!1), r = e.useRef(void 0), f = e.useRef(!0), i = e.useRef(!1), a = e.useRef(() => {
-  }), u = e.useRef(!1), c = l(), d = l(), R = e.useRef(void 0);
-  return e.useMemo(() => {
-    const n = t.context.dataRef.current;
-    return n.hoverInteractionState || (n.hoverInteractionState = {
-      pointerTypeRef: o,
-      interactedInsideRef: s,
-      handlerRef: r,
-      blockMouseMoveRef: f,
-      performedPointerEventsMutationRef: i,
-      unbindMouseMoveRef: a,
-      restTimeoutPendingRef: u,
-      openChangeTimeout: c,
-      restTimeout: d,
-      handleCloseOptionsRef: R
-    }), n.hoverInteractionState;
-  }, [t, o, s, r, f, i, a, u, c, d, R]);
-}
+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 {
-  T as isInteractiveElement,
-  S as safePolygonIdentifier,
-  E as useHoverInteractionSharedState
+  i as visuallyHidden
 };

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

@@ -1,155 +1,6 @@
-import * as k from "react";
-import * as ee from "react-dom";
-import { isElement as te } from "./als-react-ts-ui320.js";
-import { useValueAsRef as _ } from "./als-react-ts-ui318.js";
-import { useStableCallback as I } from "./als-react-ts-ui266.js";
-import { createChangeEventDetails as y } from "./als-react-ts-ui229.js";
-import { getDelay as F } from "./als-react-ts-ui378.js";
-import { useFloatingTree as re } from "./als-react-ts-ui364.js";
-import { useHoverInteractionSharedState as ne, safePolygonIdentifier as oe } from "./als-react-ts-ui376.js";
-import { triggerHover as C } from "./als-react-ts-ui231.js";
-import { getDocument as q, contains as L } from "./als-react-ts-ui312.js";
-import { isMouseLikePointerType as z } from "./als-react-ts-ui280.js";
-function N(l) {
-  return typeof l == "function" ? l() : l;
-}
-function pe(l, B = {}) {
-  const t = "rootStore" in l ? l.rootStore : l, {
-    dataRef: a,
-    events: H
-  } = t.context, {
-    enabled: O = !0,
-    delay: G = 0,
-    handleClose: J = null,
-    mouseOnly: x = !1,
-    restMs: K = 0,
-    move: A = !0,
-    triggerElement: V = null,
-    externalTree: Q,
-    isActiveTrigger: X = !0
-  } = B, Y = re(Q), {
-    pointerTypeRef: o,
-    interactedInsideRef: U,
-    handlerRef: p,
-    blockMouseMoveRef: E,
-    performedPointerEventsMutationRef: W,
-    unbindMouseMoveRef: D,
-    restTimeoutPendingRef: f,
-    openChangeTimeout: s,
-    restTimeout: m,
-    handleCloseOptionsRef: Z
-  } = ne(t), v = _(J), R = _(G), M = _(K);
-  X && (Z.current = v.current?.__options);
-  const T = I(() => U.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), b = k.useCallback((e, r = !0) => {
-    const g = F(R.current, "close", o.current);
-    g && !p.current ? s.start(g, () => t.setOpen(!1, y(C, e))) : r && (s.clear(), t.setOpen(!1, y(C, e)));
-  }, [R, p, t, o, s]), w = I(() => {
-    D.current(), p.current = void 0;
-  }), P = I(() => {
-    if (W.current) {
-      const e = q(t.select("domReferenceElement")).body;
-      e.style.pointerEvents = "", e.removeAttribute(oe), W.current = !1;
-    }
-  });
-  k.useEffect(() => {
-    if (!O)
-      return;
-    function e(r) {
-      r.open || (s.clear(), m.clear(), E.current = !0, f.current = !1);
-    }
-    return H.on("openchange", e), () => {
-      H.off("openchange", e);
-    };
-  }, [O, H, s, m, E, f]);
-  const j = I((e) => {
-    if (T() || !a.current.floatingContext)
-      return;
-    const r = t.context.triggerElements;
-    e.relatedTarget && r.hasElement(e.relatedTarget) || v.current?.({
-      ...a.current.floatingContext,
-      tree: Y,
-      x: e.clientX,
-      y: e.clientY,
-      onClose() {
-        P(), w(), T() || b(e);
-      }
-    })(e);
-  });
-  return k.useEffect(() => {
-    if (!O)
-      return;
-    const e = V ?? (X ? t.select("domReferenceElement") : null);
-    if (!te(e))
-      return;
-    function r(n) {
-      if (s.clear(), E.current = !1, x && !z(o.current) || N(M.current) > 0 && !F(R.current, "open"))
-        return;
-      const d = F(R.current, "open", o.current), c = t.select("domReferenceElement"), u = t.context.triggerElements, h = (u.hasElement(n.target) || u.hasMatchingElement(($) => L($, n.target))) && (!c || !L(c, n.target)), i = n.currentTarget ?? null;
-      d ? s.start(d, () => {
-        t.select("open") || t.setOpen(!0, y(C, n, i));
-      }) : (!t.select("open") || h) && t.setOpen(!0, y(C, n, i));
-    }
-    function g(n) {
-      if (T()) {
-        P();
-        return;
-      }
-      D.current();
-      const d = t.select("domReferenceElement"), c = q(d);
-      m.clear(), f.current = !1;
-      const u = t.context.triggerElements;
-      if (n.relatedTarget && u.hasElement(n.relatedTarget))
-        return;
-      if (v.current && a.current.floatingContext) {
-        t.select("open") || s.clear(), p.current = v.current({
-          ...a.current.floatingContext,
-          tree: Y,
-          x: n.clientX,
-          y: n.clientY,
-          onClose() {
-            P(), w(), T() || b(n, !0);
-          }
-        });
-        const i = p.current;
-        i(n), c.addEventListener("mousemove", i), D.current = () => {
-          c.removeEventListener("mousemove", i);
-        };
-        return;
-      }
-      (o.current === "touch" ? !L(t.select("floatingElement"), n.relatedTarget) : !0) && b(n);
-    }
-    function S(n) {
-      j(n);
-    }
-    return t.select("open") && e.addEventListener("mouseleave", S), A && e.addEventListener("mousemove", r, {
-      once: !0
-    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", g), () => {
-      e.removeEventListener("mouseleave", S), A && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", g);
-    };
-  }, [w, P, E, a, R, b, t, O, v, j, X, T, x, A, o, M, m, f, s, V, Y, D, p]), k.useMemo(() => {
-    function e(r) {
-      o.current = r.pointerType;
-    }
-    return {
-      onPointerDown: e,
-      onPointerEnter: e,
-      onMouseMove(r) {
-        const {
-          nativeEvent: g
-        } = r, S = r.currentTarget, n = t.select("domReferenceElement"), d = t.context.triggerElements, c = t.select("open"), u = (d.hasElement(r.target) || d.hasMatchingElement((i) => L(i, r.target))) && (!n || !L(n, r.target));
-        if (x && !z(o.current) || c && !u || N(M.current) === 0 || !u && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
-          return;
-        m.clear();
-        function h() {
-          !E.current && (!c || u) && t.setOpen(!0, y(C, g, S));
-        }
-        o.current === "touch" ? ee.flushSync(() => {
-          h();
-        }) : u && c ? h() : (f.current = !0, m.start(N(M.current), h));
-      }
-    };
-  }, [E, x, t, o, M, m, f]);
+function e(t) {
+  return `data-base-ui-${t}`;
 }
 export {
-  pe as useHoverReferenceInteraction
+  e as createAttribute
 };