@wix/editor-react-components 1.2827.0 → 1.2829.0

package/dist/site/components/AccordionComponent/manifest.js

@@ -1,8 +1,6 @@
 import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, a as ACTIONS, E as ELEMENTS, N as NativeStateType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants44.js";
+import { b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT, D as DesignStates } from "../chunks/constants44.js";
 import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const options = [
   {
     value: "Start",
@@ -97,17 +95,15 @@ const manifest = {
             boxShadow: {}
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.accordionItem.hover.displayName,
               className: DesignStates.accordionItem.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            selected: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            selected: {
               displayName: DesignStates.accordionItem.selected.displayName,
               className: DesignStates.accordionItem.selected.className
-            })
+            }
           }
         }
       },
@@ -175,17 +171,15 @@ const manifest = {
             "icon-position": iconPositionConfig
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.itemTitle.hover.displayName,
               className: DesignStates.itemTitle.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            selected: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            selected: {
               displayName: DesignStates.itemTitle.selected.displayName,
               className: DesignStates.itemTitle.selected.className
-            })
+            }
           },
           displayGroups: {
             layoutGroup: {

package/dist/site/components/AnimatedIcon/manifest.js

@@ -1,7 +1,5 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { c as DesignStates, d as DisplayNames, D as DEFAULT_ANIMATION_DURATION } from "../chunks/constants19.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const displayConfig = {
   displayValues: ["none", "block"]
 };
@@ -103,23 +101,20 @@ const manifest = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.root.hover.displayName,
         className: DesignStates.root.hover.className,
         pseudoClass: NativeStateType.hover
-      }),
-      disabled: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      disabled: {
         displayName: DesignStates.root.disabled.displayName,
         className: DesignStates.root.disabled.className,
         pseudoClass: NativeStateType.disabled
-      }),
-      selected: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      selected: {
         displayName: DesignStates.root.selected.displayName,
         className: DesignStates.root.selected.className
-      })
+      }
     },
     helpArticle: {
       kbId: "b724e3de-3d89-4a75-8a48-1f01873e3c66"

package/dist/site/components/AudioPlayer/manifest.js

@@ -1,9 +1,7 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { c as manifestMouseHover, f as manifestMediaProgress, e as manifestPlayable } from "../chunks/manifestSdkMixins.js";
-import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants43.js";
+import { D as DisplayNames, a as DesignStates, s as selectors, b as borderDefaultValue } from "../chunks/constants43.js";
 import manifest$1 from "../Image3/manifest.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const controlsConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
   inlineElement: {
@@ -41,12 +39,11 @@ const controlsConfig = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.controls.hover.displayName,
         className: DesignStates.controls.hover.className,
         pseudoClass: NativeStateType.hover
-      })
+      }
     },
     displayGroups: {
       fillColors: {

package/dist/site/components/AudioPlayer/manifestConfigs/controlsConfig.d.ts

@@ -37,7 +37,6 @@ export declare const controlsConfig: {
         };
         states: {
             hover: {
-                spec: string;
                 displayName: "Hover";
                 className: "audio-player__controls--hover";
                 pseudoClass: NATIVE_STATE_TYPE;

package/dist/site/components/Breadcrumbs/manifest.js

@@ -1,8 +1,7 @@
 import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { D as DesignStates, a as DisplayNames, h as homepageModeValues, b as defaultStateValues, e as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
+import { g as getSelector } from "../chunks/manifest.js";
+import { a as DisplayNames, h as homepageModeValues, b as defaultStateValues, e as separatorValues, D as DesignStates, c as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,
@@ -103,17 +102,15 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.item.hover.displayName,
               className: DesignStates.item.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            selected: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            selected: {
               displayName: DesignStates.item.selected.displayName,
               className: DesignStates.item.selected.className
-            })
+            }
           }
         }
       },

package/dist/site/components/Button/manifest.js

@@ -1,8 +1,6 @@
 import { a as ACTIONS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, I as INTERACTIONS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, b as DisplayNames, c as DEFAULT_ICON_POSITION, C as COMPONENT_TYPE } from "../chunks/constants21.js";
 import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const displayConfig = {
   displayValues: ["none", "block"]
 };
@@ -175,19 +173,17 @@ const manifest = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.root.hover.displayName,
         className: DesignStates.root.hover.className,
         pseudoClass: NativeStateType.hover
-      }),
-      disabled: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      disabled: {
         displayName: DesignStates.root.disabled.displayName,
         className: DesignStates.root.disabled.className,
         pseudoClass: NativeStateType.disabled,
         props: { disabled: true }
-      })
+      }
     },
     data: {
       link: {
@@ -271,18 +267,16 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.label.hover.displayName,
               className: DesignStates.label.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.label.disabled.displayName,
               className: DesignStates.label.disabled.className,
               pseudoClass: NativeStateType.disabled
-            })
+            }
           }
         }
       },

package/dist/site/components/Checkbox/manifest.js

@@ -1,7 +1,6 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants40.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { D as DisplayNames, b as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants40.js";
+import { g as getSelector } from "../chunks/manifest.js";
 import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
@@ -143,31 +142,27 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.indicator.hover.displayName,
               className: DesignStates.indicator.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            focus: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            focus: {
               displayName: DesignStates.indicator.focus.displayName,
               className: DesignStates.indicator.focus.className,
               pseudoClass: NativeStateType.focus
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.indicator.disabled.displayName,
               className: DesignStates.indicator.disabled.className,
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
-            }),
-            invalid: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            invalid: {
               displayName: DesignStates.indicator.invalid.displayName,
               className: DesignStates.indicator.invalid.className,
               pseudoClass: NativeStateType.invalid
-            })
+            }
           }
         }
       },

package/dist/site/components/CheckboxGroup/manifest.js

@@ -1,7 +1,6 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants39.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { D as DisplayNames, c as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants39.js";
+import { g as getSelector } from "../chunks/manifest.js";
 import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
@@ -191,31 +190,27 @@ const manifest = {
             removable: false
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.indicator.hover.displayName,
               className: DesignStates.indicator.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            focus: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            focus: {
               displayName: DesignStates.indicator.focus.displayName,
               className: DesignStates.indicator.focus.className,
               pseudoClass: NativeStateType.focus
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.indicator.disabled.displayName,
               className: DesignStates.indicator.disabled.className,
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
-            }),
-            invalid: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            invalid: {
               displayName: DesignStates.indicator.invalid.displayName,
               className: DesignStates.indicator.invalid.className,
               pseudoClass: NativeStateType.invalid
-            })
+            }
           },
           cssProperties: {
             borderRadius: {

package/dist/site/components/DatePicker/constants.d.ts

@@ -53,9 +53,8 @@ export declare const defaultValues: {
 /** Shown on stage while the Error design state is selected. */
 export declare const PREVIEW_ERROR_MESSAGE = "Error message";
 /**
- * Design states. Wired in the manifest via `withSpec(IS_SUPPORT_DESIGN_STATE_SPEC)`
- * so they stay inert until the Conductor spec is declared. BEM classNames are the
- * editor's preview hooks; the live site uses the matching native pseudo-classes.
+ * BEM classNames are the editor's preview hooks; the live site uses the matching
+ * native pseudo-classes.
  */
 export declare const DesignStates: {
     root: {

package/dist/site/components/DatePicker/manifest.js

@@ -1,8 +1,7 @@
 import { C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
-import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, d as defaultValues, b as DisplayNames, c as Descriptions, e as PREVIEW_ERROR_MESSAGE, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants37.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { P as PREVIEW_CALENDAR_OPEN, D as DesignStates, d as defaultValues, b as DisplayNames, c as Descriptions, e as PREVIEW_ERROR_MESSAGE, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants37.js";
+import { g as getSelector } from "../chunks/manifest.js";
 const basePresetName = "baseDatePicker";
 const presetFont = (size) => ({
   defaultValue: `normal normal 400 ${size}/1.3em 'Wix Madefor Text', sans-serif`
@@ -27,8 +26,7 @@ const presetBox = {
   paddingInlineStart: zero,
   paddingInlineEnd: zero
 };
-const designState = (s) => withSpec({
-  spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+const designState = (s) => ({
   displayName: s.displayName,
   className: s.className
 });
@@ -394,13 +392,12 @@ const manifest = {
     // Calendar button, Dates). A root Hover/Focus would restyle every part
     // whenever any of the component is hovered or focused.
     states: {
-      disabled: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      disabled: {
         displayName: DesignStates.root.disabled.displayName,
         className: DesignStates.root.disabled.className,
         pseudoClass: NativeStateType.disabled,
         props: { disabled: true }
-      }),
+      },
       // Editor-only: activating this state passes `previewCalendarOpen` so the
       // overlay parts (referenced via `visibleState`) are editable on canvas.
       [PREVIEW_CALENDAR_OPEN]: {

package/dist/site/components/Dropdown/manifest.js

@@ -1,8 +1,6 @@
 import { b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
-import { D as DesignStates, a as DisplayNames, b as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, F as FunctionalStateKeys, e as editorElementClassNames, C as COMPONENT_TYPE } from "../chunks/constants36.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { a as DisplayNames, b as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, F as FunctionalStateKeys, e as editorElementClassNames, D as DesignStates, C as COMPONENT_TYPE } from "../chunks/constants36.js";
 const basePresetName = "baseDropdown";
 const manifest = {
   id: "d46302be-0629-45c8-bdf3-cdb14c6457c8",
@@ -259,35 +257,31 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.input.hover.displayName,
               className: DesignStates.input.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            focus: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            focus: {
               displayName: DesignStates.input.focus.displayName,
               className: DesignStates.input.focus.className,
               pseudoClass: NativeStateType.focus
-            }),
+            },
             // No native pseudo-class exists for "invalid" (Base UI's
             // Combobox.Trigger doesn't render as a real `<input>`) — this
             // state's export is scoped to this `className` instead, so
             // Dropdown.tsx applies it for real whenever `inErrorState` is true
             // (not just during design preview), same as Option's `selected`.
-            error: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            error: {
               displayName: DesignStates.input.error.displayName,
               className: DesignStates.input.error.className
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.input.disabled.displayName,
               className: DesignStates.input.disabled.className,
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
-            })
+            }
           }
         }
       },
@@ -363,21 +357,19 @@ const manifest = {
             paddingInlineEnd: {}
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.option.hover.displayName,
               className: DesignStates.option.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
+            },
             // No native pseudo-class exists for "selected list item" — the
             // panel's export for this state is scoped to this `className`
             // instead, so Dropdown.tsx applies it for real whenever an
             // option is actually selected (not just during design preview).
-            selected: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            selected: {
               displayName: DesignStates.option.selected.displayName,
               className: DesignStates.option.selected.className
-            })
+            }
           },
           visibleState: {
             stateKey: FunctionalStateKeys.previewList,

package/dist/site/components/HTMLComponent/component.js

@@ -9,7 +9,6 @@ import { d as defineStaticService } from "../chunks/staticService.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { A as ALLOWED_PROTOCOLS, S as SANDBOX, C as COMPONENT_TYPE, H as HTML_COMPONENT_TITLE_KEY, a as ARIA_LABEL_NAMESPACE, L as LEGACY_HTML_COMPONENT_TITLE_KEY, b as HTML_COMPONENT_TITLE_DEFAULT, D as DEFAULT_CONSENT_POLICY, c as ConsentTranslations } from "../chunks/constants35.js";
-import { C as CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT, M as MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT } from "../chunks/specs.js";
 const isBrowser = () => typeof window !== "undefined";
 function useIFrame({
   reducer = () => ({}),
@@ -172,6 +171,8 @@ const setProtocol = (url, staticHTMLComponentUrl) => {
   const link = url.split("//")[1];
   return alreadySet ? url : `${protocol}//${link}`;
 };
+const CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT = "classNameOnComponentRoot";
+const MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT = "movePreviewIdentityClassesToRoot";
 const useHTMLComponentProps = ({
   props,
   isPreview,

package/dist/site/components/LinkBar/manifest.js

@@ -1,9 +1,7 @@
 import { a as ACTIONS, D as DATA, M as MEDIA, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
-import { a as DesignStates, p as presets, b as DisplayNames, C as COMPONENT_TYPE } from "../chunks/constants31.js";
+import { p as presets, a as DisplayNames, b as DesignStates, C as COMPONENT_TYPE } from "../chunks/constants31.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const manifest = {
   id: "241afef1-74bd-4a10-843f-ac4928c25882",
   type: COMPONENT_TYPE,
@@ -133,12 +131,11 @@ const manifest = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.root.hover.displayName,
         className: DesignStates.root.hover.className,
         pseudoClass: NativeStateType.hover
-      })
+      }
     },
     data: {
       a11y: {

package/dist/site/components/Menu/component.js

@@ -2167,7 +2167,7 @@ const NavbarMenu = (props) => {
     }
   );
 };
-const SiteScrollBlockerDefinition = defineService("@wix/viewer-service-site-scroll-blocker");
+const SiteScrollBlockerDefinition = defineService("@wix/site-service-site-scroll-blocker");
 const dialog$1 = "dialog__8nYtn";
 const backdrop = "backdrop__GPb-W";
 const dialogContent = "dialogContent__Xp-X2";
@@ -2296,12 +2296,12 @@ const HamburgerMenu = ({
   }, [isOpenProp]);
   useLayoutEffect(() => {
     if (isOpen) {
-      siteScrollBlocker.setSiteScrollingBlocked(true, id);
+      siteScrollBlocker.block(true, id);
     } else {
-      siteScrollBlocker.setSiteScrollingBlocked(false, id);
+      siteScrollBlocker.block(false, id);
     }
     return () => {
-      siteScrollBlocker.setSiteScrollingBlocked(false, id);
+      siteScrollBlocker.block(false, id);
     };
   }, [isOpen, siteScrollBlocker, id]);
   const { animationState, initEnterAnimation, initExitAnimation } = useAnimationState(

package/dist/site/components/Menu/manifest.js

@@ -1,8 +1,6 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, N as NativeStateType, a as ACTIONS, D as DATA, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { c as DesignStates, f as DisplayNames, s as selectors, g as DropdownAnchorPositions, h as DropdownAppliedStyleProperties, i as elementKeys, j as customActionKeys, k as MENU_ANIMATED_ICON_SPEC, m as states, p as presets, n as menuBuiltInActions, C as COMPONENT_TYPE } from "../chunks/constants27.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const dropdownItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
@@ -14,17 +12,15 @@ const dropdownItemConfig = {
       removable: false
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.dropdownItem.hover.displayName,
         className: DesignStates.dropdownItem.hover.className,
         pseudoClass: NativeStateType.hover
-      }),
-      selected: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      selected: {
         displayName: DesignStates.dropdownItem.selected.displayName,
         className: DesignStates.dropdownItem.selected.className
-      })
+      }
     },
     cssProperties: {
       background: {},
@@ -83,17 +79,15 @@ const dropdownSubItemConfig = {
       removable: false
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.dropdownSubItem.hover.displayName,
         className: DesignStates.dropdownSubItem.hover.className,
         pseudoClass: NativeStateType.hover
-      }),
-      selected: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      selected: {
         displayName: DesignStates.dropdownSubItem.selected.displayName,
         className: DesignStates.dropdownSubItem.selected.className
-      })
+      }
     },
     cssProperties: {
       background: {},
@@ -519,12 +513,11 @@ const scrollButtonConfig = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.scrollButton.hover.displayName,
         className: DesignStates.scrollButton.hover.className,
         pseudoClass: NativeStateType.hover
-      })
+      }
     }
   }
 };
@@ -603,16 +596,14 @@ const itemConfig = {
       // Not native: the item must stay hovered while the pointer is over its
       // mega menu dropdown, which isn't a DOM descendant of the item, so real
       // :hover can't cover it — the className is toggled via JS instead
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.item.hover.displayName,
         className: DesignStates.item.hover.className
-      }),
-      selected: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      selected: {
         displayName: DesignStates.item.selected.displayName,
         className: DesignStates.item.selected.className
-      })
+      }
     },
     cssProperties: {
       font: {},
@@ -1502,7 +1493,7 @@ const manifest = {
           "@wix/viewer-service-anchors",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-link-utils",
-          "@wix/viewer-service-site-scroll-blocker",
+          "@wix/site-service-site-scroll-blocker",
           "@wix/site-service-translations",
           "@wix/viewer-service-url"
         ]
@@ -1515,7 +1506,7 @@ const manifest = {
           "@wix/viewer-service-anchors",
           "@wix/viewer-service-environment",
           "@wix/viewer-service-link-utils",
-          "@wix/viewer-service-site-scroll-blocker",
+          "@wix/site-service-site-scroll-blocker",
           "@wix/site-service-translations",
           "@wix/viewer-service-url"
         ]

package/dist/site/components/RadioButtons/manifest.js

@@ -1,7 +1,6 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants24.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { D as DisplayNames, c as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants24.js";
+import { g as getSelector } from "../chunks/manifest.js";
 import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
@@ -205,31 +204,27 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.radio.hover.displayName,
               className: DesignStates.radio.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            focus: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            focus: {
               displayName: DesignStates.radio.focus.displayName,
               className: DesignStates.radio.focus.className,
               pseudoClass: NativeStateType.focus
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.radio.disabled.displayName,
               className: DesignStates.radio.disabled.className,
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
-            }),
-            invalid: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            invalid: {
               displayName: DesignStates.radio.invalid.displayName,
               className: DesignStates.radio.invalid.className,
               pseudoClass: NativeStateType.invalid
-            })
+            }
           }
         }
       },

package/dist/site/components/ShareButtons/manifest.js

@@ -2,8 +2,6 @@ import { C as CSS_PROPERTIES, N as NativeStateType, E as ELEMENTS, a as ACTIONS,
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { h as elementKeys, i as DesignStates, j as DisplayNames, k as DisplayConfig, d as DefaultValues, I as IconPositionOptions, S as StaticDisplayFilters, l as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions, b as COMPONENT_TYPE } from "../chunks/constants22.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const presets = {
   horizontal: "horizontal",
   vertical: "vertical"
@@ -289,12 +287,11 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.button.hover.displayName,
               className: DesignStates.button.hover.className,
               pseudoClass: NativeStateType.hover
-            })
+            }
           },
           elements: {
             [elementKeys.label]: {
@@ -313,12 +310,11 @@ const manifest = {
                   ...textPartCssProperties
                 },
                 states: {
-                  hover: withSpec({
-                    spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+                  hover: {
                     displayName: DesignStates.label.hover.displayName,
                     className: DesignStates.label.hover.className,
                     pseudoClass: NativeStateType.hover
-                  })
+                  }
                 }
               }
             },
@@ -340,12 +336,11 @@ const manifest = {
                   ...iconPartCssCustomProperties
                 },
                 states: {
-                  hover: withSpec({
-                    spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+                  hover: {
                     displayName: DesignStates.icon.hover.displayName,
                     className: DesignStates.icon.hover.className,
                     pseudoClass: NativeStateType.hover
-                  })
+                  }
                 }
               }
             }
@@ -370,12 +365,11 @@ const manifest = {
             ...textPartCssProperties
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.label.hover.displayName,
               className: DesignStates.label.hover.className,
               pseudoClass: NativeStateType.hover
-            })
+            }
           }
         }
       },
@@ -399,12 +393,11 @@ const manifest = {
             ...iconPartCssCustomProperties
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.icon.hover.displayName,
               className: DesignStates.icon.hover.className,
               pseudoClass: NativeStateType.hover
-            })
+            }
           }
         }
       }

package/dist/site/components/Tabs/manifest.js

@@ -1,7 +1,5 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, c as classes, R as ROOT_MENU_ITEM_CSS_PROPERTIES, a as ROOT_MENU_ITEM_CUSTOM_PROPERTIES } from "../chunks/constants20.js";
-import { w as withSpec } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const menuItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
@@ -94,17 +92,15 @@ const menuItemConfig = {
       }
     },
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      hover: {
         displayName: DesignStates.menuItem.hover.displayName,
         className: DesignStates.menuItem.hover.className,
         pseudoClass: NativeStateType.hover
-      }),
-      selected: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+      },
+      selected: {
         displayName: DesignStates.menuItem.selected.displayName,
         className: DesignStates.menuItem.selected.className
-      })
+      }
     }
   }
 };

package/dist/site/components/TextBox/manifest.js

@@ -1,7 +1,6 @@
 import { E as ELEMENTS, N as NativeStateType, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants18.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { D as DisplayNames, b as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants18.js";
+import { g as getSelector } from "../chunks/manifest.js";
 import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
@@ -206,31 +205,27 @@ const manifest = {
             }
           },
           states: {
-            hover: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            hover: {
               displayName: DesignStates.input.hover.displayName,
               className: DesignStates.input.hover.className,
               pseudoClass: NativeStateType.hover
-            }),
-            focus: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            focus: {
               displayName: DesignStates.input.focus.displayName,
               className: DesignStates.input.focus.className,
               pseudoClass: NativeStateType.focus
-            }),
-            disabled: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            disabled: {
               displayName: DesignStates.input.disabled.displayName,
               className: DesignStates.input.disabled.className,
               pseudoClass: NativeStateType.disabled,
               props: { disabled: true }
-            }),
-            invalid: withSpec({
-              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+            },
+            invalid: {
               displayName: DesignStates.input.invalid.displayName,
               className: DesignStates.input.invalid.className,
               pseudoClass: NativeStateType.invalid
-            })
+            }
           }
         }
       },

package/dist/site/components/TextInput/manifest.js

@@ -2,9 +2,7 @@ import { I as INTERACTIONS, D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, C as
 import { D as DomEventType } from "../chunks/types.impl.js";
 import { D as DesignStates, a as DisplayNames, F as FunctionalStateKeys, c as componentClassNames } from "../chunks/constants3.js";
 import { m as manifestInputable, a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const designState = (s, pseudoClass) => ({
-  spec: IS_SUPPORT_DESIGN_STATE_SPEC,
   displayName: s.displayName,
   className: s.className,
   ...pseudoClass ? { pseudoClass } : {}

package/dist/site/components/TimePicker/manifest.js

@@ -1,10 +1,8 @@
 import { b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
-import { b as DisplayNames, c as Descriptions, d as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, P as PREVIEW_ERROR_MESSAGE, C as COMPONENT_TYPE, s as selectors, D as DesignStates } from "../chunks/constants2.js";
-import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
-import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { b as DisplayNames, c as Descriptions, d as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, D as DesignStates, P as PREVIEW_ERROR_MESSAGE, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants2.js";
+import { g as getSelector } from "../chunks/manifest.js";
 const basePresetName = "baseTimePicker";
-const designState = (state) => withSpec({ spec: IS_SUPPORT_DESIGN_STATE_SPEC, ...state });
 const manifest = {
   id: "41156bbe-2741-4a01-a715-7eba6e294f0b",
   type: COMPONENT_TYPE,
@@ -193,13 +191,13 @@ const manifest = {
             paddingInlineEnd: {}
           },
           states: {
-            hover: designState(DesignStates.timeInput.hover),
-            focus: designState(DesignStates.timeInput.focus),
+            hover: DesignStates.timeInput.hover,
+            focus: DesignStates.timeInput.focus,
             error: {
-              ...designState(DesignStates.timeInput.error),
+              ...DesignStates.timeInput.error,
               props: { errorMessage: PREVIEW_ERROR_MESSAGE }
             },
-            disabled: designState(DesignStates.timeInput.disabled)
+            disabled: DesignStates.timeInput.disabled
           }
         }
       },
@@ -233,7 +231,7 @@ const manifest = {
             color: {}
           },
           states: {
-            focus: designState(DesignStates.segment.focus)
+            focus: DesignStates.segment.focus
           }
         }
       },

package/dist/site/components/chunks/constants18.js

@@ -93,11 +93,11 @@ const semanticClassNames = {
   errorMessage: "textbox__error-message"
 };
 export {
-  DesignStates as D,
+  DisplayNames as D,
   TestIds as T,
   VALIDATION_MESSAGES as V,
   semanticClassNames as a,
-  DisplayNames as b,
+  DesignStates as b,
   defaultValues as d,
   selectors as s
 };

package/dist/site/components/chunks/constants24.js

@@ -100,12 +100,12 @@ const semanticClassNames = {
   errorMessage: "radio-buttons__error-message"
 };
 export {
-  DesignStates as D,
+  DisplayNames as D,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
   defaultOptions as a,
   semanticClassNames as b,
-  DisplayNames as c,
+  DesignStates as c,
   defaultValues as d,
   selectors as s
 };

package/dist/site/components/chunks/constants31.js

@@ -58,7 +58,7 @@ export {
   DefaultTranslations as D,
   LegacyTranslationKeys as L,
   TranslationKeys as T,
-  DesignStates as a,
-  DisplayNames as b,
+  DisplayNames as a,
+  DesignStates as b,
   presets as p
 };

package/dist/site/components/chunks/constants39.js

@@ -109,12 +109,12 @@ const semanticClassNames = {
   errorMessage: "checkbox-group__error-message"
 };
 export {
-  DesignStates as D,
+  DisplayNames as D,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
   defaultOptions as a,
   semanticClassNames as b,
-  DisplayNames as c,
+  DesignStates as c,
   defaultValues as d,
   selectors as s
 };

package/dist/site/components/chunks/constants40.js

@@ -80,11 +80,11 @@ const semanticClassNames = {
   errorMessage: "checkbox__error-message"
 };
 export {
-  DesignStates as D,
+  DisplayNames as D,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
   semanticClassNames as a,
-  DisplayNames as b,
+  DesignStates as b,
   defaultValues as d,
   selectors as s
 };

package/dist/site/components/chunks/constants43.js

@@ -83,8 +83,8 @@ const DisplayNames = {
 };
 export {
   ARIA_LABELS as A,
-  DesignStates as D,
-  DisplayNames as a,
+  DisplayNames as D,
+  DesignStates as a,
   borderDefaultValue as b,
   dataDefaults as d,
   selectors as s

package/dist/site/components/chunks/manifest.js

@@ -1,8 +1,6 @@
 const getSelector = (selectorName) => {
   return `.${selectorName}`;
 };
-const withSpec = (item) => item;
 export {
-  getSelector as g,
-  withSpec as w
+  getSelector as g
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2827.0",
+  "version": "1.2829.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -143,6 +143,7 @@
     "@wix/site-service-editor-context": "^1.0.7",
     "@wix/site-service-experiments": "^1.0.8",
     "@wix/site-service-rendering-context": "^1.0.6",
+    "@wix/site-service-site-scroll-blocker": "^1.0.0",
     "@wix/site-service-translations": "^1.0.1",
     "@wix/site-ui": "^1.0.0",
     "@wix/sled-playwright": "^1.404.0",
@@ -157,7 +158,6 @@
     "@wix/viewer-service-pages": "^1.0.18",
     "@wix/viewer-service-renderer-configuration": "^1.0.17",
     "@wix/viewer-service-sdk-state": "^1.0.38",
-    "@wix/viewer-service-site-scroll-blocker": "^1.0.84",
     "@wix/viewer-service-topology": "^1.0.36",
     "@wix/viewer-service-url": "^1.0.86",
     "@wix/web-bi-logger": "^2.1.31",
@@ -224,5 +224,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "0248cbed2f85338c766f94fa0179063f81930a934c3180b44843b91d"
+  "falconPackageHash": "4575300ce20679a68ac5166795ead292b0ed495ac832d0b1efd22ec2"
 }

package/dist/site/components/chunks/specs.js

@@ -1,8 +0,0 @@
-const IS_SUPPORT_DESIGN_STATE_SPEC = "componentsErcManifestSupportDesignStates";
-const CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT = "classNameOnComponentRoot";
-const MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT = "movePreviewIdentityClassesToRoot";
-export {
-  CLASS_NAME_ON_COMPONENT_ROOT_EXPERIMENT as C,
-  IS_SUPPORT_DESIGN_STATE_SPEC as I,
-  MOVE_PREVIEW_IDENTITY_CLASSES_TO_ROOT_EXPERIMENT as M
-};