@wix/editor-react-components 1.2828.0 → 1.2830.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/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: {},

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
-            })
+            }
           }
         }
       },