@wix/site-ui 1.185.0 → 1.187.0

package/dist/6917.js

@@ -0,0 +1,55 @@
+import { stateAttributesMapping_TransitionStatusDataAttributes } from "./9369.js";
+let popupStateMapping_CommonPopupDataAttributes = function(CommonPopupDataAttributes) {
+    CommonPopupDataAttributes["open"] = "data-open";
+    CommonPopupDataAttributes["closed"] = "data-closed";
+    CommonPopupDataAttributes[CommonPopupDataAttributes["startingStyle"] = stateAttributesMapping_TransitionStatusDataAttributes.startingStyle] = "startingStyle";
+    CommonPopupDataAttributes[CommonPopupDataAttributes["endingStyle"] = stateAttributesMapping_TransitionStatusDataAttributes.endingStyle] = "endingStyle";
+    CommonPopupDataAttributes["anchorHidden"] = "data-anchor-hidden";
+    CommonPopupDataAttributes["side"] = "data-side";
+    CommonPopupDataAttributes["align"] = "data-align";
+    return CommonPopupDataAttributes;
+}({});
+let popupStateMapping_CommonTriggerDataAttributes = /*#__PURE__*/ function(CommonTriggerDataAttributes) {
+    CommonTriggerDataAttributes["popupOpen"] = "data-popup-open";
+    CommonTriggerDataAttributes["pressed"] = "data-pressed";
+    return CommonTriggerDataAttributes;
+}({});
+const TRIGGER_HOOK = {
+    [popupStateMapping_CommonTriggerDataAttributes.popupOpen]: ''
+};
+const PRESSABLE_TRIGGER_HOOK = {
+    [popupStateMapping_CommonTriggerDataAttributes.popupOpen]: '',
+    [popupStateMapping_CommonTriggerDataAttributes.pressed]: ''
+};
+const POPUP_OPEN_HOOK = {
+    [popupStateMapping_CommonPopupDataAttributes.open]: ''
+};
+const POPUP_CLOSED_HOOK = {
+    [popupStateMapping_CommonPopupDataAttributes.closed]: ''
+};
+const ANCHOR_HIDDEN_HOOK = {
+    [popupStateMapping_CommonPopupDataAttributes.anchorHidden]: ''
+};
+const triggerOpenStateMapping = {
+    open (value) {
+        if (value) return TRIGGER_HOOK;
+        return null;
+    }
+};
+const pressableTriggerOpenStateMapping = {
+    open (value) {
+        if (value) return PRESSABLE_TRIGGER_HOOK;
+        return null;
+    }
+};
+const popupStateMapping = {
+    open (value) {
+        if (value) return POPUP_OPEN_HOOK;
+        return POPUP_CLOSED_HOOK;
+    },
+    anchorHidden (value) {
+        if (value) return ANCHOR_HIDDEN_HOOK;
+        return null;
+    }
+};
+export { popupStateMapping, popupStateMapping_CommonPopupDataAttributes, popupStateMapping_CommonTriggerDataAttributes, pressableTriggerOpenStateMapping, triggerOpenStateMapping };

package/dist/7871.js

@@ -1,6 +1,6 @@
 import { createChangeEventDetails } from "./4768.js";
 import { focusOut } from "./2418.js";
-import { getTabbableBeforeElement, isOutsideEvent, getNextTabbable, getTabbableAfterElement } from "./4388.js";
+import { getTabbableBeforeElement, isOutsideEvent, getNextTabbable, getTabbableAfterElement } from "./487.js";
 import { contains } from "./4549.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";

package/dist/8052.js

@@ -1,10 +1,11 @@
 import { useControlled } from "./8527.js";
-import { useAnimationsFinished, stateAttributesMapping_TransitionStatusDataAttributes, useTransitionStatus, useOpenChangeComplete } from "./880.js";
+import { useTransitionStatus } from "./4863.js";
 import { useBaseUiId } from "./6046.js";
 import { useStableCallback } from "./7541.js";
 import { createChangeEventDetails } from "./4768.js";
 import { triggerPress } from "./2418.js";
 import { useMergedRefs, warn, esm_formatErrorMessage } from "./8272.js";
+import { useAnimationsFinished, stateAttributesMapping_TransitionStatusDataAttributes, useOpenChangeComplete } from "./9369.js";
 import { useValueAsRef } from "./4707.js";
 import { useIsoLayoutEffect } from "./6499.js";
 import { AnimationFrame } from "./8996.js";

package/dist/8106.js

@@ -2,10 +2,11 @@ import { FloatingRootStore } from "./5992.js";
 import { useIsoLayoutEffect } from "./6499.js";
 import { isElement } from "./3829.js";
 import { FOCUSABLE_ATTRIBUTE } from "./4745.js";
-import { useId } from "./6046.js";
+import { useId } from "./2205.js";
 import { useFloatingParentNodeId } from "./285.js";
 import { useStableCallback } from "./7541.js";
-import { useOpenChangeComplete, useTransitionStatus } from "./880.js";
+import { useTransitionStatus } from "./4863.js";
+import { useOpenChangeComplete } from "./9369.js";
 import { EMPTY_OBJECT } from "./8272.js";
 import * as __rspack_external_react from "react";
 function useSyncedFloatingRootContext(options) {

package/dist/8171.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAnimationsFinished } from "./880.js";
+import { useAnimationsFinished } from "./9369.js";
 import { useAnimationFrame } from "./8996.js";
 import { NOOP, EMPTY_OBJECT } from "./8272.js";
 import { useStableCallback } from "./7541.js";

package/dist/8750.js

@@ -1,6 +1,6 @@
 import { getOppositePlacement, round, getAxisLength as floating_ui_utils_getAxisLength, clamp as floating_ui_utils_clamp, createCoords, rectToClientRect as floating_ui_utils_rectToClientRect, getOppositeAxisPlacements, getSideAxis as floating_ui_utils_getSideAxis, sides as floating_ui_utils_sides, floor, getExpandedPlacements, getAlignmentSides as floating_ui_utils_getAlignmentSides, getAlignment as floating_ui_utils_getAlignment, getOppositeAxis, getAlignmentAxis as floating_ui_utils_getAlignmentAxis, getSide as floating_ui_utils_getSide, evaluate as floating_ui_utils_evaluate, getPaddingObject as floating_ui_utils_getPaddingObject, max as floating_ui_utils_max, min as floating_ui_utils_min } from "./3319.js";
 import { isWebKit, getNodeName, isHTMLElement, getFrameElement, getComputedStyle as floating_ui_utils_dom_getComputedStyle, isOverflowElement, isTopLayer, getContainingBlock, getNodeScroll, isTableElement, isLastTraversableNode, getOverflowAncestors, getDocumentElement, getWindow, isElement, isContainingBlock, getParentNode } from "./3829.js";
-import { useId } from "./6046.js";
+import { useId } from "./2205.js";
 import { useFloatingParentNodeId, useFloatingTree } from "./285.js";
 import { useRefWithInit, useRenderElement, EMPTY_OBJECT } from "./8272.js";
 import { PopupTriggerMap, FloatingRootStore } from "./5992.js";
@@ -9,7 +9,8 @@ import { ownerDocument } from "./9829.js";
 import { useStableCallback } from "./7541.js";
 import { useValueAsRef } from "./4707.js";
 import { useDirection } from "./9863.js";
-import { DISABLED_TRANSITIONS_STYLE, popupStateMapping } from "./4388.js";
+import { DISABLED_TRANSITIONS_STYLE } from "./487.js";
+import { popupStateMapping } from "./6917.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 function computeCoordsFromPlacement(_ref, placement, rtl) {

package/dist/8960.js

@@ -1,5 +1,5 @@
 import { jsxs } from "react/jsx-runtime";
-import { useFloatingPortalNode } from "./4388.js";
+import { useFloatingPortalNode } from "./487.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 const FloatingPortalLite_FloatingPortalLite = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {

package/dist/904.js

@@ -8,7 +8,7 @@ import { addEventListener } from "./4723.js";
 import { triggerPress, triggerFocus, escapeKey } from "./2418.js";
 import { matchesFocusVisible, isTypeableElement, isTargetInsideEnabledTrigger } from "./8758.js";
 import { createChangeEventDetails } from "./4768.js";
-import { createAttribute } from "./5992.js";
+import { createAttribute } from "./2445.js";
 import * as __rspack_external_react from "react";
 const isMacSafari = isMac && isSafari;
 function useFocus(context, props = {}) {

package/dist/9352.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { popupStateMapping, popupStateMapping_CommonPopupDataAttributes } from "./4388.js";
-import { transitionStatusMapping, useOpenChangeComplete } from "./880.js";
+import { popupStateMapping, popupStateMapping_CommonPopupDataAttributes } from "./6917.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "./9369.js";
 import { useDialogPortalContext, useDialogRootContext } from "./6270.js";
 import { useRenderElement } from "./8272.js";
 import { FOCUSABLE_POPUP_PROPS } from "./8106.js";

package/dist/{880.js → 9369.js}

@@ -1,65 +1,7 @@
-import { useIsoLayoutEffect } from "./6499.js";
-import { AnimationFrame, useAnimationFrame } from "./8996.js";
+import { useAnimationFrame } from "./8996.js";
 import { useStableCallback } from "./7541.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
-function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
-    const [transitionStatus, setTransitionStatus] = __rspack_external_react.useState(open && enableIdleState ? 'idle' : void 0);
-    const [mounted, setMounted] = __rspack_external_react.useState(open);
-    if (open && !mounted) {
-        setMounted(true);
-        setTransitionStatus('starting');
-    }
-    if (!open && mounted && 'ending' !== transitionStatus && !deferEndingState) setTransitionStatus('ending');
-    if (!open && !mounted && 'ending' === transitionStatus) setTransitionStatus(void 0);
-    useIsoLayoutEffect(()=>{
-        if (!open && mounted && 'ending' !== transitionStatus && deferEndingState) {
-            const frame = AnimationFrame.request(()=>{
-                setTransitionStatus('ending');
-            });
-            return ()=>{
-                AnimationFrame.cancel(frame);
-            };
-        }
-    }, [
-        open,
-        mounted,
-        transitionStatus,
-        deferEndingState
-    ]);
-    useIsoLayoutEffect(()=>{
-        if (!open || enableIdleState) return;
-        const frame = AnimationFrame.request(()=>{
-            setTransitionStatus(void 0);
-        });
-        return ()=>{
-            AnimationFrame.cancel(frame);
-        };
-    }, [
-        enableIdleState,
-        open
-    ]);
-    useIsoLayoutEffect(()=>{
-        if (!open || !enableIdleState) return;
-        if (open && mounted && 'idle' !== transitionStatus) setTransitionStatus('starting');
-        const frame = AnimationFrame.request(()=>{
-            setTransitionStatus('idle');
-        });
-        return ()=>{
-            AnimationFrame.cancel(frame);
-        };
-    }, [
-        enableIdleState,
-        open,
-        mounted,
-        transitionStatus
-    ]);
-    return {
-        mounted,
-        setMounted,
-        transitionStatus
-    };
-}
 let stateAttributesMapping_TransitionStatusDataAttributes = /*#__PURE__*/ function(TransitionStatusDataAttributes) {
     TransitionStatusDataAttributes["startingStyle"] = "data-starting-style";
     TransitionStatusDataAttributes["endingStyle"] = "data-ending-style";
@@ -146,4 +88,4 @@ function useOpenChangeComplete(parameters) {
         runOnceAnimationsFinish
     ]);
 }
-export { resolveRef, stateAttributesMapping_TransitionStatusDataAttributes, transitionStatusMapping, useAnimationsFinished, useOpenChangeComplete, useTransitionStatus };
+export { resolveRef, stateAttributesMapping_TransitionStatusDataAttributes, transitionStatusMapping, useAnimationsFinished, useOpenChangeComplete };

package/dist/Accordion/index.js

@@ -3,7 +3,7 @@ import { ChevronDown } from "@wix/wix-ui-icons-common";
 import clsx from "clsx";
 import { resolveStyle, warn, useMergedRefs, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { CollapsibleRootContext, useCollapsibleRootContext, collapsibleOpenStateMapping, triggerOpenStateMapping, useCollapsiblePanel, useCollapsibleRoot } from "../8052.js";
-import { transitionStatusMapping } from "../880.js";
+import { transitionStatusMapping } from "../9369.js";
 import { useCompositeListItem } from "../3021.js";
 import { useBaseUiId } from "../6046.js";
 import { useStableCallback } from "../7541.js";

package/dist/Avatar/index.js

@@ -2,7 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { NOOP, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { useIsoLayoutEffect } from "../6499.js";
-import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../880.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
+import { useTransitionStatus } from "../4863.js";
 import { useStableCallback } from "../7541.js";
 import { useTimeout } from "../42.js";
 import * as __rspack_external_react from "react";

package/dist/Checkbox/index.js

@@ -1,7 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { CheckboxRoot_CheckboxRoot, useCheckboxRootContext, useStateAttributesMapping } from "../3248.js";
-import { useOpenChangeComplete, transitionStatusMapping, useTransitionStatus } from "../880.js";
+import { useTransitionStatus } from "../4863.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
 import { fieldValidityMapping } from "../1477.js";
 import { useRenderElement } from "../8272.js";
 import * as __rspack_external_react from "react";

package/dist/Collapsible/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { CollapsibleRootContext, useCollapsibleRootContext, collapsibleOpenStateMapping, triggerOpenStateMapping, useCollapsiblePanel, useCollapsibleRoot } from "../8052.js";
-import { transitionStatusMapping } from "../880.js";
+import { transitionStatusMapping } from "../9369.js";
 import { useStableCallback } from "../7541.js";
 import { resolveStyle, useRenderElement, warn } from "../8272.js";
 import { useButton } from "../9189.js";

package/dist/Combobox/index.js

@@ -2,13 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useFieldRootContext, fieldValidityMapping } from "../1477.js";
 import { selectors, ComboboxArrow_ComboboxArrow, handleInputPress, useComboboxItemContext, AriaCombobox, ComboboxInputGroup_ComboboxInputGroup, ComboboxPositioner_ComboboxPositioner, useComboboxRootContext, useComboboxChipsContext, ComboboxBackdrop_ComboboxBackdrop, ComboboxRow_ComboboxRow, ComboboxIcon_ComboboxIcon, ComboboxClear_ComboboxClear, ComboboxCollection, ComboboxTrigger_ComboboxTrigger, ComboboxGroup_ComboboxGroup, ComboboxGroupLabel_ComboboxGroupLabel, ComboboxStatus_ComboboxStatus, ComboboxPopup_ComboboxPopup, ComboboxInput_ComboboxInput, ComboboxEmpty_ComboboxEmpty, ComboboxPortal_ComboboxPortal, ComboboxChipsContext, ComboboxList_ComboboxList, ComboboxItem_ComboboxItem } from "../6089.js";
-import { useStore } from "../5992.js";
+import { useStore } from "../2445.js";
 import { getDefaultLabelId } from "../6825.js";
 import { SafeReact } from "../6499.js";
 import { error } from "../4026.js";
 import { useLabel } from "../4143.js";
 import { esm_formatErrorMessage, useRenderElement, EMPTY_OBJECT } from "../8272.js";
-import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../880.js";
+import { useTransitionStatus } from "../4863.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
 import { CompositeList } from "../9255.js";
 import { useDirection } from "../9863.js";
 import { useCompositeListItem } from "../3021.js";

package/dist/ContextMenu/index.js

@@ -9,8 +9,8 @@ import { ownerDocument } from "../9829.js";
 import { addEventListener } from "../4723.js";
 import { getTarget, contains } from "../4549.js";
 import { useRenderElement } from "../8272.js";
-import { pressableTriggerOpenStateMapping } from "../4388.js";
-import { useId } from "../6046.js";
+import { pressableTriggerOpenStateMapping } from "../6917.js";
+import { useId } from "../2205.js";
 import { Separator as Separator_Separator } from "../9635.js";
 import * as __rspack_external_react from "react";
 const LONG_PRESS_DELAY = 500;