@wix/editor-react-components 1.2280.0 → 1.2282.0

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

@@ -1,8 +1,8 @@
 import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, N as NativeStateType, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DesignStates, f as DisplayNames, d as defaultValues, e as selectors } from "../chunks/constants30.js";
+import { D as DesignStates, f as DisplayNames, d as defaultValues, e as selectors } from "../chunks/constants31.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 { m as manifestFocusable, d as manifestInputable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { m as manifestFocusable, d as manifestInputable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "f49b3649-fff3-42b4-8e18-a3cd2b23c2eb",
   type: "wixEditorElements.Dropdown__DEV__v3",

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, D as DATA, M as MEDIA, a as ACTIONS, I as INTERACTIONS, A as Archetype, L as LAYOUT } from "../chunks/chunk-JPMZBG44.js";
 import { h as DisplayNames, i as MAP_STYLE_KEYS, j as defaultValues, a as MAX_ZOOM, M as MIN_ZOOM } from "../chunks/consts.js";
-import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "bf8a38af-5784-47d5-92d3-3627a6a60bc6",
   type: "wixEditorElements.GoogleMap",

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

@@ -9,7 +9,7 @@ import { useService } from "@wix/services-manager-react";
 import { d as defineStaticService } from "../chunks/staticService.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
-import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants29.js";
+import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants30.js";
 const isBrowser = () => typeof window !== "undefined";
 function useIFrame({
   reducer = () => ({}),

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

@@ -1,6 +1,6 @@
 var _a, _b;
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const DisplayNames = {
   root: {
     elementDisplayName: "HTML Element",

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

@@ -3,7 +3,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { d as defineService } from "../chunks/index7.js";
-import { T as TranslationKeys, D as DefaultTranslations, a as TRANSLATIONS_NAMESPACE } from "../chunks/constants28.js";
+import { T as TranslationKeys, D as DefaultTranslations, a as TRANSLATIONS_NAMESPACE } from "../chunks/constants29.js";
 const RendererConfigurationDefinition = defineService("@wix/viewer-service-renderer-configuration");
 const hipaaIcon = "hipaaIcon__VA3L3";
 const compliant = "compliant__1NZWT";

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

@@ -1,5 +1,5 @@
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { b as DisplayNames, H as HIPAA_SETTINGS_PANEL_ID } from "../chunks/constants28.js";
+import { b as DisplayNames, H as HIPAA_SETTINGS_PANEL_ID } from "../chunks/constants29.js";
 const manifest = {
   id: "c82c4153-edcc-4b6f-8c99-8d021e3bf5ab",
   type: "wixEditorElements.HipaaIcon",

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

@@ -175,7 +175,9 @@ const manifest = {
         INTERACTIONS.TRIGGER_TYPE.pageVisible,
         INTERACTIONS.TRIGGER_TYPE.animationEnd,
         INTERACTIONS.TRIGGER_TYPE.pointerMove,
-        INTERACTIONS.TRIGGER_TYPE.viewProgress
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.click,
+        INTERACTIONS.TRIGGER_TYPE.hover
       ],
       effectGroups: [INTERACTIONS.EFFECT_GROUP.background]
     },

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

@@ -696,7 +696,9 @@ const manifest = {
         INTERACTIONS.TRIGGER_TYPE.pageVisible,
         INTERACTIONS.TRIGGER_TYPE.animationEnd,
         INTERACTIONS.TRIGGER_TYPE.viewProgress,
-        INTERACTIONS.TRIGGER_TYPE.pointerMove
+        INTERACTIONS.TRIGGER_TYPE.pointerMove,
+        INTERACTIONS.TRIGGER_TYPE.click,
+        INTERACTIONS.TRIGGER_TYPE.hover
       ],
       effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
     },

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

@@ -6,7 +6,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { p as parseSvg } from "../chunks/parseSvg.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { L as Link } from "../chunks/Link.js";
-import { A as ARIA_LABEL_NAMESPACE, a as ARIA_LABEL_KEY, b as ARIA_LABEL_DEFAULT } from "../chunks/constants27.js";
+import { A as ARIA_LABEL_NAMESPACE, a as ARIA_LABEL_KEY, b as ARIA_LABEL_DEFAULT } from "../chunks/constants28.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 const root = "root__yd5w0";

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

@@ -1,6 +1,6 @@
 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-JPMZBG44.js";
-import { D as DesignStates, p as presets, c as DisplayNames } from "../chunks/constants27.js";
-import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { D as DesignStates, p as presets, c as DisplayNames } from "../chunks/constants28.js";
+import { b 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 = {

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { d as defaultLogoUrl, D as DEFAULT_LOGO_SIZE } from "../chunks/constants26.js";
+import { d as defaultLogoUrl, D as DEFAULT_LOGO_SIZE } from "../chunks/constants27.js";
 import { I as Image$1 } from "../chunks/Image.js";
 import { L as Link } from "../chunks/Link.js";
 const logo = "logo__Y9w6a";

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

@@ -1,5 +1,5 @@
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { a as DisplayNames } from "../chunks/constants26.js";
+import { a as DisplayNames } from "../chunks/constants27.js";
 const manifest = {
   id: "4190f51c-3836-49f6-8114-96219c165b30",
   type: "wixEditorElements.Logo",

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

@@ -4,7 +4,7 @@ import { i as isNil } from "../chunks/assert.js";
 import { r as reportError } from "../chunks/reporters.js";
 import { p as parseMediaSrc, c as createMediaSrc } from "../chunks/mediaSrcHandler.js";
 import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
-import { D as DEFAULT_LOGO_SIZE } from "../chunks/constants26.js";
+import { D as DEFAULT_LOGO_SIZE } from "../chunks/constants27.js";
 const createLogoSdk = (api) => {
   const { props, setProps } = api;
   return {

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

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { B as Button } from "../chunks/Button.js";
-import { s as semanticSelectors, r as rootDataDefaults, d as displayPropertyToObserve, a as ariaLabels, t as testIds, p as pauseIconSvg, b as playIconSvg, c as showButtonOnHoverDefaults } from "../chunks/constants25.js";
+import { s as semanticSelectors, r as rootDataDefaults, d as displayPropertyToObserve, a as ariaLabels, t as testIds, p as pauseIconSvg, b as playIconSvg, c as showButtonOnHoverDefaults } from "../chunks/constants26.js";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import React__default, { useEffect, useState, useRef, useMemo } from "react";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";

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

@@ -1,7 +1,7 @@
 import { b as DISPLAY_GROUPS, E as ELEMENTS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { e as speedConstraints, f as playButtonDefaults, D as DisplayNames, r as rootDataDefaults, c as showButtonOnHoverDefaults, g as borderDefaultValue, i as initialSize, s as semanticSelectors } from "../chunks/constants25.js";
-import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { e as speedConstraints, f as playButtonDefaults, D as DisplayNames, r as rootDataDefaults, c as showButtonOnHoverDefaults, g as borderDefaultValue, i as initialSize, s as semanticSelectors } from "../chunks/constants26.js";
+import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "13165477-8205-4050-b078-424a1479159e",
   type: "wixEditorElements.Lottie",

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
-import { U as UrlDefinition } from "../chunks/index10.js";
+import { U as UrlDefinition } from "../chunks/index11.js";
 import { d as defineService } from "../chunks/index7.js";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
-import { M as MenuAnimationName, d as defaultTranslations, a as MenuOrientation, A as AnimationPhase, V as VerticalDropdownDisplay, D as DropdownAnimationName, H as HamburgerMenuAnimationName, b as MenuParts, s as selectors, u as useAnimationState, c as ARIA_LABEL_NAMESPACE, t as translationsKeys } from "../chunks/constants24.js";
+import { M as MenuAnimationName, d as defaultTranslations, a as MenuOrientation, A as AnimationPhase, V as VerticalDropdownDisplay, D as DropdownAnimationName, H as HamburgerMenuAnimationName, b as MenuParts, s as selectors, u as useAnimationState, c as ARIA_LABEL_NAMESPACE, t as translationsKeys } from "../chunks/constants25.js";
 import React__default, { createContext, useContext, useMemo, useState, useCallback, useRef, useEffect, useLayoutEffect } from "react";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { g as getItemDepthSelector, r as rootItemDepthLevel, s as subItemDepthLevel, a as subSubItemDepthLevel } from "../chunks/utils2.js";

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

@@ -1,8 +1,8 @@
 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/constants24.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/constants25.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";
+import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const dropdownItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
   [ELEMENTS.ELEMENT_TYPE.inlineElement]: {

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { s as selectors } from "../chunks/constants23.js";
+import { s as selectors } from "../chunks/constants24.js";
 const root = "root__zTlgX";
 const state = "state__BCzGt";
 const styles = {

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, a as ACTIONS, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DESCRIPTIONS, a as DISPLAY_NAMES, s as selectors } from "../chunks/constants23.js";
-import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { D as DESCRIPTIONS, a as DISPLAY_NAMES, s as selectors } from "../chunks/constants24.js";
+import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { g as getSelector } from "../chunks/manifest.js";
 const manifest = {
   id: "32d6f6fe-72ef-4490-82aa-d3b13cce6ef1",

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { g as getAccessibilityAttributesSpread, r as removeAriaPrefix } from "../chunks/a11y.js";
-import { F as FULL_PROGRESS, N as NO_PROGRESS, T as TestIDs } from "../chunks/constants22.js";
+import { F as FULL_PROGRESS, N as NO_PROGRESS, T as TestIDs } from "../chunks/constants23.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { g as getProgressValue } from "../chunks/utils.js";
 const progressbar = "progressbar__A8aSK";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames } from "../chunks/constants22.js";
+import { D as DisplayNames } from "../chunks/constants23.js";
 const manifest = {
   id: "241afef1-74bd-4a10-843f-ac4928c25822",
   type: "wixEditorElements.ProgressBar",

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

@@ -1,6 +1,6 @@
 import { c as createA11ySdk } from "../chunks/a11ySdk.js";
 import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
-import { F as FULL_PROGRESS, N as NO_PROGRESS } from "../chunks/constants22.js";
+import { F as FULL_PROGRESS, N as NO_PROGRESS } from "../chunks/constants23.js";
 import { g as getProgressValue } from "../chunks/utils.js";
 const PROGRESS_BAR_SDK_TYPE = "$w.ProgressBar";
 const createProgressBarSdk = (api) => {

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

@@ -3,7 +3,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { D as DEFAULT_ITEMS_PER_ROW, C as COLUMN_COUNT_CSS_VAR, T as TestIds, s as semanticClassNames } from "../chunks/constants21.js";
+import { D as DEFAULT_ITEMS_PER_ROW, C as COLUMN_COUNT_CSS_VAR, T as TestIds, s as semanticClassNames } from "../chunks/constants22.js";
 import React__default, { useState, useRef, useEffect, useCallback, forwardRef } from "react";
 const useAsyncLoadMore = (onLoadMore, itemsLength) => {
   const [isLoading, setIsLoading] = useState(false);

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

@@ -1,6 +1,6 @@
 import { I as INTERACTIONS, L as LAYOUT, a as ACTIONS, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, c as ContainerType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { p as presets, a as DisplayNames, D as DEFAULT_ITEMS_PER_ROW, s as semanticClassNames } from "../chunks/constants21.js";
+import { p as presets, a as DisplayNames, D as DEFAULT_ITEMS_PER_ROW, s as semanticClassNames } from "../chunks/constants22.js";
 const manifest = {
   id: "6a949e82-a1e4-4804-a692-95604c30941d",
   type: "wixEditorElements.Repeater__DEV__v4",

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

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useRef, useMemo, createElement } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
-import { U as UrlDefinition } from "../chunks/index10.js";
+import { U as UrlDefinition } from "../chunks/index11.js";
 import { useService } from "@wix/services-manager-react";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { v as valueToPlatformId, C as COPY_CONFIRMATION_TIMEOUT, p as platformIds, H as HAS_CUSTOM_FOCUS_CLASSNAME, T as TOOLTIP_SUCCESS_TEXT, a as TOOLTIP_FAILED_TEXT, l as linkCopiedFailedTranslationKey, b as linkCopiedTranslationKey, s as sharerData, t as translationKeys, P as PagesToShare, D as DefaultValues, n as noButtonsErrorMessage, d as dataHooks, c as defaultRootAriaLabel, e as TestIds, f as TranslationKeys, g as shareUrlPrefixes } from "../chunks/constants20.js";
+import { v as valueToPlatformId, C as COPY_CONFIRMATION_TIMEOUT, p as platformIds, H as HAS_CUSTOM_FOCUS_CLASSNAME, T as TOOLTIP_SUCCESS_TEXT, a as TOOLTIP_FAILED_TEXT, l as linkCopiedFailedTranslationKey, b as linkCopiedTranslationKey, s as sharerData, t as translationKeys, P as PagesToShare, D as DefaultValues, n as noButtonsErrorMessage, d as dataHooks, c as defaultRootAriaLabel, e as TestIds, f as TranslationKeys, g as shareUrlPrefixes } from "../chunks/constants21.js";
 import { r as removeAriaPrefix } from "../chunks/a11y.js";
 import { p as parseSvg } from "../chunks/parseSvg.js";
 const BASE_MEDIA_URL = "https://static.wixstatic.com/shapes";

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

@@ -1,6 +1,6 @@
 import { C as CSS_PROPERTIES, E as ELEMENTS, a as ACTIONS, D as DATA, N as NativeStateType, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { h as DesignStates, i as DisplayNames, j as DisplayConfig, D as DefaultValues, I as IconPositionOptions, k as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions } from "../chunks/constants20.js";
-import { a as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { h as DesignStates, i as DisplayNames, j as DisplayConfig, D as DefaultValues, I as IconPositionOptions, k as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions } from "../chunks/constants21.js";
+import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const presets = {

package/dist/site/components/SiteLogo/panels/customizeLogo/bi.d.ts

@@ -10,4 +10,5 @@ export declare const SITE_LOGO_CONTROL_IDS: {
     readonly color: "color";
     readonly revert: "revert";
     readonly opacity: "opacity";
+    readonly customize_logo: "customize_logo";
 };

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { D as DisplayNames, a as semanticClassNames, b as slideshowCssCustomPropertiesDefaults, c as slideshowCssPropertiesDefaults, s as slideshowDataDefaults } from "../chunks/Slideshow.semanticClassNames.js";
-import { a as manifestMouseHover, b as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestMouseHover, c as manifestClickable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const navigationButtons = {
   elementType: ELEMENTS.ELEMENT_TYPE.refElement,
   refElement: {

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

@@ -206,7 +206,9 @@ const manifest = {
         INTERACTIONS.TRIGGER_TYPE.pageVisible,
         INTERACTIONS.TRIGGER_TYPE.animationEnd,
         INTERACTIONS.TRIGGER_TYPE.pointerMove,
-        INTERACTIONS.TRIGGER_TYPE.viewProgress
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.click,
+        INTERACTIONS.TRIGGER_TYPE.hover
       ]
     },
     helpArticle: {

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo, useRef, useLayoutEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { O as OVERFLOW_BEHAVIOR, c as classes } from "../chunks/constants17.js";
+import { O as OVERFLOW_BEHAVIOR, c as classes } from "../chunks/constants18.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";

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

@@ -1,6 +1,6 @@
 import { a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { c as classes, D as DesignStates } from "../chunks/constants17.js";
-import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { D as DesignStates, c as classes } from "../chunks/constants18.js";
+import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable, a as manifestChangeable } 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 = {

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

@@ -1,5 +1,5 @@
 import { L as LAYOUT, N as NativeStateType, D as DATA, E as ELEMENTS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const DesignStates = {
   testCompCard: {
     hover: { displayName: "Hover", className: "test-comp-card--hover" },

package/dist/site/components/TextBox/TextBox.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TextBoxProps } from './TextBox.types';
+export default function TextBoxComponent(props: TextBoxProps): React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import { A11y, Direction } from '@wix/editor-react-types';
+import { SdkFunctionChangeableProps, SdkFunctionFocusableProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+export type TextBoxProps = SdkFunctionChangeableProps & SdkFunctionFocusableProps & {
+    id: string;
+    className: string;
+    value?: string;
+    label: string;
+    tooltip?: string;
+    placeholder?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    minLength?: number | null;
+    maxLength?: number | null;
+    direction?: Direction;
+    a11y?: A11y;
+    wix?: {
+        presetsWrapperProps?: Record<string, unknown>;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { default as TextBox } from './TextBox';
+export default TextBox;

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

@@ -0,0 +1,146 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useState } from "react";
+import { c as clsx } from "../chunks/clsx.js";
+import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index10.js";
+import { useService } from "@wix/services-manager-react";
+import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { f as formatClassNames } from "../chunks/classNames.js";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { d as directionStyles } from "../chunks/direction.module.js";
+import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
+import { d as defaultValues, s as selectors, T as TestIds, a as semanticClassNames } from "../chunks/constants17.js";
+const InfoCircleSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z M9,15 C12.3137085,15 15,12.3137085 15,9 C15,5.6862915 12.3137085,3 9,3 C5.6862915,3 3,5.6862915 3,9 C3,12.3137085 5.6862915,15 9,15 Z M8,8 L10,8 L10,12 L11,13 L7,13 L8,12 L8,8.85714286 L7,8.85714286 L8,8 Z M9,5 C9.55228475,5 10,5.44771525 10,6 C10,6.55228475 9.55228475,7 9,7 C8.44771525,7 8,6.55228475 8,6 C8,5.44771525 8.44771525,5 9,5 Z" }));
+InfoCircleSmall.displayName = "InfoCircleSmall";
+var InfoCircleSmall_default = InfoCircleSmall;
+const root = "root__dlp5n";
+const field = "field__i7dfL";
+const labelRow = "labelRow__qwrwd";
+const label = "label__GIRwe";
+const tooltipButton = "tooltipButton__tOobd";
+const tooltip = "tooltip__6OlB9";
+const input = "input__JG8Be";
+const styles = {
+  root,
+  field,
+  labelRow,
+  label,
+  tooltipButton,
+  tooltip,
+  input
+};
+const noop = () => {
+};
+const emitChange = (onChange, value) => {
+  onChange({
+    target: { value },
+    type: "change"
+  });
+};
+function TextBoxComponent(props) {
+  const environmentService = useService(EnvironmentDefinition);
+  const {
+    id,
+    className = "",
+    label: label2 = defaultValues.label,
+    tooltip: tooltip2 = defaultValues.tooltip,
+    placeholder = defaultValues.placeholder,
+    required = defaultValues.required,
+    readOnly = defaultValues.readOnly,
+    disabled = defaultValues.disabled,
+    minLength,
+    maxLength,
+    direction,
+    a11y,
+    onChange = noop,
+    onFocus = noop,
+    onBlur = noop,
+    wix
+  } = props;
+  const incomingValue = props.value ?? defaultValues.value;
+  const [value, setValue] = useState(incomingValue);
+  const [prevValue, setPrevValue] = useState(incomingValue);
+  if (prevValue !== incomingValue) {
+    setPrevValue(incomingValue);
+    setValue(incomingValue);
+  }
+  const handleValueChange = (next) => {
+    setValue(next);
+    emitChange(onChange, next);
+  };
+  const hasLabel = !!label2;
+  const hasTooltip = !!tooltip2;
+  const ariaLabel = !hasLabel ? (a11y == null ? void 0 : a11y.ariaLabel) || void 0 : void 0;
+  const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
+  const rootClassName = clsx(
+    className,
+    styles.root,
+    selectors.root,
+    !direction && directionStyles.fallbackDirection
+  );
+  return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      ...getDataAttributes(props),
+      className: rootClassName,
+      dir: direction,
+      lang: environmentService.language,
+      "data-testid": TestIds.root,
+      children: /* @__PURE__ */ jsxs(Field.Root, { className: styles.field, disabled, children: [
+        (hasLabel || hasTooltip) && /* @__PURE__ */ jsxs("div", { className: styles.labelRow, children: [
+          hasLabel && /* @__PURE__ */ jsx(
+            Field.Label,
+            {
+              className: clsx(
+                styles.label,
+                selectors.label,
+                formatClassNames(semanticClassNames.label)
+              ),
+              "data-testid": TestIds.label,
+              children: label2
+            }
+          ),
+          hasTooltip && /* @__PURE__ */ jsx(Tooltip.Provider, { delay: 0, children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
+            /* @__PURE__ */ jsx(
+              Tooltip.Trigger,
+              {
+                type: "button",
+                className: styles.tooltipButton,
+                "data-testid": TestIds.tooltipButton,
+                "aria-label": tooltip2,
+                children: /* @__PURE__ */ jsx(InfoCircleSmall_default, { "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { sideOffset: 6, children: /* @__PURE__ */ jsx(Tooltip.Popup, { className: styles.tooltip, children: tooltip2 }) }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input_Input_Input,
+          {
+            render: /* @__PURE__ */ jsx("textarea", {}),
+            className: clsx(
+              styles.input,
+              selectors.input,
+              formatClassNames(semanticClassNames.input)
+            ),
+            value,
+            onValueChange: handleValueChange,
+            readOnly,
+            required,
+            placeholder,
+            minLength: minLength ?? void 0,
+            maxLength: maxLength ?? void 0,
+            "aria-label": ariaLabel,
+            "data-testid": TestIds.input,
+            onFocus,
+            onBlur
+          }
+        )
+      ] })
+    }
+  ) });
+}
+export {
+  TextBoxComponent as default
+};

package/dist/site/components/TextBox/component.preview.d.ts

@@ -0,0 +1,4 @@
+import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
+import { default as TextBox } from './TextBox';
+export default TextBox;
+export declare const resolveManifestOverrides: ResolveManifestOverrides;

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

@@ -0,0 +1,79 @@
+export declare const DisplayNames: {
+    root: {
+        elementDisplayName: string;
+        data: {
+            value: string;
+            label: string;
+            tooltip: string;
+            placeholder: string;
+            required: string;
+            readOnly: string;
+            disabled: string;
+            minLength: string;
+            maxLength: string;
+        };
+        cssCustomProperties: {
+            gap: string;
+            labelAlignment: string;
+        };
+    };
+    input: {
+        elementDisplayName: string;
+        cssCustomProperties: {
+            placeholderTextColor: string;
+            borderColor: string;
+            borderWidth: string;
+        };
+        displayGroups: {
+            borderGroup: string;
+        };
+    };
+    label: {
+        elementDisplayName: string;
+    };
+};
+export declare const DesignStates: {
+    readonly root: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "textbox--hover";
+        };
+        readonly focus: {
+            readonly displayName: "Focus";
+            readonly className: "textbox--focus";
+        };
+        readonly disabled: {
+            readonly displayName: "Disabled";
+            readonly className: "textbox--disabled";
+        };
+        readonly invalid: {
+            readonly displayName: "Error";
+            readonly className: "textbox--invalid";
+        };
+    };
+};
+export declare const defaultValues: {
+    readonly value: "";
+    readonly label: "Label";
+    readonly tooltip: "";
+    readonly placeholder: "Enter your text here...";
+    readonly required: false;
+    readonly readOnly: false;
+    readonly disabled: false;
+};
+export declare const TestIds: {
+    readonly root: "textbox-root";
+    readonly input: "textbox-input";
+    readonly label: "textbox-label";
+    readonly tooltipButton: "textbox-tooltip-button";
+};
+export declare const selectors: {
+    readonly root: "textbox";
+    readonly input: "textbox__input";
+    readonly label: "textbox__label";
+};
+export declare const semanticClassNames: {
+    readonly root: "textbox";
+    readonly input: "textbox__input";
+    readonly label: "textbox__label";
+};