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

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

@@ -1,6 +1,45 @@
-let n = /* @__PURE__ */ (function(e) {
-  return e.panelOpen = "data-panel-open", e;
-})({});
+import * as c from "react";
+import * as d from "react-dom";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui224.js";
+import { AnimationFrame as u } from "./als-react-ts-ui347.js";
+function q(t, s = !1, f = !1) {
+  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
+  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
+    if (!t && i && r !== "ending" && f) {
+      const e = u.request(() => {
+        n("ending");
+      });
+      return () => {
+        u.cancel(e);
+      };
+    }
+  }, [t, i, r, f]), a(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      d.flushSync(() => {
+        n(void 0);
+      });
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), a(() => {
+    if (!t || !s)
+      return;
+    t && i && r !== "idle" && n("starting");
+    const e = u.request(() => {
+      n("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, n, r]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: m,
+    transitionStatus: r
+  }), [i, r]);
+}
 export {
-  n as CollapsibleTriggerDataAttributes
+  q as useTransitionStatus
 };

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

@@ -1,8 +1,8 @@
 import { jsx as x } from "react/jsx-runtime";
 import * as G from "react";
 import { clsx as T } from "./als-react-ts-ui56.js";
-import o from "./als-react-ts-ui316.js";
-import { ToggleGroup as $ } from "./als-react-ts-ui317.js";
+import o from "./als-react-ts-ui308.js";
+import { ToggleGroup as $ } from "./als-react-ts-ui309.js";
 const S = G.forwardRef(function({
   value: u,
   defaultValue: e,

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

@@ -1,21 +1,14 @@
-import { forwardRef as m, createElement as l } from "react";
-import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui351.js";
-import n from "./als-react-ts-ui352.js";
-const C = (e, t) => {
-  const o = m(
-    ({ className: a, ...s }, c) => l(n, {
-      ref: c,
-      iconNode: t,
-      className: d(
-        `lucide-${f(r(e))}`,
-        `lucide-${e}`,
-        a
-      ),
-      ...s
-    })
-  );
-  return o.displayName = r(e), o;
-};
+import n from "./als-react-ts-ui286.js";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "PopoverRootContext");
+function p(r) {
+  const o = e.useContext(t);
+  if (o === void 0 && !r)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : n(47));
+  return o;
+}
 export {
-  C as default
+  t as PopoverRootContext,
+  p as usePopoverRootContext
 };

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

@@ -1,18 +1,92 @@
-const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), n = (t) => {
-  const e = a(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
+import * as s from "react";
+import * as l from "react-dom";
+import { Timeout as m } from "./als-react-ts-ui226.js";
+import { useRefWithInit as g } from "./als-react-ts-ui267.js";
+import { useOnMount as h } from "./als-react-ts-ui324.js";
+import { PATIENT_CLICK_THRESHOLD as I } from "./als-react-ts-ui287.js";
+import { ReactStore as R } from "./als-react-ts-ui332.js";
+import { PopupTriggerMap as T } from "./als-react-ts-ui333.js";
+import { createSelector as o } from "./als-react-ts-ui334.js";
+import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "./als-react-ts-ui331.js";
+import { triggerHover as O, triggerPress as k, escapeKey as y, focusOut as S } from "./als-react-ts-ui275.js";
+function H() {
+  return {
+    ...E(),
+    disabled: !1,
+    modal: !1,
+    instantType: void 0,
+    openMethod: null,
+    openChangeReason: null,
+    titleElementId: void 0,
+    descriptionElementId: void 0,
+    stickIfOpen: !0,
+    nested: !1,
+    openOnHover: !1,
+    closeDelay: 0
+  };
+}
+const b = {
+  ...C,
+  disabled: o((t) => t.disabled),
+  instantType: o((t) => t.instantType),
+  openMethod: o((t) => t.openMethod),
+  openChangeReason: o((t) => t.openChangeReason),
+  modal: o((t) => t.modal),
+  stickIfOpen: o((t) => t.stickIfOpen),
+  titleElementId: o((t) => t.titleElementId),
+  descriptionElementId: o((t) => t.descriptionElementId),
+  openOnHover: o((t) => t.openOnHover),
+  closeDelay: o((t) => t.closeDelay)
 };
+class f extends R {
+  constructor(n) {
+    const e = {
+      ...H(),
+      ...n
+    };
+    e.open && n?.mounted === void 0 && (e.mounted = !0), super(e, {
+      popupRef: /* @__PURE__ */ s.createRef(),
+      backdropRef: /* @__PURE__ */ s.createRef(),
+      internalBackdropRef: /* @__PURE__ */ s.createRef(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0,
+      triggerFocusTargetRef: /* @__PURE__ */ s.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ s.createRef(),
+      stickIfOpenTimeout: new m(),
+      triggerElements: new T()
+    }, b);
+  }
+  setOpen = (n, e) => {
+    const r = e.reason === O, a = e.reason === k && e.event.detail === 0, d = !n && (e.reason === y || e.reason == null);
+    if (e.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, this.context.onOpenChange?.(n, e), e.isCanceled)
+      return;
+    const u = {
+      open: n,
+      nativeEvent: e.event,
+      reason: e.reason,
+      nested: this.state.nested,
+      triggerElement: e.trigger
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", u);
+    const c = () => {
+      const i = {
+        open: n,
+        openChangeReason: e.reason
+      }, p = e.trigger?.id ?? null;
+      (p || n) && (i.activeTriggerId = p, i.activeTriggerElement = e.trigger ?? null), this.update(i);
+    };
+    r ? (this.set("stickIfOpen", !0), this.context.stickIfOpenTimeout.start(I, () => {
+      this.set("stickIfOpen", !1);
+    }), l.flushSync(c)) : c(), a || d ? this.set("instantType", a ? "click" : "dismiss") : e.reason === S ? this.set("instantType", "focus") : this.set("instantType", void 0);
+  };
+  static useStore(n, e) {
+    const r = g(() => n ?? new f(e)).current;
+    return h(r.disposeEffect), r;
+  }
+  disposeEffect = () => this.context.stickIfOpenTimeout.disposeEffect();
+}
 export {
-  i as hasA11yProp,
-  c as mergeClasses,
-  a as toCamelCase,
-  s as toKebabCase,
-  n as toPascalCase
+  f as PopoverStore
 };

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

@@ -1,35 +1,58 @@
-import { forwardRef as l, createElement as o } from "react";
-import A from "./als-react-ts-ui353.js";
-import { mergeClasses as b, hasA11yProp as c } from "./als-react-ts-ui351.js";
-const h = l(
-  ({
-    color: m = "currentColor",
-    size: t = 24,
-    strokeWidth: e = 2,
-    absoluteStrokeWidth: s,
-    className: u = "",
-    children: r,
-    iconNode: f,
-    ...a
-  }, p) => o(
-    "svg",
-    {
-      ref: p,
-      ...A,
-      width: t,
-      height: t,
-      stroke: m,
-      strokeWidth: s ? Number(e) * 24 / Number(t) : e,
-      className: b("lucide", u),
-      ...!r && !c(a) && { "aria-hidden": "true" },
-      ...a
-    },
-    [
-      ...f.map(([i, d]) => o(i, d)),
-      ...Array.isArray(r) ? r : [r]
-    ]
-  )
-);
+import * as r from "react";
+import { useId as a } from "./als-react-ts-ui335.js";
+import { useIsoLayoutEffect as l } from "./als-react-ts-ui224.js";
+import { useRefWithInit as f } from "./als-react-ts-ui267.js";
+import { FloatingTreeStore as m } from "./als-react-ts-ui381.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
+const s = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
+const u = () => r.useContext(i)?.id || null, p = (o) => {
+  const e = r.useContext(s);
+  return o ?? e;
+};
+function v(o) {
+  const e = a(), t = p(o), n = u();
+  return l(() => {
+    if (!e)
+      return;
+    const c = {
+      id: e,
+      parentId: n
+    };
+    return t?.addNode(c), () => {
+      t?.removeNode(c);
+    };
+  }, [t, e, n]), e;
+}
+function I(o) {
+  const {
+    children: e,
+    id: t
+  } = o, n = u();
+  return /* @__PURE__ */ d(i.Provider, {
+    value: r.useMemo(() => ({
+      id: t,
+      parentId: n
+    }), [t, n]),
+    children: e
+  });
+}
+function T(o) {
+  const {
+    children: e,
+    externalTree: t
+  } = o, n = f(() => t ?? new m()).current;
+  return /* @__PURE__ */ d(s.Provider, {
+    value: n,
+    children: e
+  });
+}
 export {
-  h as default
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
 };

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

@@ -1,14 +1,4 @@
-var t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
+const o = 300;
 export {
-  t as default
+  o as OPEN_DELAY
 };

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

@@ -1,14 +1,26 @@
-import n from "./als-react-ts-ui259.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "PopoverRootContext");
-function p(r) {
-  const o = e.useContext(t);
-  if (o === void 0 && !r)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : n(47));
-  return o;
-}
+import * as r from "react";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui224.js";
+import { isSafari as u } from "./als-react-ts-ui371.js";
+import { visuallyHidden as i } from "./als-react-ts-ui376.js";
+import { jsx as f } from "react/jsx-runtime";
+const d = /* @__PURE__ */ r.forwardRef(function(t, e) {
+  const [o, s] = r.useState();
+  return a(() => {
+    u && s("button");
+  }, []), /* @__PURE__ */ f("span", {
+    ...t,
+    ref: e,
+    style: i,
+    "aria-hidden": o ? void 0 : !0,
+    ...{
+      tabIndex: 0,
+      // Role is only for VoiceOver
+      role: o
+    },
+    "data-base-ui-focus-guard": ""
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "FocusGuard");
 export {
-  t as PopoverRootContext,
-  p as usePopoverRootContext
+  d as FocusGuard
 };

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

@@ -1,92 +1,155 @@
-import * as s from "react";
-import * as l from "react-dom";
-import { Timeout as m } from "./als-react-ts-ui195.js";
-import { useRefWithInit as g } from "./als-react-ts-ui240.js";
-import { useOnMount as h } from "./als-react-ts-ui305.js";
-import { PATIENT_CLICK_THRESHOLD as I } from "./als-react-ts-ui260.js";
-import { ReactStore as R } from "./als-react-ts-ui333.js";
-import { PopupTriggerMap as T } from "./als-react-ts-ui334.js";
-import { createSelector as o } from "./als-react-ts-ui335.js";
-import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "./als-react-ts-ui332.js";
-import { triggerHover as O, triggerPress as k, escapeKey as y, focusOut as S } from "./als-react-ts-ui248.js";
-function H() {
-  return {
-    ...E(),
-    disabled: !1,
-    modal: !1,
-    instantType: void 0,
-    openMethod: null,
-    openChangeReason: null,
-    titleElementId: void 0,
-    descriptionElementId: void 0,
-    stickIfOpen: !0,
-    nested: !1,
-    openOnHover: !1,
-    closeDelay: 0
-  };
+import * as k from "react";
+import * as ee from "react-dom";
+import { isElement as te } from "./als-react-ts-ui338.js";
+import { useValueAsRef as _ } from "./als-react-ts-ui336.js";
+import { useStableCallback as I } from "./als-react-ts-ui223.js";
+import { createChangeEventDetails as y } from "./als-react-ts-ui273.js";
+import { getDelay as F } from "./als-react-ts-ui389.js";
+import { useFloatingTree as re } from "./als-react-ts-ui352.js";
+import { useHoverInteractionSharedState as ne, safePolygonIdentifier as oe } from "./als-react-ts-ui388.js";
+import { triggerHover as C } from "./als-react-ts-ui275.js";
+import { getDocument as q, contains as L } from "./als-react-ts-ui330.js";
+import { isMouseLikePointerType as z } from "./als-react-ts-ui305.js";
+function N(l) {
+  return typeof l == "function" ? l() : l;
 }
-const b = {
-  ...C,
-  disabled: o((t) => t.disabled),
-  instantType: o((t) => t.instantType),
-  openMethod: o((t) => t.openMethod),
-  openChangeReason: o((t) => t.openChangeReason),
-  modal: o((t) => t.modal),
-  stickIfOpen: o((t) => t.stickIfOpen),
-  titleElementId: o((t) => t.titleElementId),
-  descriptionElementId: o((t) => t.descriptionElementId),
-  openOnHover: o((t) => t.openOnHover),
-  closeDelay: o((t) => t.closeDelay)
-};
-class f extends R {
-  constructor(n) {
-    const e = {
-      ...H(),
-      ...n
+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);
     };
-    e.open && n?.mounted === void 0 && (e.mounted = !0), super(e, {
-      popupRef: /* @__PURE__ */ s.createRef(),
-      backdropRef: /* @__PURE__ */ s.createRef(),
-      internalBackdropRef: /* @__PURE__ */ s.createRef(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0,
-      triggerFocusTargetRef: /* @__PURE__ */ s.createRef(),
-      beforeContentFocusGuardRef: /* @__PURE__ */ s.createRef(),
-      stickIfOpenTimeout: new m(),
-      triggerElements: new T()
-    }, b);
-  }
-  setOpen = (n, e) => {
-    const r = e.reason === O, a = e.reason === k && e.event.detail === 0, d = !n && (e.reason === y || e.reason == null);
-    if (e.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, this.context.onOpenChange?.(n, e), e.isCanceled)
+  }, [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;
-    const u = {
-      open: n,
-      nativeEvent: e.event,
-      reason: e.reason,
-      nested: this.state.nested,
-      triggerElement: e.trigger
+    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);
     };
-    this.state.floatingRootContext.context.events?.emit("openchange", u);
-    const c = () => {
-      const i = {
-        open: n,
-        openChangeReason: e.reason
-      }, p = e.trigger?.id ?? null;
-      (p || n) && (i.activeTriggerId = p, i.activeTriggerElement = e.trigger ?? null), this.update(i);
+  }, [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));
+      }
     };
-    r ? (this.set("stickIfOpen", !0), this.context.stickIfOpenTimeout.start(I, () => {
-      this.set("stickIfOpen", !1);
-    }), l.flushSync(c)) : c(), a || d ? this.set("instantType", a ? "click" : "dismiss") : e.reason === S ? this.set("instantType", "focus") : this.set("instantType", void 0);
-  };
-  static useStore(n, e) {
-    const r = g(() => n ?? new f(e)).current;
-    return h(r.disposeEffect), r;
-  }
-  disposeEffect = () => this.context.stickIfOpenTimeout.disposeEffect();
+  }, [E, x, t, o, M, m, f]);
 }
 export {
-  f as PopoverStore
+  pe as useHoverReferenceInteraction
 };