@evinvest/uikit 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -105,14 +105,11 @@ declare function useFloating(opts: {
 declare function useFocusScope(enabled: boolean): React.RefObject<HTMLDivElement | null>;
 
 /**
- * Keeps a node mounted through its exit animation — the dep-light core of
- * `@radix-ui/react-presence`. While `present` is true the node is mounted with
- * `data-state="open"`; when `present` flips to false the hook switches it to
- * `data-state="closed"` and unmounts only after the node's CSS
- * animation/transition ends (or immediately if there is none).
- *
- * Usage: spread `{ ref, ...(isPresent ? {} : {}) }` and render only while
- * `isPresent`. The Rust mirror toggles `data-state` without deferring unmount.
+ * Tracks whether an overlay should be mounted. Mount/unmount steps in lockstep
+ * with `present`: enter animations (`data-[state=open]:animate-in`) still play
+ * on mount, but the kit intentionally does **not** defer unmount for an exit
+ * animation — deferring made portaled overlays flicker on close. Pass `ref`
+ * through to the animated node (kept for API stability / future use).
  */
 declare function usePresence(present: boolean): {
     isPresent: boolean;

package/dist/index.js

@@ -226,34 +226,7 @@ function useFocusScope(enabled) {
 import * as React7 from "react";
 function usePresence(present) {
   const ref = React7.useRef(null);
-  const [isPresent, setIsPresent] = React7.useState(present);
-  React7.useEffect(() => {
-    const node = ref.current;
-    if (present) {
-      setIsPresent(true);
-      return;
-    }
-    if (!node) {
-      setIsPresent(false);
-      return;
-    }
-    const styles = getComputedStyle(node);
-    const hasAnim = styles.animationName && styles.animationName !== "none" || parseFloat(styles.transitionDuration) > 0;
-    if (!hasAnim) {
-      setIsPresent(false);
-      return;
-    }
-    function done() {
-      setIsPresent(false);
-    }
-    node.addEventListener("animationend", done);
-    node.addEventListener("transitionend", done);
-    return () => {
-      node.removeEventListener("animationend", done);
-      node.removeEventListener("transitionend", done);
-    };
-  }, [present]);
-  return { isPresent: present || isPresent, ref };
+  return { isPresent: present, ref };
 }
 
 // src/primitives/use-roving-focus.ts
@@ -2501,6 +2474,9 @@ function Slider({
       "data-disabled": disabled || void 0,
       className: cn(ROOT_BASE2, className),
       ...props,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
       children: [
         /* @__PURE__ */ jsx31(
           "span",
@@ -2509,9 +2485,6 @@ function Slider({
             "data-slot": "slider-track",
             "data-orientation": orientation,
             className: TRACK_BASE,
-            onPointerDown,
-            onPointerMove,
-            onPointerUp,
             children: /* @__PURE__ */ jsx31(
               "span",
               {