prime-ui-kit 0.13.0 → 0.13.1

package/dist/chunks/{chunk-Z3WKKAS6.js → chunk-JV2KB5JZ.js}

@@ -126,7 +126,7 @@ import {
   useSwatchOptions,
   useSwipeDismiss,
   visuallyHiddenClass
-} from "./chunk-E6SQBSDF.js";
+} from "./chunk-PK2GC77E.js";
 import {
   ControlSizeProvider,
   cx,

package/dist/chunks/{chunk-E6SQBSDF.js → chunk-PK2GC77E.js}

@@ -1366,36 +1366,43 @@ function usePosition(enabled, anchorRef, layerRef, {
         };
       }
       const { offset, pad, arrow } = metricsRef.current;
-      const rect = anchor.getBoundingClientRect();
-      const pos = computeFloatingPosition(
-        resolveAnchorRect ? resolveAnchorRect(anchor, rect) : rect,
-        layer.offsetWidth,
-        layer.offsetHeight,
-        window.innerWidth,
-        window.innerHeight,
-        {
-          side: preferredSide,
-          align,
-          offset,
-          viewportPad: pad,
-          flip: true,
-          matchAnchorWidth,
-          arrowInset: arrow,
-          boundary: resolveBoundary?.(anchor) ?? void 0
-        }
-      );
-      setResolvedSide(pos.side);
+      const rawRect = anchor.getBoundingClientRect();
+      const rect = resolveAnchorRect ? resolveAnchorRect(anchor, rawRect) : rawRect;
+      const boundary = resolveBoundary?.(anchor) ?? void 0;
+      const compute = (width2, height2) => computeFloatingPosition(rect, width2, height2, window.innerWidth, window.innerHeight, {
+        side: preferredSide,
+        align,
+        offset,
+        viewportPad: pad,
+        flip: true,
+        matchAnchorWidth,
+        arrowInset: arrow,
+        boundary
+      });
       const set = (name, value) => {
         if (layer.style.getPropertyValue(name) !== value) layer.style.setProperty(name, value);
       };
       const px = (n) => n === void 0 ? "" : `${n}px`;
       set("position", "fixed");
+      let width = layer.offsetWidth;
+      let height = layer.offsetHeight;
+      let pos = compute(width, height);
+      for (let pass = 0; pass < 3; pass++) {
+        set(FLOAT_MIN_WIDTH_VAR, px(pos.minWidth));
+        set(FLOAT_MAX_WIDTH_VAR, px(pos.maxWidth));
+        set(FLOAT_MAX_HEIGHT_VAR, px(pos.maxHeight));
+        const nextWidth = layer.offsetWidth;
+        const nextHeight = layer.offsetHeight;
+        if (nextWidth === width && nextHeight === height) break;
+        width = nextWidth;
+        height = nextHeight;
+        pos = compute(width, height);
+      }
+      setResolvedSide(pos.side);
       set("top", px(pos.top));
       set("left", px(pos.left));
-      set(FLOAT_MIN_WIDTH_VAR, px(pos.minWidth));
-      set(FLOAT_MAX_WIDTH_VAR, px(pos.maxWidth));
-      set(FLOAT_MAX_HEIGHT_VAR, px(pos.maxHeight));
       set(FLOAT_ARROW_VAR, px(pos.arrow));
+      delete layer.dataset.floatPending;
     },
     [
       anchorRef,
@@ -1411,9 +1418,12 @@ function usePosition(enabled, anchorRef, layerRef, {
   );
   const updateRef = React12.useRef(update);
   updateRef.current = update;
+  const enabledRef = React12.useRef(enabled);
+  enabledRef.current = enabled;
   const attachLayer = React12.useCallback(
     (node) => {
       layerRef.current = node;
+      if (node && enabledRef.current) node.dataset.floatPending = "";
       setAttached(node !== null);
     },
     [layerRef]
@@ -1442,7 +1452,10 @@ function usePosition(enabled, anchorRef, layerRef, {
       target.addEventListener("scroll", follow, { passive: true });
     }
     window.visualViewport?.addEventListener("resize", resize);
-    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(follow);
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => {
+      cancelAnimationFrame(frame2);
+      updateRef.current(false);
+    });
     if (layerRef.current) observer?.observe(layerRef.current);
     if (anchorRef.current) observer?.observe(anchorRef.current);
     return () => {

package/dist/chunks/{chunk-ZSJMNA46.js → chunk-XNOJEX55.js}

@@ -17,7 +17,7 @@ import {
   useControllableState,
   useFieldFrame,
   useInheritedDisabled
-} from "./chunk-E6SQBSDF.js";
+} from "./chunk-PK2GC77E.js";
 import {
   cx
 } from "./chunk-Q3BFRQHZ.js";

package/dist/color-picker.js

@@ -4,8 +4,8 @@ import {
   ColorField,
   ColorPicker,
   parseColor
-} from "./chunks/chunk-ZSJMNA46.js";
-import "./chunks/chunk-E6SQBSDF.js";
+} from "./chunks/chunk-XNOJEX55.js";
+import "./chunks/chunk-PK2GC77E.js";
 import "./chunks/chunk-Q3BFRQHZ.js";
 export {
   ColorField,