@wix/editor-react-components 1.2153.0

package/dist/site/components/LegacyContainer/components/Container.types.d.ts

@@ -0,0 +1,77 @@
+import { CorvidTypes, CorvidKeyboardEventHandler, IComponentEvent } from '../../../../types/vendored/editor-elements-types-corvid';
+import { DefaultContainerProps, DefaultCompPlatformProps } from '../../../../types/vendored/editor-elements-types-thunderbolt';
+import { ResponsiveContainerPlatformProps } from '../../../../common/ResponsiveContainer/ResponsiveContainer.types';
+import { IElementPropsSDKActions } from '../../../../common/sdk/props-factories/elementPropsSDKFactory';
+import { IClickPropsSDKActions } from '../../../../common/sdk/props-factories/clickPropsSDKFactory';
+import { IFocusPropsSDKActions, IFocusPropsImperativeActions } from '../../../../common/sdk/props-factories/focusPropsSDKFactory';
+import { IClickPropWithUpdateHandlerSDKProps } from '../../../../common/sdk/props-factories/clickPropsSDKFactoryWithPlatformHandler';
+import { IAccessibilityPropSDKProps } from '../../../../common/sdk/props-factories/accessibilitySDKFactories/types';
+import { AriaAttributes } from '../../../../utils/a11y';
+import type * as React from 'react';
+type BooleanString = 'true' | 'false';
+type TabIndex = '-1' | '0';
+type A11yRole = 'region' | 'group' | 'none' | 'status' | 'alert' | 'nav';
+type AriaLive = 'polite' | 'assertive';
+type AriaCurrent = 'step' | 'page' | 'true' | 'false';
+type AriaRelevant = 'all' | 'additions' | 'text' | 'removals';
+type MeshContainerProps = {
+    wedges: Array<string>;
+    rotatedComponents: Array<string>;
+    fixedComponents?: Array<string>;
+};
+type ContainerA11yProps = {
+    'aria-label'?: string;
+    'aria-label-interactions'?: boolean;
+    tabindex?: TabIndex;
+    role?: Exclude<A11yRole, 'nav'> | 'navigation';
+    'aria-live'?: AriaLive;
+    'aria-atomic'?: BooleanString;
+    'aria-current'?: AriaCurrent;
+    'aria-hidden'?: BooleanString;
+    'aria-roledescription'?: string;
+    'aria-relevant'?: AriaRelevant;
+};
+type ContainerPlatformProps = {
+    id: string;
+    meshProps?: MeshContainerProps;
+    wedges?: Array<string>;
+    rotatedComponents?: Array<string>;
+    a11y?: ContainerA11yProps;
+};
+type ResponsiveBoxPlatformProps = {
+    containerProps: ResponsiveContainerPlatformProps;
+    containerRootClassName?: string;
+    role?: string;
+    a11y?: ContainerA11yProps;
+    isRepeaterItem?: boolean;
+};
+export type ContainerSkin = 'AppleArea' | 'ArrowRightRibbon' | 'BlankAreaSkin' | 'BorderDashDefaultAreaSkin' | 'CircleArea' | 'CleanZoomAreaSkin' | 'DBDefaultAreaSkin' | 'DefaultAreaSkin' | 'GridArea' | 'InnerMarginAreaSkin' | 'InnerShadowAreaSkin' | 'LinesAreaSkin' | 'RectangleArea' | 'RectangleAreaAfterScroll' | 'RoundArea' | 'RoundShadowArea' | 'ThreeDeeAreaSkin' | 'TiltedAreaSkin' | 'TransparentArea' | 'WrapperSkin' | 'BubbleArea' | 'BubbleAreaLeft' | 'BubbleAreaRight' | 'BubbleLeftArea' | 'LeftTriangleArea' | 'RightTriangleArea' | 'ScotchDoubleHorizontalArea' | 'ScotchDoubleVerticalArea' | 'ScotchTopArea' | 'CenterRibbon' | 'CustomRibbonArea' | 'ForkedRibbonArea' | 'ForkedRightRibbon' | 'IronBox' | 'LiftedBottomAreaSkin' | 'LiftedShadowArea' | 'LiftedTopAreaSkin' | 'PhotoArea' | 'RibbonAreaSkin' | 'SandClockArea' | 'SloopyArea' | 'VerticalArrowArea' | 'VerticalRibbonArea';
+type ContainerSDKActions<T = Element> = Partial<IClickPropsSDKActions & IElementPropsSDKActions & {
+    onKeyPress: (event: IComponentEvent<string, React.KeyboardEvent<T>>) => void;
+}>;
+export type IContainerImperativeActions = IFocusPropsImperativeActions;
+export type IContainerProps = DefaultCompPlatformProps & ContainerSDKActions & DefaultContainerProps & ContainerPlatformProps & IClickPropWithUpdateHandlerSDKProps & IFocusPropsSDKActions & Partial<IAccessibilityPropSDKProps> & {
+    ref?: React.Ref<IContainerImperativeActions>;
+    style?: React.CSSProperties;
+};
+export type IResponsiveBoxProps = DefaultCompPlatformProps & ContainerSDKActions & DefaultContainerProps & Omit<ResponsiveBoxPlatformProps, 'a11y'> & IFocusPropsSDKActions & IClickPropWithUpdateHandlerSDKProps & Partial<IAccessibilityPropSDKProps> & {
+    a11y?: Partial<AriaAttributes> | undefined;
+    ref?: React.Ref<IContainerImperativeActions>;
+    observeChildListChange?: (id: string, target: HTMLElement) => void;
+    shouldUseContainerLayoutClass?: boolean;
+};
+export type ISkinableContainerProps = IContainerProps & {
+    classes: Record<string, string>;
+};
+export type IContainerLogicProps = IContainerProps & {
+    className?: string;
+    renderSlot: (renderProps: {
+        containerChildren: React.ReactNode;
+    }) => React.ReactNode;
+};
+export type IContainerSDK = {
+    onKeyPress: (handler: CorvidKeyboardEventHandler) => void;
+};
+export type IContainerSDKFactory = CorvidTypes.CorvidSDKFactory<IContainerProps, IContainerSDK>;
+export type IContainerCorvidModel = CorvidTypes.ICorvidModel<IContainerSDKFactory>;
+export {};

package/dist/site/components/LegacyContainer/components/Repeater.semanticClassNames.d.ts

@@ -0,0 +1,5 @@
+declare const semanticClassNames: {
+    readonly root: "repeater";
+    readonly repeaterItem: "repeater__item";
+};
+export default semanticClassNames;

package/dist/site/components/LegacyContainer/components/ResponsiveBox.d.ts

@@ -0,0 +1,4 @@
+import { IResponsiveBoxProps } from './Container.types';
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<IResponsiveBoxProps, "ref"> & React.RefAttributes<import('../../../../common/sdk/props-factories/focusPropsSDKFactory').IFocusPropsImperativeActions>>;
+export default _default;

package/dist/site/components/LegacyContainer/components/ResponsiveBoxSkin.d.ts

@@ -0,0 +1,4 @@
+import { IResponsiveBoxProps } from './Container.types';
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<IResponsiveBoxProps, "ref"> & React.RefAttributes<import('../../../../common/sdk/props-factories/focusPropsSDKFactory').IFocusPropsImperativeActions>>;
+export default _default;

package/dist/site/components/LegacyContainer/css.css

@@ -0,0 +1,53 @@
+.clickable__Nql0c {
+  cursor: pointer;
+}.root__iJ5Sr {
+  /*
+  * Variable overrides here are important to scope corvid in case
+  * container is used inside anothe container.
+  */
+  --container-corvid-border-color: rgba(var(--brd, var(--color_15, color_15)), var(--alpha-brd, 1));
+  --container-corvid-border-size: var(--brw, 1px);
+  --container-corvid-background-color: var(--background, rgba(var(--bg, var(--color_11, color_11)), var(--alpha-bg, 1)));
+  --overflow-wrapper-border-radius: var(--rd);
+  --backdrop-filter: $backdrop-filter;
+}
+
+.resetDesignAttributes__pykGT {
+  background: none !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.bg__rA2ny {
+  border: var(--container-corvid-border-width, var(--brw, 1px)) solid var(--container-corvid-border-color, rgba(var(--brd, var(--color_15, color_15)), var(--alpha-brd, 1)));
+  background-color: var(--container-corvid-background-color, var(--background, rgba(var(--bg, var(--color_11, color_11)), var(--alpha-bg, 1))));
+  background-image: var(--bg-gradient, none);
+  backdrop-filter: var(--backdrop-filter, none);
+  border-radius: var(--rd, 5px);
+  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, 0.6));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.css-background__Ttjm0 {
+  padding: 0 !important;
+  margin: 0 !important;
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: unset !important;
+  min-width: unset !important;
+  max-width: unset !important;
+  height: unset !important;
+  min-height: unset !important;
+  max-height: unset !important;
+  z-index: unset !important;
+}
+.container-overflow__-OVbb {
+  border-radius: var(--overflow-wrapper-border-radius);
+}

package/dist/site/components/LegacyContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as LegacyContainer } from './component';

package/dist/site/components/LegacyContainer/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import LegacyContainer from './component.js';
+
+export { LegacyContainer };
+export default LegacyContainer;

package/dist/site/components/LegacyContainer/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

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

@@ -0,0 +1,45 @@
+import { C as CSS_PROPERTIES, E as ELEMENTS } from "../chunks/chunk-JPMZBG44.js";
+const manifest = {
+  id: "4489ce49-e5d8-4aa8-9762-db567ee4eef9",
+  type: "wixEditorElements.LegacyContainer",
+  description: "LegacyContainer",
+  editorElement: {
+    selector: ".legacy-container",
+    displayName: "Container",
+    elements: {
+      innerBox: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          selector: ".inner-box",
+          displayName: "Inner box",
+          behaviors: {
+            selectable: false
+          },
+          cssProperties: {
+            backgroundColor: {},
+            backdropFilter: {
+              backdropFilter: {
+                filterFunctions: [CSS_PROPERTIES.FILTER_FUNCTION.blur]
+              }
+            },
+            border: {},
+            borderRadius: {},
+            boxShadow: {}
+          }
+        }
+      }
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/LegacyContainer/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/LegacyContainer"
+    },
+    sdk: {
+      url: "./site/components/LegacyContainer/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/LegacyContainer/sdk.d.ts

@@ -0,0 +1,3 @@
+import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
+export declare const LegacyContainerSdk: CorvidSDKFactory;
+export default LegacyContainerSdk;

package/dist/site/components/LegacyContainer/sdk.js

@@ -0,0 +1,85 @@
+import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
+import { c as clickPropsSDKFactory, f as focusPropsSDKFactory, a as createAccessibilityPropSDKFactory, b as createComponentSDKModel } from "../chunks/createCorvidModel.js";
+import { r as registerCorvidEvent, d as registerCorvidKeyboardEvent } from "../chunks/corvidEvents.js";
+import { c as createStylePropsSDKFactory } from "../chunks/stylePropsSDKFactory.js";
+import { c as childrenPropsSDKFactory } from "../chunks/childrenPropsSDKFactory.js";
+import { c as createElementPropsSDKFactory, t as toJSONBase } from "../chunks/elementPropsSDKFactory.js";
+const keyUpPropsSDKFactory = (api) => {
+  return {
+    onKeyUp: (handler) => registerCorvidEvent("onKeyUp", api, handler)
+  };
+};
+const clickPropsSDKFactoryWithUpdatePlatformHandler = (api) => {
+  const clickPropsApi = clickPropsSDKFactory(api);
+  const { setProps, props } = api;
+  return {
+    ...clickPropsApi,
+    onClick: (handler) => {
+      clickPropsApi.onClick(handler);
+      if (!props.hasPlatformClickHandler) {
+        setProps({
+          hasPlatformClickHandler: true
+        });
+      }
+    }
+  };
+};
+const containerSDKFactory = (api) => ({
+  get type() {
+    return "$w.Box";
+  },
+  onKeyPress: (handler) => registerCorvidKeyboardEvent("onKeyPress", api, handler),
+  toJSON() {
+    return {
+      ...toJSONBase(api.metaData),
+      type: "$w.Box"
+    };
+  }
+});
+const stylePropsSDKFactory = createStylePropsSDKFactory(
+  {
+    BackgroundColor: true,
+    BorderColor: true,
+    BorderWidth: true
+  },
+  {
+    cssVarPrefix: "container"
+  }
+);
+const elementPropsSDKFactory = createElementPropsSDKFactory();
+const accessibilityPropsSDKFactory = createAccessibilityPropSDKFactory({
+  enableRole: true,
+  enableAriaHidden: true,
+  enableAriaLabel: true,
+  enableAriaLabelledBy: true,
+  enableAriaDescribedBy: true,
+  enableAriaRoleDescription: true,
+  enableAriaCurrent: true,
+  enableAriaExpanded: true,
+  enableAriaLive: true,
+  enableAriaAtomic: true,
+  enableAriaRelevant: true,
+  enableAriaBusy: true,
+  enableTabIndex: true,
+  enableAriaControls: true,
+  enableAriaOwns: true,
+  enableAriaHaspopup: true,
+  enableAriaPressed: true,
+  enableLang: true
+});
+const sdk = composeSDKFactories([
+  elementPropsSDKFactory,
+  stylePropsSDKFactory,
+  childrenPropsSDKFactory,
+  clickPropsSDKFactoryWithUpdatePlatformHandler,
+  focusPropsSDKFactory,
+  accessibilityPropsSDKFactory,
+  containerSDKFactory,
+  keyUpPropsSDKFactory
+]);
+const LegacySdk = createComponentSDKModel(sdk);
+const LegacyContainerSdk = (api) => LegacySdk.factory(api);
+export {
+  LegacyContainerSdk,
+  LegacyContainerSdk as default
+};

package/dist/site/components/LegacyMultiStateBox/LegacyMultiStateBox.types.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DefaultContainerProps, DefaultCompPlatformProps } from '../../../types/vendored/editor-elements-types-thunderbolt';
+import { AriaProps } from '../../../types/vendored/editor-elements-types-a11y';
+import { IResponsiveBoxProps } from '../LegacyContainer/components/Container.types';
+interface RenderContainerProps {
+    state: React.ReactNode;
+}
+export type ILegacyMultiStateBoxProps = Omit<IResponsiveBoxProps, 'children' | 'a11y'> & DefaultCompPlatformProps & {
+    a11y?: AriaProps;
+    children: React.ReactNode | DefaultContainerProps['children'];
+    selectedStateId?: string;
+    onChange?: (event: React.ChangeEvent) => void;
+    renderContainer?: (props: RenderContainerProps) => React.ReactElement<any> | null;
+};
+export {};

package/dist/site/components/LegacyMultiStateBox/component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ILegacyMultiStateBoxProps } from './LegacyMultiStateBox.types';
+declare const _default: (props: ILegacyMultiStateBoxProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,131 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "../chunks/index8.js";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { h as getAriaAttributes } from "../chunks/a11y.js";
+import { c as clsx } from "../chunks/clsx.js";
+import { R as ResponsiveBox } from "../chunks/ResponsiveBox.js";
+import React__default, { useRef, useEffect, useState } from "react";
+const useDidUpdate = (cb, deps) => {
+  const isFirstRender = useRef(true);
+  useEffect(
+    () => {
+      if (!isFirstRender.current) {
+        cb();
+      }
+      isFirstRender.current = false;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
+};
+const HiddenState = ({ children, id }) => /* @__PURE__ */ jsx("span", { style: { display: "none" }, id, children });
+const useMSBStates = ({
+  children,
+  getStateId,
+  selectedStateId,
+  onChange,
+  shouldRenderAllTabs = false,
+  wrap = (arg) => arg
+}) => {
+  const [pastStateIds, setPastStateIds] = useState([]);
+  useDidUpdate(() => {
+    onChange == null ? void 0 : onChange({ type: "change" });
+    if (!shouldRenderAllTabs && !pastStateIds.includes(selectedStateId)) {
+      setPastStateIds([...pastStateIds, selectedStateId]);
+    }
+  }, [selectedStateId]);
+  const stateElements = React__default.Children.toArray(
+    typeof children === "function" ? children() : children
+  );
+  if (shouldRenderAllTabs) {
+    return stateElements.map(wrap);
+  }
+  const currentOrPastStates = stateElements.filter((state) => {
+    if (!React__default.isValidElement(state)) {
+      return false;
+    }
+    const itemId = getStateId(state);
+    return selectedStateId === itemId || pastStateIds.includes(itemId);
+  });
+  if (currentOrPastStates.length) {
+    return currentOrPastStates.map(
+      (state) => selectedStateId === getStateId(state) ? wrap(state) : /* @__PURE__ */ jsx(HiddenState, { id: state.props.id, children: wrap(state) })
+    );
+  }
+  return stateElements.slice(0, 1).map(wrap);
+};
+const root = "root__hXo63";
+const styles = {
+  root
+};
+const REPEATER_DELIMITER = "__";
+const semanticClassNames = { root: "multi-state-box" };
+const getBaseStateId = (stateId) => {
+  const [baseId] = (stateId == null ? void 0 : stateId.split(REPEATER_DELIMITER)) ?? [];
+  return baseId;
+};
+const getDefaultContainerProps = (id) => ({
+  containerLayoutClassName: `container-${id}`,
+  overlowWrapperClassName: `overflow-wrapper-${id}`,
+  hasOverflow: true
+});
+const MultiStateBox = (props) => {
+  const {
+    id,
+    className,
+    customClassNames = [],
+    children,
+    renderContainer,
+    selectedStateId,
+    a11y,
+    ariaAttributes,
+    containerProps,
+    role,
+    containerRootClassName,
+    onChange,
+    onFocus,
+    ...rest
+  } = props;
+  const a11yProps = getAriaAttributes({
+    ...a11y,
+    ...ariaAttributes
+  });
+  const states = useMSBStates({
+    children,
+    getStateId: (state) => getBaseStateId(state.props.id),
+    selectedStateId: getBaseStateId(selectedStateId),
+    onChange
+  });
+  return renderContainer ? renderContainer({ state: states }) : /* @__PURE__ */ jsx(
+    ResponsiveBox,
+    {
+      ...getDataAttributes(props),
+      shouldUseContainerLayoutClass: true,
+      role,
+      containerRootClassName: clsx(
+        styles.root,
+        containerRootClassName,
+        className
+      ),
+      hasPlatformClickHandler: false,
+      containerProps: containerProps || getDefaultContainerProps(id),
+      id,
+      onFocus,
+      a11y: a11yProps,
+      customClassNames,
+      semanticClassNames,
+      ...rest,
+      children: () => states
+    }
+  );
+};
+const component = (props) => /* @__PURE__ */ jsx(
+  MultiStateBox,
+  {
+    ...props,
+    className: cn(props.className, "legacy-multi-state-box")
+  }
+);
+export {
+  component as default
+};

package/dist/site/components/LegacyMultiStateBox/components/MultiStateBox.d.ts

@@ -0,0 +1,4 @@
+import { ILegacyMultiStateBoxProps } from '../LegacyMultiStateBox.types';
+import * as React from 'react';
+declare const MultiStateBox: React.FC<ILegacyMultiStateBoxProps>;
+export default MultiStateBox;

package/dist/site/components/LegacyMultiStateBox/css.css

@@ -0,0 +1,53 @@
+.root__hXo63 {
+  min-width: min-content;
+}
+.clickable__Nql0c {
+  cursor: pointer;
+}.root__iJ5Sr {
+  /*
+  * Variable overrides here are important to scope corvid in case
+  * container is used inside anothe container.
+  */
+  --container-corvid-border-color: rgba(var(--brd, var(--color_15, color_15)), var(--alpha-brd, 1));
+  --container-corvid-border-size: var(--brw, 1px);
+  --container-corvid-background-color: var(--background, rgba(var(--bg, var(--color_11, color_11)), var(--alpha-bg, 1)));
+  --overflow-wrapper-border-radius: var(--rd);
+  --backdrop-filter: $backdrop-filter;
+}
+
+.resetDesignAttributes__pykGT {
+  background: none !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.bg__rA2ny {
+  border: var(--container-corvid-border-width, var(--brw, 1px)) solid var(--container-corvid-border-color, rgba(var(--brd, var(--color_15, color_15)), var(--alpha-brd, 1)));
+  background-color: var(--container-corvid-background-color, var(--background, rgba(var(--bg, var(--color_11, color_11)), var(--alpha-bg, 1))));
+  background-image: var(--bg-gradient, none);
+  backdrop-filter: var(--backdrop-filter, none);
+  border-radius: var(--rd, 5px);
+  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, 0.6));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.css-background__Ttjm0 {
+  padding: 0 !important;
+  margin: 0 !important;
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: unset !important;
+  min-width: unset !important;
+  max-width: unset !important;
+  height: unset !important;
+  min-height: unset !important;
+  max-height: unset !important;
+  z-index: unset !important;
+}

package/dist/site/components/LegacyMultiStateBox/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDidUpdate } from './useDidUpdate';
+export { useMSBStates } from './useMSBStates';

package/dist/site/components/LegacyMultiStateBox/hooks/useDidUpdate.d.ts

@@ -0,0 +1 @@
+export declare const useDidUpdate: (cb: React.EffectCallback, deps?: Array<any>) => void;

package/dist/site/components/LegacyMultiStateBox/hooks/useMSBStates.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DefaultContainerProps } from '../../../../types/vendored/editor-elements-types-thunderbolt';
+export declare const useMSBStates: ({ children, getStateId, selectedStateId, onChange, shouldRenderAllTabs, wrap, }: {
+    children: React.ReactNode | DefaultContainerProps['children'];
+    getStateId: (state: React.ReactElement) => string;
+    selectedStateId: string;
+    onChange?: ((event: React.ChangeEvent) => void) | undefined;
+    shouldRenderAllTabs?: boolean | undefined;
+    wrap?: ((tabElement: any) => React.ReactNode) | undefined;
+}) => (string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined)[];

package/dist/site/components/LegacyMultiStateBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as LegacyMultiStateBox } from './component';

package/dist/site/components/LegacyMultiStateBox/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import LegacyMultiStateBox from './component.js';
+
+export { LegacyMultiStateBox };
+export default LegacyMultiStateBox;

package/dist/site/components/LegacyMultiStateBox/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

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

@@ -0,0 +1,48 @@
+import { E as ELEMENTS, I as INTERACTIONS } from "../chunks/chunk-JPMZBG44.js";
+const manifest = {
+  id: "2feb9967-09c9-49ef-9ded-0e515e5c5873",
+  type: "wixEditorElements.LegacyMultiStateBox",
+  description: "LegacyMultiStateBox",
+  editorElement: {
+    selector: ".legacy-multi-state-box",
+    displayName: "MultiStateBox",
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
+    },
+    elements: {
+      innerBox: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          selector: ".inner-box",
+          displayName: "Inner box",
+          behaviors: {
+            selectable: false
+          },
+          cssProperties: {
+            backgroundColor: {},
+            border: {},
+            borderRadius: {},
+            boxShadow: {}
+          }
+        }
+      }
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/LegacyMultiStateBox/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/LegacyMultiStateBox"
+    },
+    sdk: {
+      url: "./site/components/LegacyMultiStateBox/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/LegacyMultiStateBox/sdk.d.ts

@@ -0,0 +1,6 @@
+import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
+export declare const accessibilityPropsSDKFactory: import('../../../types/vendored/editor-elements-types-corvid').CorvidSDKPropsFactory<import('../../../common/sdk/props-factories/accessibilitySDKFactories').IAccessibilityPropSDKProps, import('../../../common/sdk/props-factories/accessibilitySDKFactories').IAccessibilityPropSDK>;
+export declare const sdk: CorvidSDKFactory<object, object, object>;
+export declare const LegacyMultiStateBoxSdk: CorvidSDKFactory;
+declare const _default: CorvidSDKFactory<any, any, any, any>;
+export default _default;