@wix/editor-react-components 1.2153.0

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

@@ -0,0 +1,1395 @@
+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-JPMZBG44.js";
+import { e as DesignStates, f as DisplayNames, s as selectors, g as DropdownAnchorPositions, h as DropdownAppliedStyleProperties, i as elementKeys, j as states, p as presets } from "../chunks/constants23.js";
+import { w as withSpec } from "../chunks/manifest.js";
+import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
+import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+const dropdownItemConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.dropdownItem}`,
+    displayName: DisplayNames.dropdownItem.elementDisplayName,
+    behaviors: {
+      selectable: false,
+      removable: false
+    },
+    states: {
+      hover: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.dropdownItem.hover.displayName,
+        className: DesignStates.dropdownItem.hover.className,
+        pseudoClass: NativeStateType.hover
+      }),
+      selected: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.dropdownItem.selected.displayName,
+        className: DesignStates.dropdownItem.selected.className
+      })
+    },
+    cssProperties: {
+      background: {},
+      font: {},
+      color: {},
+      letterSpacing: {},
+      textDecorationLine: {},
+      textTransform: {},
+      textShadow: {},
+      borderTop: {},
+      borderBottom: {},
+      borderInlineStart: {},
+      borderInlineEnd: {},
+      borderStartStartRadius: {},
+      borderStartEndRadius: {},
+      borderEndStartRadius: {},
+      borderEndEndRadius: {},
+      boxShadow: {}
+    },
+    displayGroups: {
+      paddingGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.padding,
+        padding: {
+          top: "dropdown-menu-item-padding-top",
+          bottom: "dropdown-menu-item-padding-bottom",
+          left: "dropdown-menu-item-padding-inline-start",
+          right: "dropdown-menu-item-padding-inline-end"
+        }
+      }
+    },
+    cssCustomProperties: {
+      "dropdown-menu-item-padding-inline-start": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineStart
+      },
+      "dropdown-menu-item-padding-inline-end": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineEnd
+      },
+      "dropdown-menu-item-padding-top": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingTop
+      },
+      "dropdown-menu-item-padding-bottom": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingBottom
+      }
+    }
+  }
+};
+const dropdownSubItemConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.dropdownSubItem}`,
+    displayName: DisplayNames.dropdownSubItem.elementDisplayName,
+    behaviors: {
+      selectable: false,
+      removable: false
+    },
+    states: {
+      hover: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.dropdownSubItem.hover.displayName,
+        className: DesignStates.dropdownSubItem.hover.className,
+        pseudoClass: NativeStateType.hover
+      }),
+      selected: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.dropdownSubItem.selected.displayName,
+        className: DesignStates.dropdownSubItem.selected.className
+      })
+    },
+    cssProperties: {
+      background: {},
+      font: {},
+      color: {},
+      letterSpacing: {},
+      textDecorationLine: {},
+      textTransform: {},
+      textShadow: {},
+      borderTop: {},
+      borderBottom: {},
+      borderInlineStart: {},
+      borderInlineEnd: {},
+      borderStartStartRadius: {},
+      borderStartEndRadius: {},
+      borderEndStartRadius: {},
+      borderEndEndRadius: {},
+      boxShadow: {},
+      paddingTop: {},
+      paddingBottom: {},
+      paddingInlineStart: {},
+      paddingInlineEnd: {}
+    }
+  }
+};
+const dropdownConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.dropdown}`,
+    displayName: DisplayNames.dropdown.elementDisplayName,
+    behaviors: {
+      selectable: true
+    },
+    displayGroups: {
+      dropdownContainerGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.padding,
+        padding: {
+          top: "dropdown-container-padding-top",
+          bottom: "dropdown-container-padding-bottom",
+          left: "dropdown-container-padding-inline-start",
+          right: "dropdown-container-padding-inline-end"
+        }
+      },
+      gapGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.gap,
+        displayName: DisplayNames.dropdown.displayGroups.gapGroup,
+        gap: {
+          columnGap: "dropdown-menu-item-horizontal-spacing",
+          rowGap: "dropdown-menu-item-vertical-spacing"
+        }
+      },
+      borderColorGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderColor,
+        borderColor: {
+          top: "dropdown-container-border-top-color",
+          right: "dropdown-container-border-inline-end-color",
+          bottom: "dropdown-container-border-bottom-color",
+          left: "dropdown-container-border-inline-start-color"
+        }
+      },
+      borderWidthGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderWidth,
+        borderWidth: {
+          top: "dropdown-container-border-top-width",
+          right: "dropdown-container-border-inline-end-width",
+          bottom: "dropdown-container-border-bottom-width",
+          left: "dropdown-container-border-inline-start-width"
+        }
+      },
+      borderStyleGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderStyle,
+        borderStyle: {
+          top: "dropdown-container-border-top-style",
+          right: "dropdown-container-border-inline-end-style",
+          bottom: "dropdown-container-border-bottom-style",
+          left: "dropdown-container-border-inline-start-style"
+        }
+      },
+      borderGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.border,
+        border: {
+          color: "displayGroups.borderColorGroup",
+          width: "displayGroups.borderWidthGroup",
+          style: "displayGroups.borderStyleGroup"
+        }
+      },
+      layoutGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: [
+            "columns-number",
+            "anchor",
+            "item-position",
+            "align",
+            "items-width"
+          ]
+        }
+      }
+    },
+    cssCustomProperties: {
+      anchor: {
+        displayName: DisplayNames.dropdown.cssCustomProperties.anchor,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "menuStretched",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.dropdown.options.menuItem,
+              value: "menuItem",
+              appliedStyles: [
+                {
+                  property: DropdownAppliedStyleProperties.anchor,
+                  value: DropdownAnchorPositions.menuItem
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.dropdown.options.menuStretched,
+              value: "menuStretched",
+              appliedStyles: [
+                {
+                  property: DropdownAppliedStyleProperties.anchor,
+                  value: DropdownAnchorPositions.menuStretched
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.dropdown.options.screen,
+              value: "screen",
+              appliedStyles: [
+                {
+                  property: DropdownAppliedStyleProperties.anchor,
+                  value: DropdownAnchorPositions.screen
+                }
+              ]
+            }
+          ]
+        }
+      },
+      align: {
+        displayName: DisplayNames.dropdown.cssCustomProperties.align,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "start",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.dropdown.options.start,
+              value: "start"
+            },
+            {
+              displayName: DisplayNames.dropdown.options.center,
+              value: "center"
+            },
+            { displayName: DisplayNames.dropdown.options.end, value: "end" }
+          ]
+        }
+      },
+      "items-width": {
+        displayName: DisplayNames.dropdown.cssCustomProperties["items-width"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "fitToText",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "fitToText",
+              displayName: DisplayNames.dropdown.options.fitToText,
+              appliedStyles: [
+                {
+                  property: "--dropdown-menu-item-justify-self",
+                  value: "var(--dropdown-menu-item-container-align)"
+                }
+              ]
+            },
+            {
+              value: "fillDropdown",
+              displayName: DisplayNames.dropdown.options.fillDropdown,
+              appliedStyles: [
+                {
+                  property: "--dropdown-menu-item-justify-self",
+                  value: "stretch"
+                },
+                {
+                  property: "--dropdown-menu-item-align",
+                  value: "var(--dropdown-menu-item-text-align)"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "dropdown-menu-item-text-align": {
+        displayName: "Text alignment",
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent
+      },
+      "dropdown-menu-item-container-align": {
+        displayName: "Item alignment",
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent
+      },
+      // Container
+      "columns-number": {
+        displayName: DisplayNames.dropdown.cssCustomProperties["columns-number"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          minimum: 1
+        }
+      },
+      "space-above": {
+        displayName: DisplayNames.dropdown.cssCustomProperties["space-above"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap
+      },
+      "horizontal-margin": {
+        displayName: DisplayNames.dropdown.cssCustomProperties["horizontal-margin"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap
+      },
+      "dropdown-container-background": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.background,
+        background: {}
+      },
+      "dropdown-container-box-shadow": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.boxShadow
+      },
+      "dropdown-container-border-inline-start-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartColor
+      },
+      "dropdown-container-border-inline-start-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartStyle
+      },
+      "dropdown-container-border-inline-start-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartWidth
+      },
+      "dropdown-container-border-inline-end-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndColor
+      },
+      "dropdown-container-border-inline-end-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndStyle
+      },
+      "dropdown-container-border-inline-end-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndWidth
+      },
+      "dropdown-container-border-top-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopColor
+      },
+      "dropdown-container-border-top-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopStyle
+      },
+      "dropdown-container-border-top-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopWidth
+      },
+      "dropdown-container-border-bottom-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomColor
+      },
+      "dropdown-container-border-bottom-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomStyle
+      },
+      "dropdown-container-border-bottom-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomWidth
+      },
+      "dropdown-container-border-start-start-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStartStartRadius
+      },
+      "dropdown-container-border-start-end-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStartEndRadius
+      },
+      "dropdown-container-border-end-start-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderEndStartRadius
+      },
+      "dropdown-container-border-end-end-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderEndEndRadius
+      },
+      "dropdown-container-padding-top": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingTop
+      },
+      "dropdown-container-padding-bottom": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingBottom
+      },
+      "dropdown-container-padding-inline-start": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineStart
+      },
+      "dropdown-container-padding-inline-end": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineEnd
+      },
+      // Item + Sub-item
+      "dropdown-menu-item-horizontal-spacing": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap
+      },
+      "dropdown-menu-item-vertical-spacing": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap
+      },
+      // User content
+      "item-position": {
+        displayName: DisplayNames.dropdown.cssCustomProperties["item-position"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "start",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.dropdown.options.afterItems,
+              value: "start",
+              appliedStyles: [
+                {
+                  property: "--dropdown-content-wrapper-flex-dir",
+                  value: "row"
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.dropdown.options.beforeItems,
+              value: "end",
+              appliedStyles: [
+                {
+                  property: "--dropdown-content-wrapper-flex-dir",
+                  value: "row-reverse"
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.dropdown.options.belowItems,
+              value: "top",
+              appliedStyles: [
+                {
+                  property: "--dropdown-content-wrapper-flex-dir",
+                  value: "column"
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.dropdown.options.aboveItems,
+              value: "bottom",
+              appliedStyles: [
+                {
+                  property: "--dropdown-content-wrapper-flex-dir",
+                  value: "column-reverse"
+                }
+              ]
+            }
+          ]
+        }
+      }
+    },
+    visibleState: {
+      stateKey: "dropdown",
+      elementPath: ".root"
+    },
+    elements: {
+      [elementKeys.item]: dropdownItemConfig,
+      [elementKeys.subItem]: dropdownSubItemConfig
+    }
+  }
+};
+const scrollButtonConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.scrollButton}`,
+    displayName: DisplayNames.scrollButton.elementDisplayName,
+    cssProperties: {
+      background: {
+        displayName: DisplayNames.scrollButton.cssProperties.background
+      },
+      boxShadow: {},
+      borderTop: {},
+      borderBottom: {},
+      borderInlineEnd: {},
+      borderInlineStart: {},
+      borderStartStartRadius: {},
+      borderStartEndRadius: {},
+      borderEndStartRadius: {},
+      borderEndEndRadius: {}
+    },
+    displayGroups: {
+      scrollButtonGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        displayName: DisplayNames.scrollButton.displayGroups.scrollButtonGroup,
+        cssDataType: {
+          items: [
+            "scroll-button-icon-color",
+            "scroll-button-icon-rotation-deg",
+            "scroll-button-icon-size"
+          ]
+        }
+      }
+    },
+    cssCustomProperties: {
+      "scroll-button-icon-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "scroll-button-icon-size": {
+        displayName: DisplayNames.scrollButton.cssCustomProperties["scroll-button-icon-size"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length
+      },
+      "scroll-button-padding-inline-start": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineStart
+      },
+      "scroll-button-padding-inline-end": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineEnd
+      },
+      "scroll-button-icon-rotation-deg": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle,
+        defaultValue: "0deg"
+      }
+    },
+    states: {
+      hover: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.scrollButton.hover.displayName,
+        className: DesignStates.scrollButton.hover.className,
+        pseudoClass: NativeStateType.hover
+      })
+    }
+  }
+};
+const itemConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.item}`,
+    displayName: DisplayNames.item.elementDisplayName,
+    behaviors: {
+      selectable: false,
+      removable: false
+    },
+    states: {
+      hover: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.item.hover.displayName,
+        className: DesignStates.item.hover.className,
+        pseudoClass: NativeStateType.hover
+      }),
+      selected: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.item.selected.displayName,
+        className: DesignStates.item.selected.className
+      })
+    },
+    cssProperties: {
+      font: {},
+      color: {},
+      textDecorationLine: {},
+      textTransform: {},
+      letterSpacing: {},
+      textShadow: {},
+      justifyContent: {
+        displayName: DisplayNames.item.cssProperties.justifyContent
+      },
+      background: { displayName: DisplayNames.item.cssProperties.background },
+      boxShadow: {},
+      borderTop: {},
+      borderBottom: {},
+      borderInlineStart: {},
+      borderInlineEnd: {},
+      paddingTop: {},
+      paddingBottom: {},
+      paddingInlineStart: {},
+      paddingInlineEnd: {},
+      borderStartStartRadius: {},
+      borderStartEndRadius: {},
+      borderEndStartRadius: {},
+      borderEndEndRadius: {},
+      columnGap: {
+        displayName: DisplayNames.item.cssProperties.columnGap
+      }
+    },
+    displayGroups: {
+      iconGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        displayName: DisplayNames.item.displayGroups.iconGroup,
+        cssDataType: {
+          items: ["item-icon-color", "item-icon-size"]
+        }
+      }
+    },
+    cssCustomProperties: {
+      // Icon
+      "item-icon-size": {
+        displayName: DisplayNames.item.cssProperties["item-icon-size"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length
+      },
+      "item-icon-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      }
+    }
+  }
+};
+const navbarConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.navbar}`,
+    displayName: DisplayNames.navbar.elementDisplayName,
+    data: {
+      items: { dataType: DATA.DATA_TYPE.menuItems },
+      direction: { dataType: DATA.DATA_TYPE.direction },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.tabIndex,
+            DATA.A11Y_ATTRIBUTES.ariaPressed,
+            DATA.A11Y_ATTRIBUTES.ariaExpanded,
+            DATA.A11Y_ATTRIBUTES.ariaDisabled,
+            DATA.A11Y_ATTRIBUTES.ariaHaspopup,
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.ariaLive
+            // TODO: Not supported yet
+            // DATA.A11Y_ATTRIBUTES.lang,
+          ]
+        }
+      }
+    },
+    behaviors: {
+      selectable: false
+    },
+    cssProperties: {
+      background: {},
+      boxShadow: {},
+      borderTop: {},
+      borderBottom: {},
+      borderInlineStart: {},
+      borderInlineEnd: {},
+      borderStartStartRadius: {},
+      borderStartEndRadius: {},
+      borderEndStartRadius: {},
+      borderEndEndRadius: {},
+      paddingTop: {},
+      paddingBottom: {},
+      paddingInlineStart: {},
+      paddingInlineEnd: {}
+    },
+    cssCustomProperties: {
+      "vertical-dropdown-display": {
+        displayName: DisplayNames.navbar.cssCustomProperties["vertical-dropdown-display"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "expandCollapse",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.navbar.options.alwaysOpen,
+              value: "alwaysOpen",
+              appliedStyles: [
+                {
+                  property: "--vertical-item-icon-display",
+                  value: "none"
+                },
+                {
+                  property: "--vertical-dropdown-visibility",
+                  value: "unset"
+                },
+                {
+                  property: "--vertical-dropdown-height",
+                  value: "unset"
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.navbar.options.expandCollapse,
+              value: "expandCollapse",
+              appliedStyles: [
+                {
+                  property: "--vertical-item-icon-display",
+                  value: "unset"
+                },
+                {
+                  property: "--vertical-dropdown-visibility",
+                  value: "hidden"
+                },
+                {
+                  property: "--vertical-dropdown-height",
+                  value: "0"
+                },
+                {
+                  property: "--vertical-expand-collapse-display",
+                  value: "none"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "items-width": {
+        displayName: DisplayNames.navbar.cssCustomProperties["items-width"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "fitToText",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "fitToText",
+              displayName: DisplayNames.navbar.options.fitToText,
+              appliedStyles: [
+                { property: "--menu-items-flex-grow", value: "0" },
+                { property: "--item-width", value: "fit-content" },
+                {
+                  property: "--item-wrapper-display",
+                  value: "var(--horizontal-items-width-display, flex)"
+                }
+              ]
+            },
+            {
+              value: "fillMenu",
+              displayName: DisplayNames.navbar.options.fillMenu,
+              appliedStyles: [
+                { property: "--menu-items-flex-grow", value: "1" },
+                { property: "--item-width", value: "auto" },
+                { property: "--item-wrapper-display", value: "block" }
+              ]
+            }
+          ]
+        }
+      },
+      // Divider - Split into separate width, style, and color properties for brand color support
+      "item-divider-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderWidth
+      },
+      "item-divider-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStyle
+      },
+      "item-divider-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderColor
+      },
+      // Container
+      "container-align": {
+        displayName: DisplayNames.navbar.cssCustomProperties["container-align"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent
+      },
+      "menu-items-row-gap": {
+        displayName: DisplayNames.navbar.cssCustomProperties["menu-items-row-gap"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap
+      },
+      "menu-items-column-gap": {
+        displayName: DisplayNames.navbar.cssCustomProperties["menu-items-column-gap"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap
+      }
+    },
+    displayGroups: {
+      layoutGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: ["vertical-dropdown-display", "items-width"]
+        }
+      },
+      dividerBorderGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.border,
+        displayName: DisplayNames.navbar.displayGroups.dividerBorderGroup,
+        border: {
+          width: "item-divider-width",
+          style: "item-divider-style",
+          color: "item-divider-color"
+        }
+      }
+    },
+    actions: {
+      manageMenu: {
+        displayName: DisplayNames.navbar.actions.manageMenu,
+        hidden: false,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.data,
+          data: {
+            dataItemKey: "items"
+          }
+        }
+      },
+      design: {}
+    },
+    elements: {
+      [elementKeys.item]: itemConfig,
+      [elementKeys.scrollButton]: scrollButtonConfig,
+      [elementKeys.dropdown]: dropdownConfig
+    }
+  }
+};
+const type = "wixEditorElements.Button";
+const displayFilters = {
+  elements: {
+    hide: ["label"]
+  },
+  data: {
+    hide: ["label", "link", "iconCollapsed"]
+  },
+  cssCustomProperties: {
+    hide: ["content-horizontal-alignment"]
+  }
+};
+const hamburgerOpenButtonConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.refElement,
+  [ELEMENTS.ELEMENT_TYPE.refElement]: {
+    type,
+    selector: `.${selectors.hamburgerMenuOpenButton}`,
+    displayName: DisplayNames.hamburgerOpenButton.elementDisplayName,
+    behaviors: {
+      selectable: false
+    },
+    actions: { design: {}, settings: {} },
+    displayFilters
+  }
+};
+const hamburgerCloseButtonConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.refElement,
+  [ELEMENTS.ELEMENT_TYPE.refElement]: {
+    type,
+    selector: `.${selectors.hamburgerMenuCloseButton}`,
+    displayName: DisplayNames.hamburgerCloseButton.elementDisplayName,
+    behaviors: {
+      selectable: true
+    },
+    displayFilters
+  }
+};
+const hamburgerMenuConfig = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  [ELEMENTS.ELEMENT_TYPE.inlineElement]: {
+    selector: `.${selectors.hamburgerMenu}`,
+    displayName: DisplayNames.hamburgerMenu.elementDisplayName,
+    behaviors: {
+      selectable: true
+    },
+    data: {
+      content: {
+        dataType: DATA.DATA_TYPE.container,
+        container: {
+          containerType: "simple",
+          selector: `.${selectors.hamburgerMenuContent}`,
+          simple: {
+            behaviors: {
+              selectable: true
+            },
+            layout: {
+              resizeDirection: LAYOUT.RESIZE_DIRECTION.none
+            }
+          }
+        }
+      },
+      headerContent: {
+        dataType: DATA.DATA_TYPE.container,
+        container: {
+          containerType: "simple",
+          selector: `.${selectors.hamburgerMenuHeaderContent}`,
+          simple: {
+            behaviors: {
+              selectable: true
+            },
+            layout: {
+              resizeDirection: LAYOUT.RESIZE_DIRECTION.vertical
+            }
+          }
+        }
+      }
+    },
+    elements: {
+      [elementKeys.hamburgerCloseButton]: hamburgerCloseButtonConfig
+    },
+    cssProperties: {},
+    displayGroups: {
+      paddingGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.padding,
+        padding: {
+          top: "padding-top",
+          bottom: "padding-bottom",
+          left: "padding-inline-start",
+          right: "padding-inline-end"
+        }
+      },
+      borderColorGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderColor,
+        borderColor: {
+          top: "border-top-color",
+          right: "border-inline-end-color",
+          bottom: "border-bottom-color",
+          left: "border-inline-start-color"
+        }
+      },
+      borderWidthGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderWidth,
+        borderWidth: {
+          top: "border-top-width",
+          right: "border-inline-end-width",
+          bottom: "border-bottom-width",
+          left: "border-inline-start-width"
+        }
+      },
+      borderStyleGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.borderStyle,
+        borderStyle: {
+          top: "border-top-style",
+          right: "border-inline-end-style",
+          bottom: "border-bottom-style",
+          left: "border-inline-start-style"
+        }
+      },
+      borderGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.border,
+        border: {
+          color: "displayGroups.borderColorGroup",
+          width: "displayGroups.borderWidthGroup",
+          style: "displayGroups.borderStyleGroup"
+        }
+      }
+    },
+    cssCustomProperties: {
+      // Wrapper
+      "hamburger-wrapper-width": {
+        displayName: DisplayNames.hamburgerMenu.cssCustomProperties["hamburger-wrapper-width"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "third",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.hamburgerMenu.options.third,
+              value: "third",
+              appliedStyles: [{ property: "--wrapper-width", value: "33%" }]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.half,
+              value: "half",
+              appliedStyles: [{ property: "--wrapper-width", value: "50%" }]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.twoThirds,
+              value: "two-thirds",
+              appliedStyles: [{ property: "--wrapper-width", value: "66%" }]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.full,
+              value: "full",
+              appliedStyles: [
+                { property: "--wrapper-width", value: "100%" },
+                { property: "--full-width-margin", value: "0" },
+                { property: "--full-width-start", value: "0" },
+                { property: "--full-width-end", value: "0" }
+              ]
+            }
+          ]
+        }
+      },
+      "wrapper-position": {
+        displayName: DisplayNames.hamburgerMenu.cssCustomProperties["wrapper-position"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "end",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.hamburgerMenu.options.start,
+              value: "start",
+              appliedStyles: [
+                { property: "--wrapper-inset-inline-start", value: "0" },
+                {
+                  property: "--wrapper-inset-inline-end",
+                  value: "var(--full-width-end, auto)"
+                },
+                { property: "--wrapper-margin", value: "0" }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.middle,
+              value: "middle",
+              appliedStyles: [
+                { property: "--wrapper-inset-inline-start", value: "0" },
+                { property: "--wrapper-inset-inline-end", value: "0" },
+                {
+                  property: "--wrapper-margin",
+                  value: "var(--full-width-margin, auto)"
+                }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.end,
+              value: "end",
+              appliedStyles: [
+                {
+                  property: "--wrapper-inset-inline-start",
+                  value: "var(--full-width-start, auto)"
+                },
+                { property: "--wrapper-inset-inline-end", value: "0" },
+                { property: "--wrapper-margin", value: "0" }
+              ]
+            }
+          ]
+        }
+      },
+      "menu-position": {
+        displayName: DisplayNames.hamburgerMenu.cssCustomProperties["menu-position"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "top",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.hamburgerMenu.options.start,
+              value: "start",
+              appliedStyles: [
+                { property: "--main-flex-direction", value: "row" }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.end,
+              value: "end",
+              appliedStyles: [
+                { property: "--main-flex-direction", value: "row-reverse" }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.top,
+              value: "top",
+              appliedStyles: [
+                { property: "--main-flex-direction", value: "column" }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.bottom,
+              value: "bottom",
+              appliedStyles: [
+                { property: "--main-flex-direction", value: "column-reverse" }
+              ]
+            }
+          ]
+        }
+      },
+      "close-button-position": {
+        displayName: DisplayNames.hamburgerMenu.cssCustomProperties["close-button-position"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "end",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum]: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              displayName: DisplayNames.hamburgerMenu.options.start,
+              value: "start",
+              appliedStyles: [
+                { property: "--header-flex-direction", value: "row-reverse" }
+              ]
+            },
+            {
+              displayName: DisplayNames.hamburgerMenu.options.end,
+              value: "end",
+              appliedStyles: [
+                { property: "--header-flex-direction", value: "row" }
+              ]
+            }
+          ]
+        }
+      },
+      background: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.background,
+        background: {}
+      },
+      boxShadow: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.boxShadow,
+        boxShadow: {}
+      },
+      "border-top-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopColor
+      },
+      "border-top-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopStyle
+      },
+      "border-top-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderTopWidth
+      },
+      "border-bottom-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomColor
+      },
+      "border-bottom-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomStyle
+      },
+      "border-bottom-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderBottomWidth
+      },
+      "border-inline-start-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartColor
+      },
+      "border-inline-start-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartStyle
+      },
+      "border-inline-start-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineStartWidth
+      },
+      "border-inline-end-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndColor
+      },
+      "border-inline-end-style": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndStyle
+      },
+      "border-inline-end-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderInlineEndWidth
+      },
+      "border-start-start-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStartStartRadius
+      },
+      "border-start-end-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderStartEndRadius
+      },
+      "border-end-start-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderEndStartRadius
+      },
+      "border-end-end-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderEndEndRadius
+      },
+      "padding-top": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingTop
+      },
+      "padding-bottom": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingBottom
+      },
+      "padding-inline-start": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineStart
+      },
+      "padding-inline-end": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.paddingInlineEnd
+      },
+      // Overlay
+      "overlay-background": {
+        displayName: DisplayNames.hamburgerMenu.cssCustomProperties["overlay-background"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.background,
+        background: {}
+      }
+    },
+    visibleState: {
+      stateKey: states.hamburgerDialog,
+      elementPath: ".root"
+    }
+  }
+};
+const manifest = {
+  id: "3f27c3f4-5a2b-4b2c-9b14-05d9c0c6d5ec",
+  type: "wixEditorElements.Menu",
+  description: "Displays a navigational menu, allowing visitors to access different pages or sections of a site",
+  installation: {
+    presets: {
+      large: presets.horizontalHugNavbar,
+      small: presets.hamburgerMenu
+    }
+  },
+  editorElement: {
+    selector: `.${selectors.menu}`,
+    displayName: DisplayNames.root.elementDisplayName,
+    archetype: Archetype.Menu,
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
+    },
+    // TODO: Add animation back once states (hover and selected) are supported
+    // data: {
+    //   animationName: {
+    //     dataType: DATA.DATA_TYPE.textEnum,
+    //     defaultValue: MenuAnimationName.None,
+    //     [DATA.DATA_TYPE.textEnum]: {
+    //       options: [
+    //         {
+    //           value: MenuAnimationName.None,
+    //           displayName: 'None',
+    //         },
+    //         {
+    //           value: MenuAnimationName.Underline,
+    //           displayName: 'Underline',
+    //         },
+    //         {
+    //           value: MenuAnimationName.Wash,
+    //           displayName: 'Wash',
+    //         },
+    //         {
+    //           value: MenuAnimationName.Bullet,
+    //           displayName: 'Bullet',
+    //         },
+    //         {
+    //           value: MenuAnimationName.Wave,
+    //           displayName: 'Wave',
+    //         },
+    //         {
+    //           value: MenuAnimationName.Circle,
+    //           displayName: 'Circle',
+    //         },
+    //       ],
+    //     },
+    //   },
+    // },
+    data: {
+      ...manifestMouseHover(),
+      onItemClick: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      },
+      onItemDblClick: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      },
+      onItemMouseIn: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      },
+      onItemMouseOut: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      }
+    },
+    elements: {
+      [elementKeys.navbar]: navbarConfig,
+      [elementKeys.hamburgerMenu]: hamburgerMenuConfig,
+      [elementKeys.hamburgerOpenButton]: hamburgerOpenButtonConfig
+    },
+    actions: {
+      manageMenu: {
+        displayName: DisplayNames.root.actions.manageMenu,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.forward,
+          forward: {
+            elementPath: `.self.${elementKeys.navbar}`,
+            actionName: ACTIONS.ACTION_NAME.manageMenu
+          }
+        }
+      },
+      design: {
+        displayName: DisplayNames.root.actions.design
+      },
+      settings: {
+        displayName: DisplayNames.root.actions.settings
+      }
+    },
+    customActions: {
+      format: {
+        displayName: DisplayNames.root.customActions.format.displayName,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: "ebc98d41-5db7-428b-a830-8d6e63025328"
+          }
+        }
+      },
+      animatedIcon: {
+        displayName: DisplayNames.root.customActions.animatedIcon.displayName,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.forward,
+          forward: {
+            elementPath: `.self.${elementKeys.hamburgerOpenButton}.animatedIcon`,
+            actionName: ACTIONS.ACTION_NAME.custom,
+            custom: "animatedIcon"
+          }
+        }
+      }
+    },
+    presets: {
+      [presets.horizontalScrollNavbar]: {
+        presetCssUrl: `./site/components/Menu/presets/${presets.horizontalScrollNavbar}.css`,
+        displayName: DisplayNames.root.presets.horizontalScrollNavbar,
+        initialSize: {
+          width: {
+            sizingType: LAYOUT.SIZING_TYPE.pixels,
+            pixels: 280
+          },
+          height: { sizingType: LAYOUT.SIZING_TYPE.content }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontal,
+            disableStretching: false,
+            disablePositioning: false,
+            disableRotation: true
+          },
+          displayFilters: {
+            elements: {
+              show: [elementKeys.navbar]
+            }
+          }
+        }
+      },
+      [presets.horizontalHugNavbar]: {
+        presetCssUrl: `./site/components/Menu/presets/${presets.horizontalHugNavbar}.css`,
+        displayName: DisplayNames.root.presets.horizontalHugNavbar,
+        initialSize: {
+          width: { sizingType: LAYOUT.SIZING_TYPE.content },
+          height: { sizingType: LAYOUT.SIZING_TYPE.content }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.none,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical,
+            disableStretching: false,
+            disablePositioning: false,
+            disableRotation: true
+          },
+          displayFilters: {
+            elements: {
+              show: [elementKeys.navbar]
+            }
+          }
+        }
+      },
+      [presets.verticalNavbar]: {
+        presetCssUrl: `./site/components/Menu/presets/${presets.verticalNavbar}.css`,
+        displayName: DisplayNames.root.presets.verticalNavbar,
+        initialSize: {
+          width: { sizingType: LAYOUT.SIZING_TYPE.content },
+          height: { sizingType: LAYOUT.SIZING_TYPE.content }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical,
+            disableStretching: false,
+            disablePositioning: false,
+            disableRotation: true
+          },
+          displayFilters: {
+            elements: {
+              show: [elementKeys.navbar]
+            }
+          }
+        }
+      },
+      [presets.hamburgerMenu]: {
+        presetCssUrl: `./site/components/Menu/presets/${presets.hamburgerMenu}.css`,
+        displayName: DisplayNames.root.presets.hamburgerMenu,
+        initialSize: {
+          width: { sizingType: LAYOUT.SIZING_TYPE.content },
+          height: { sizingType: LAYOUT.SIZING_TYPE.content }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.none,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical,
+            disableStretching: true,
+            disablePositioning: false,
+            disableRotation: true
+          },
+          displayFilters: {
+            actions: {
+              hide: ["manageMenu"]
+            }
+          }
+        }
+      }
+    },
+    states: {
+      [states.hamburgerDialog]: {
+        displayName: DisplayNames.root.states.hamburgerDialog,
+        props: {
+          hamburgerMenuOpen: true
+        },
+        target: {
+          elementPath: `.self.${elementKeys.hamburgerMenu}`
+        }
+      },
+      [states.dropdown]: {
+        displayName: DisplayNames.root.states.dropdown,
+        props: {
+          dropdownOpen: true
+        }
+      },
+      [states.hamburgerDialogDropdown]: {
+        props: {
+          dropdownOpen: true,
+          hamburgerMenuOpen: true
+        }
+      }
+    },
+    helpArticle: {
+      kbId: "c5174e27-3609-4fb6-825a-83e9e0aec65a"
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/Menu/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/Menu",
+      serviceDependencies: [
+        "@wix/viewer-service-anchors",
+        "@wix/viewer-service-environment",
+        "@wix/viewer-service-site-scroll-blocker",
+        "@wix/viewer-service-translations",
+        "@wix/viewer-service-url"
+      ],
+      dependencies: {
+        serviceDependencies: [
+          "@wix/viewer-service-anchors",
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-site-scroll-blocker",
+          "@wix/viewer-service-translations",
+          "@wix/viewer-service-url"
+        ]
+      }
+    },
+    editor: {
+      componentUrl: "./site/components/Menu/component.preview.tsx",
+      serviceDependencies: ["@wix/viewer-service-environment"],
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-environment"]
+      }
+    },
+    sdk: {
+      url: "./site/components/Menu/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};