@wix/site-ui 1.185.0 → 1.187.0

package/dist/Field/index.js

@@ -11,7 +11,8 @@ import { useIsoLayoutEffect, SafeReact } from "../6499.js";
 import { useFieldsetRootContext } from "../353.js";
 import { useLabel } from "../4143.js";
 import { error } from "../4026.js";
-import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../880.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
+import { useTransitionStatus } from "../4863.js";
 import { useCheckboxGroupContext } from "../8979.js";
 import { FieldItemContext } from "../1457.js";
 import { Input_module, FieldControl_FieldControl } from "../8685.js";

package/dist/Menu/index.js

@@ -4,7 +4,7 @@ import { MenuBackdrop_MenuBackdrop, MenuGroupLabel_MenuGroupLabel, MenuLinkItem_
 import { usePopupViewport } from "../8171.js";
 import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { ownerDocument } from "../9829.js";
-import { fastComponentRef } from "../5992.js";
+import { fastComponentRef } from "../2445.js";
 import { useBaseUiId } from "../6046.js";
 import { useCompositeRootContext } from "../8724.js";
 import { useFloatingParentNodeId, useFloatingTree, useFloatingNodeId, FloatingTreeStore } from "../285.js";
@@ -19,8 +19,9 @@ import { safePolygon, useHoverReferenceInteraction } from "../3670.js";
 import { useClick } from "../5864.js";
 import { useFocus } from "../904.js";
 import { useTriggerFocusGuards } from "../7871.js";
-import { FocusGuard_FocusGuard, pressableTriggerOpenStateMapping } from "../4388.js";
+import { pressableTriggerOpenStateMapping } from "../6917.js";
 import { CompositeItem } from "../951.js";
+import { FocusGuard_FocusGuard } from "../487.js";
 import { useIsoLayoutEffect } from "../6499.js";
 import { useMenubarContext } from "../7564.js";
 import { createChangeEventDetails } from "../4768.js";

package/dist/NavigationMenu/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { FocusGuard_FocusGuard, disableFocusInside, ownerVisuallyHidden, triggerOpenStateMapping, DROPDOWN_COLLISION_AVOIDANCE, POPUP_COLLISION_AVOIDANCE, getTabbableAfterElement, enableFocusInside, FloatingPortal_FloatingPortal, getPreviousTabbable, isOutsideEvent, getNextTabbable, pressableTriggerOpenStateMapping, popupStateMapping } from "../4388.js";
-import { useAnimationsFinished, stateAttributesMapping_TransitionStatusDataAttributes, useTransitionStatus, transitionStatusMapping, useOpenChangeComplete } from "../880.js";
+import { pressableTriggerOpenStateMapping, popupStateMapping, triggerOpenStateMapping } from "../6917.js";
+import { useAnimationsFinished, stateAttributesMapping_TransitionStatusDataAttributes, transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
 import { useNavigationMenuDismissContext, useNavigationMenuRootContext, NavigationMenuPopupCssVars_NavigationMenuPopupCssVars, useNavigationMenuTreeContext, NavigationMenuPositionerCssVars_NavigationMenuPositionerCssVars, NavigationMenuItem_NavigationMenuItem, NavigationMenuList_NavigationMenuList, isOutsideMenuEvent, NavigationMenuLink_NavigationMenuLink, NavigationMenuRoot_NavigationMenuRoot, useNavigationMenuItemContext, NAVIGATION_MENU_TRIGGER_IDENTIFIER } from "../6588.js";
+import { useTransitionStatus } from "../4863.js";
 import { useIsoLayoutEffect } from "../6499.js";
 import { useStableCallback } from "../7541.js";
 import { getTarget, contains } from "../4549.js";
@@ -26,9 +27,11 @@ import { createChangeEventDetails } from "../4768.js";
 import { stopEvent } from "../6330.js";
 import { useButton } from "../9189.js";
 import { CompositeItem } from "../951.js";
+import { FocusGuard_FocusGuard, disableFocusInside, DROPDOWN_COLLISION_AVOIDANCE, FloatingPortal_FloatingPortal, getTabbableAfterElement, enableFocusInside, getPreviousTabbable, isOutsideEvent, getNextTabbable, ownerVisuallyHidden, POPUP_COLLISION_AVOIDANCE } from "../487.js";
 import { getEmptyRootContext } from "../4922.js";
 import { mergeCleanups } from "../4495.js";
-import { useBaseUiId, useId } from "../6046.js";
+import { useId } from "../2205.js";
+import { useBaseUiId } from "../6046.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 const stateAttributesMapping = {

package/dist/Popover/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
-import { CLICK_TRIGGER_IDENTIFIER, pressableTriggerOpenStateMapping, FocusGuard_FocusGuard, triggerOpenStateMapping, FloatingPortal_FloatingPortal, popupStateMapping, POPUP_COLLISION_AVOIDANCE } from "../4388.js";
+import { FocusGuard_FocusGuard, CLICK_TRIGGER_IDENTIFIER, FloatingPortal_FloatingPortal, POPUP_COLLISION_AVOIDANCE } from "../487.js";
 import { useFloatingParentNodeId, FloatingNode, FloatingTree, useFloatingNodeId } from "../285.js";
-import { transitionStatusMapping, useAnimationsFinished, useOpenChangeComplete } from "../880.js";
+import { transitionStatusMapping, useAnimationsFinished, useOpenChangeComplete } from "../9369.js";
 import { usePositioner, adaptiveOriginMiddleware_adaptiveOrigin, useAnchorPositioning, getDisabledMountTransitionStyles } from "../8750.js";
 import { useIsoLayoutEffect } from "../6499.js";
 import { useAnchoredPopupScrollLock } from "../6247.js";
@@ -11,6 +11,7 @@ import { imperativeAction, focusOut, closePress, triggerHover, triggerPress, esc
 import { useOpenMethodTriggerProps, FloatingFocusManager, InternalBackdrop_InternalBackdrop } from "../3485.js";
 import { inertValue } from "../167.js";
 import { useStableCallback } from "../7541.js";
+import { pressableTriggerOpenStateMapping, popupStateMapping, triggerOpenStateMapping } from "../6917.js";
 import { useToolbarRootContext } from "../6107.js";
 import { useHoverFloatingInteraction } from "../3056.js";
 import { useTriggerDataForwarding, usePopupInteractionProps, usePopupRootSync, setOpenTriggerState, usePopupStore, useImplicitActiveTrigger, useOnFirstRender, useOpenStateTransitions, FOCUSABLE_POPUP_PROPS } from "../8106.js";
@@ -24,7 +25,8 @@ import { safePolygon, useHoverReferenceInteraction } from "../3670.js";
 import { useClick } from "../5864.js";
 import { useTriggerFocusGuards } from "../7871.js";
 import { createPopupFloatingRootContext, createInitialPopupStoreState, popupStoreSelectors } from "../6535.js";
-import { useDismiss, PopupTriggerMap, createSelector, ReactStore } from "../5992.js";
+import { ReactStore, createSelector } from "../2445.js";
+import { PopupTriggerMap, useDismiss } from "../5992.js";
 import { Timeout } from "../42.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";

package/dist/PreviewCard/index.js

@@ -2,20 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
 import { isElement } from "../3829.js";
-import { triggerOpenStateMapping, popupStateMapping, POPUP_COLLISION_AVOIDANCE } from "../4388.js";
+import { POPUP_COLLISION_AVOIDANCE } from "../487.js";
 import { useFloatingNodeId, FloatingNode, FloatingTree } from "../285.js";
 import { usePositioner, adaptiveOriginMiddleware_adaptiveOrigin, useAnchorPositioning, getDisabledMountTransitionStyles } from "../8750.js";
 import { useIsoLayoutEffect } from "../6499.js";
-import { transitionStatusMapping, useOpenChangeComplete } from "../880.js";
+import { popupStateMapping, triggerOpenStateMapping } from "../6917.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
 import { useStableCallback } from "../7541.js";
 import { useHoverFloatingInteraction } from "../3056.js";
 import { usePopupViewport } from "../8171.js";
-import { useDismiss, PopupTriggerMap, createSelector, fastComponent, fastComponentRef, ReactStore } from "../5992.js";
+import { createSelector, fastComponent, fastComponentRef, ReactStore } from "../2445.js";
 import { useBaseUiId } from "../6046.js";
 import { useTriggerDataForwarding, usePopupInteractionProps, setOpenTriggerState, usePopupStore, useImplicitActiveTrigger, useOnFirstRender, useOpenStateTransitions, FOCUSABLE_POPUP_PROPS } from "../8106.js";
 import { safePolygon, useHoverReferenceInteraction } from "../3670.js";
 import { useFocus } from "../904.js";
 import { createPopupFloatingRootContext, popupStoreSelectors, createInitialPopupStoreState } from "../6535.js";
+import { PopupTriggerMap, useDismiss } from "../5992.js";
 import { imperativeAction, triggerFocus, triggerHover, triggerPress, escapeKey } from "../2418.js";
 import { createChangeEventDetails } from "../4768.js";
 import { FloatingPortalLite_FloatingPortalLite } from "../8960.js";

package/dist/Radio/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../880.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
 import { useLabelableContext, fieldValidityMapping, useFieldRootContext } from "../1477.js";
 import { esm_formatErrorMessage, EMPTY_OBJECT, useMergedRefs, useRenderElement, NOOP } from "../8272.js";
 import { useRadioGroupContext } from "../1279.js";
@@ -17,6 +17,7 @@ import { visuallyHiddenInput, visuallyHidden } from "../8225.js";
 import { serializeValue } from "../5778.js";
 import { createChangeEventDetails } from "../4768.js";
 import { CompositeItem } from "../951.js";
+import { useTransitionStatus } from "../4863.js";
 import * as __rspack_external_react from "react";
 let RadioRootDataAttributes_RadioRootDataAttributes = /*#__PURE__*/ function(RadioRootDataAttributes) {
     RadioRootDataAttributes["checked"] = "data-checked";

package/dist/Select/index.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { EMPTY_ARRAY, useRefWithInit, EMPTY_OBJECT, mergeProps, useMergedRefs, useRenderElement, esm_formatErrorMessage } from "../8272.js";
-import { Store, createSelector, useStore, useDismiss } from "../5992.js";
+import { Store, useStore, createSelector } from "../2445.js";
 import { defaultItemEquality, removeItem, findItemIndex, stringifyAsLabel, stringifyAsValue, hasNullItemLabel, compareItemEquality, selectedValueIncludes, resolveMultipleLabels, resolveSelectedLabel } from "../7366.js";
 import { useLabelableContext, useFieldRootContext, fieldValidityMapping } from "../1477.js";
 import { getDefaultLabelId, resolveAriaLabelledBy } from "../6825.js";
 import { useLabel } from "../4143.js";
-import { DROPDOWN_COLLISION_AVOIDANCE, triggerOpenStateMapping, FloatingPortal_FloatingPortal, popupStateMapping, pressableTriggerOpenStateMapping } from "../4388.js";
+import { triggerOpenStateMapping, popupStateMapping, pressableTriggerOpenStateMapping } from "../6917.js";
 import { useLabelableId } from "../9048.js";
 import { useValueAsRef } from "../4707.js";
 import { useButton } from "../9189.js";
@@ -18,7 +18,8 @@ import { contains } from "../4549.js";
 import { ownerDocument } from "../9829.js";
 import { getPseudoElementBounds } from "../7373.js";
 import { itemPress, focusOut, outsidePress, cancelOpen, windowResize } from "../2418.js";
-import { transitionStatusMapping, useTransitionStatus, useOpenChangeComplete } from "../880.js";
+import { transitionStatusMapping, useOpenChangeComplete } from "../9369.js";
+import { FloatingPortal_FloatingPortal, DROPDOWN_COLLISION_AVOIDANCE } from "../487.js";
 import { useIsoLayoutEffect } from "../6499.js";
 import { useAnchoredPopupScrollLock } from "../6247.js";
 import { usePositioner, floating_ui_dom_platform, useAnchorPositioning, getDisabledMountTransitionStyles, useFloatingRootContext } from "../8750.js";
@@ -38,6 +39,7 @@ import { styleDisableScrollbar, normalizeScrollOffset, getMaxScrollOffset } from
 import { rectToClientRect } from "../3319.js";
 import { useCompositeListItem, useCompositeListItem_IndexGuessBehavior } from "../3021.js";
 import { isVirtualClick } from "../6330.js";
+import { useTransitionStatus } from "../4863.js";
 import { useBaseUiId } from "../6046.js";
 import { useFormContext } from "../5085.js";
 import { useControlled } from "../8527.js";
@@ -45,6 +47,7 @@ import { usePreviousValue } from "../7021.js";
 import { useRegisterFieldControl } from "../4281.js";
 import { useValueChanged } from "../2801.js";
 import { useClick } from "../5864.js";
+import { useDismiss } from "../5992.js";
 import { useListNavigation, useTypeahead } from "../5299.js";
 import { FOCUSABLE_POPUP_PROPS, useOnFirstRender } from "../8106.js";
 import { visuallyHiddenInput, visuallyHidden } from "../8225.js";

package/dist/Tabs/index.js

@@ -17,8 +17,9 @@ import { useCSPContext } from "../6003.js";
 import { useIsHydrating } from "../2287.js";
 import { useForcedRerendering } from "../8935.js";
 import { getCssDimensions } from "../7642.js";
-import { stateAttributesMapping_TransitionStatusDataAttributes, useTransitionStatus, transitionStatusMapping, useOpenChangeComplete } from "../880.js";
+import { transitionStatusMapping, stateAttributesMapping_TransitionStatusDataAttributes, useOpenChangeComplete } from "../9369.js";
 import { useCompositeListItem } from "../3021.js";
+import { useTransitionStatus } from "../4863.js";
 import { inertValue } from "../167.js";
 import { CompositeRoot } from "../9087.js";
 import * as __rspack_external_react from "react";

package/dist/Toast/index.css

@@ -0,0 +1,111 @@
+.viewport-Wd6ktK {
+  z-index: var(--above-all-z-index);
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.root-TfN4xI {
+  box-sizing: border-box;
+  color: #fff;
+  width: 100%;
+  font: var(--wst-paragraph-3-font);
+  border: var(--wst-system-line-1-width) solid
+    color-mix(in srgb, var(--wst-system-default-light-color) 40%, transparent);
+  opacity: 0;
+  visibility: hidden;
+  border-radius: 2px;
+  align-items: center;
+  gap: 20px;
+  padding-inline: 32px 12px;
+  transition: visibility .2s, opacity .2s, transform .4s;
+  display: flex;
+  transform: translateY(-50%);
+  box-shadow: 0 0 4px #0000001a, 0 4px 8px #0000001a;
+}
+
+.root-TfN4xI:not([data-starting-style]):not([data-ending-style]) {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+
+.root-TfN4xI:focus-visible {
+  outline: 2px solid var(--wst-links-and-actions-color);
+  outline-offset: -2px;
+}
+
+.status-O_LUHn {
+  background-color: var(--wst-system-default-dark-color);
+}
+
+.success-tUs5Op {
+  background-color: var(--wst-system-success-color);
+}
+
+.error-clgmW0 {
+  background-color: var(--wst-system-error-color);
+}
+
+.preview-HUjSkl {
+  background-color: color-mix(in srgb,
+    var(--wst-system-default-dark-color) 60%,
+    transparent);
+}
+
+.title-ECAZRW {
+  -webkit-line-clamp: 2;
+  min-width: 0;
+  font: inherit;
+  -webkit-box-orient: vertical;
+  flex: 1;
+  margin-block: 16px;
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+.close-GX8r1b {
+  cursor: pointer;
+  color: inherit;
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  padding: 14px 12px;
+  display: inline-flex;
+}
+
+.close-GX8r1b:hover {
+  background-color: color-mix(in srgb, currentColor 12%, transparent);
+}
+
+.close-GX8r1b:focus-visible {
+  outline: 2px solid var(--wst-links-and-actions-color);
+  outline-offset: 2px;
+}
+
+.close-GX8r1b > svg {
+  width: 20px;
+  height: 20px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .root-TfN4xI[data-starting-style], .root-TfN4xI[data-ending-style] {
+    transition: opacity .12s;
+    transform: none;
+  }
+}
+
+@media (width <= 750px) {
+  .root-TfN4xI {
+    padding-inline: 20px;
+  }
+
+  .title-ECAZRW {
+    -webkit-line-clamp: 3;
+  }
+}
+