@wix/editor-react-components 1.2279.0 → 1.2281.0

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
-import { T as TestIds } from "../chunks/constants5.js";
+import { T as TestIds } from "../chunks/constants6.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
 import { c as cn } from "../chunks/index8.js";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants5.js";
+import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants6.js";
 import { t as textEffectsInteractions, f as textEffectsPatternCssCustomProperties, a as textEffectsBaseCssProperties, b as textEffectsCommonData, e as textEffectsPatternCssCustomPropertyNames, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
 const manifest = {
   id: COMPONENT_ID,

package/dist/site/components/TextEffectsShared/components/stringParser/parsers/word-parsing-phases/word-directionality.d.ts

@@ -5,4 +5,4 @@ import { ParsedWordSegment, EmbeddingLevelsResult, TextDirection } from '../type
  * Determine direction (ltr/rtl/neutral) for each word based on embedding levels.
  * Assign embedding level to each word based on most dominant directionality.
  */
-export declare const getWordDirectionality: (word: ParsedWordSegment, embeddingLevels: EmbeddingLevelsResult, startIndex: number) => TextDirection | 'neutral';
+export declare const getWordDirectionality: (word: ParsedWordSegment, embeddingLevels: EmbeddingLevelsResult, startIndex: number) => TextDirection | "neutral";

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
-import { T as TestIds } from "../chunks/constants4.js";
+import { T as TestIds } from "../chunks/constants5.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
 import { c as cn } from "../chunks/index8.js";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants4.js";
+import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants5.js";
 import { e as textEffectsPatternCssCustomPropertyNames, t as textEffectsInteractions, f as textEffectsPatternCssCustomProperties, a as textEffectsBaseCssProperties, b as textEffectsCommonData, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
 const manifest = {
   id: COMPONENT_ID,

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
-import { T as TestIds } from "../chunks/constants3.js";
+import { T as TestIds } from "../chunks/constants4.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
 import { c as cn } from "../chunks/index8.js";

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

@@ -1,6 +1,6 @@
 import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants3.js";
-import { D as DEFAULT_TEXT_DIRECTION } from "../chunks/constants7.js";
+import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants4.js";
+import { D as DEFAULT_TEXT_DIRECTION } from "../chunks/constants8.js";
 import { b as textEffectsCommonData, e as textEffectsPatternCssCustomPropertyNames, t as textEffectsInteractions, f as textEffectsPatternCssCustomProperties, a as textEffectsBaseCssProperties, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
 const manifest = {
   id: COMPONENT_ID,

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
-import { T as TestIds } from "../chunks/constants2.js";
+import { T as TestIds } from "../chunks/constants3.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { c as cn } from "../chunks/index8.js";
 const container = "container__tWYVk";

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

@@ -1,5 +1,5 @@
 import { C as CSS_PROPERTIES, D as DATA, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames } from "../chunks/constants2.js";
+import { D as DisplayNames } from "../chunks/constants3.js";
 import { t as textEffectsInteractions, a as textEffectsBaseCssProperties, b as textEffectsCommonData, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
 const manifest = {
   id: "7e2b4a91-c5d8-4f3e-9a6b-1d8e7f2c3a4b",

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

@@ -5,6 +5,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { b as getAccessibilityAttributes, H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { s as selectors } from "../chunks/constants2.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
@@ -297,7 +298,7 @@ const InlineErrorMessage = ({
     }
   ) : null;
 };
-const textInput = "textInput__aQChN";
+const root = "root__zQlRz";
 const inputWrapper = "inputWrapper__2KDrH";
 const prefix = "prefix__fIo1S";
 const input = "input__fyTfx";
@@ -308,7 +309,7 @@ const label = "label__mbGIM";
 const hasLabel = "hasLabel__AGhlP";
 const requiredIndication = "requiredIndication__H3yrQ";
 const style = {
-  textInput,
+  root,
   inputWrapper,
   prefix,
   input,
@@ -1055,7 +1056,7 @@ const TextInput = (props, ref) => {
       onMouseLeave(event);
     }
   };
-  const containerClasses = clsx(style.textInput, className, {
+  const containerClasses = clsx(style.root, selectors.root, className, {
     [style.hasLabel]: !!label2,
     [style.requiredIndication]: required,
     [style.validationIndication]: !!shouldShowValidityIndication

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

@@ -1,3 +1,6 @@
+export declare const selectors: {
+    readonly root: "textInput";
+};
 export declare const DisplayNames: {
     root: {
         elementDisplayName: string;

package/dist/site/components/TextInput/css.css

@@ -22,7 +22,7 @@
   order: 1;
   flex-grow: 0;
   word-break: break-word;
-}.textInput__aQChN {
+}.root__zQlRz {
   --align: start;
   --textPaddingBottom: 0.5rem;
   --textPaddingInlineStart: 0.75rem;
@@ -55,13 +55,13 @@
   text-align: var(--align, start);
   justify-content: var(--align, start);
 }
-.textInput__aQChN .inputWrapper__2KDrH {
+.root__zQlRz .inputWrapper__2KDrH {
   flex: 1;
   display: flex;
   flex-direction: column;
   position: relative;
 }
-.textInput__aQChN .prefix__fIo1S {
+.root__zQlRz .prefix__fIo1S {
   position: absolute;
   left: 0;
   top: 0;
@@ -74,7 +74,7 @@
   font: var(--prefixFont);
   color: var(--textColor);
 }
-.textInput__aQChN .input__fyTfx {
+.root__zQlRz .input__fyTfx {
   box-shadow: var(--boxShadow);
   box-sizing: border-box !important;
   border-style: solid;
@@ -95,19 +95,19 @@
   border-width: var(--borderWidth);
   font: var(--font);
 }
-.textInput__aQChN .input__fyTfx[type=number] {
+.root__zQlRz .input__fyTfx[type=number] {
   appearance: textfield;
 }
-.textInput__aQChN .input__fyTfx::placeholder {
+.root__zQlRz .input__fyTfx::placeholder {
   color: var(--placeholderTextColor);
   opacity: 0.6;
 }
-.textInput__aQChN .input__fyTfx:hover {
+.root__zQlRz .input__fyTfx:hover {
   background-color: #ffffff;
   border-color: #a3d9f6;
   border-width: 1px;
 }
-.textInput__aQChN .input__fyTfx:disabled {
+.root__zQlRz .input__fyTfx:disabled {
   background-color: #f5f5f5;
   color: #999;
   border-color: #e3e3e3;
@@ -115,37 +115,37 @@
   opacity: 0.6;
   cursor: not-allowed;
 }
-.textInput__aQChN .input__fyTfx.hideNumberSpinner__nYhia[type=number]::-webkit-inner-spin-button {
+.root__zQlRz .input__fyTfx.hideNumberSpinner__nYhia[type=number]::-webkit-inner-spin-button {
   appearance: none;
   margin: 0;
 }
-.textInput__aQChN .input__fyTfx.hasPrefix__RXMKp {
+.root__zQlRz .input__fyTfx.hasPrefix__RXMKp {
   padding-inline-start: calc(var(--textPaddingInlineStart) + var(--prefixWidth));
   padding-inline-end: 3px;
 }
-.textInput__aQChN .input__fyTfx.hasPrefix__RXMKp[dir=rtl] {
+.root__zQlRz .input__fyTfx.hasPrefix__RXMKp[dir=rtl] {
   padding-inline-start: 3px;
   padding-inline-end: calc(var(--textPaddingInlineEnd) + var(--prefixWidth));
 }
-.textInput__aQChN:not(.validation-indication__QMvkt) .input__fyTfx:focus {
+.root__zQlRz:not(.validation-indication__QMvkt) .input__fyTfx:focus {
   background-color: #ffffff;
   border-color: #a3d9f6;
   border-width: 1px;
 }
-.textInput__aQChN.validation-indication__QMvkt .input__fyTfx:invalid {
+.root__zQlRz.validation-indication__QMvkt .input__fyTfx:invalid {
   background-color: #ffffff;
   border-color: #e3e3e3;
   border-width: 1px;
 }
-.textInput__aQChN.validation-indication__QMvkt .input__fyTfx:not(:invalid):focus {
+.root__zQlRz.validation-indication__QMvkt .input__fyTfx:not(:invalid):focus {
   background-color: #ffffff;
   border-color: #a3d9f6;
   border-width: 1px;
 }
-.textInput__aQChN .label__mbGIM {
+.root__zQlRz .label__mbGIM {
   display: none;
 }
-.textInput__aQChN.hasLabel__AGhlP .label__mbGIM {
+.root__zQlRz.hasLabel__AGhlP .label__mbGIM {
   word-break: break-word;
   display: inline-block;
   line-height: 1;
@@ -156,12 +156,12 @@
   color: var(--labelTextColor);
   font: var(--labelFont);
 }
-.textInput__aQChN.hasLabel__AGhlP.requiredIndication__H3yrQ .label__mbGIM::after {
+.root__zQlRz.hasLabel__AGhlP.requiredIndication__H3yrQ .label__mbGIM::after {
   display: inline;
   content: " *";
   color: var(--requiredTextColor);
 }
-.textInput__aQChN.validationIndication__GE20D .input__fyTfx:invalid {
+.root__zQlRz.validationIndication__GE20D .input__fyTfx:invalid {
   background-color: #ffffff;
   border-color: #e3e3e3;
   border-width: 1px;

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

@@ -1,54 +1,6 @@
 import { I as INTERACTIONS, D as DATA, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, L as LAYOUT, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
-const DisplayNames = {
-  root: {
-    elementDisplayName: "TextInput"
-  },
-  cssCustomProperties: {
-    textColor: "Text color",
-    placeholderTextColor: "Placeholder text color",
-    requiredTextColor: "Required text color",
-    prefixFont: "Prefix font",
-    labelFont: "Label font",
-    labelTextColor: "Label text color",
-    labelMarginBottom: "Label bottom margin",
-    labelPaddingInlineStart: "Label left padding",
-    labelPaddingInlineEnd: "Label right padding",
-    align: "Alignment",
-    labelAlign: "Label alignment",
-    inputAlign: "Input alignment"
-  },
-  data: {
-    labelDirection: "Label direction",
-    inputDirection: "Input direction",
-    inputType: "Input type",
-    maxLength: "Maximum length",
-    min: "Minimum value",
-    max: "Maximum value",
-    pattern: "Pattern validation",
-    phoneFormat: "Phone format",
-    label: "Label text",
-    placeholder: "Placeholder text",
-    autoComplete: "Autocomplete",
-    readOnly: "Read only",
-    required: "Required",
-    errorMessageType: "Error message format",
-    prefix: "Prefix",
-    step: "Step"
-  },
-  options: {
-    text: "Text",
-    number: "Number",
-    email: "Email",
-    url: "URL",
-    tel: "Phone number",
-    password: "Password",
-    center: "Center",
-    start: "Left",
-    end: "Right",
-    inline: "Inline",
-    tooltip: "Tooltip"
-  }
-};
+import { D as DisplayNames, s as selectors } from "../chunks/constants2.js";
+import { g as getSelector } from "../chunks/manifest.js";
 const manifest = {
   id: "b8f7e3d2-4a5c-4e8f-9b2d-1c3e5f7a9b4d",
   type: "wixEditorElements.TextInput",
@@ -75,7 +27,7 @@ const manifest = {
     }
   },
   editorElement: {
-    selector: ".textInput",
+    selector: getSelector(selectors.root),
     displayName: DisplayNames.root.elementDisplayName,
     archetype: Archetype.TextInput,
     layout: {

package/dist/site/components/TextInput/utils.d.ts

@@ -4,6 +4,6 @@ export declare const formatPhoneNumber: (unformattedValue: string, phoneFormat:
 export declare const getUnformattedNumber: (val: string, phoneFormat: string, didDeleteChars: boolean) => string;
 export declare const hasNonNumericChar: (str: string) => boolean;
 export declare const translateHtmlValidationMessage: (message: HtmlValidationMessageOverrideObject, { translations, phoneFormat, }: {
-    translations: ITextInputProps['translations'];
-    phoneFormat?: string | undefined;
+    translations: ITextInputProps["translations"];
+    phoneFormat?: string;
 }) => string;

package/dist/site/components/TransparentVideo/kampos/transparent-video.d.ts

@@ -22,7 +22,7 @@ export default function transparentVideo(): {
     }[];
     attributes: {
         name: string;
-        data: Float32Array;
+        data: Float32Array<ArrayBuffer>;
         size: number;
         type: string;
     }[];

package/dist/site/components/VideoUpload/VideoUpload.utils.d.ts

@@ -13,5 +13,5 @@ export declare const isElementInFullscreen: (_element: Element) => boolean;
 export declare const requestElementFullscreen: (_element: Element) => Promise<never>;
 export declare const exitDocumentFullscreen: (_element: Element | null) => Promise<never>;
 export declare const getVideoDuration: (video: HTMLVideoElement | null) => number;
-export declare const getVideoAspectRatio: (video: VideoUploadProps['video']) => number | undefined;
+export declare const getVideoAspectRatio: (video: VideoUploadProps["video"]) => number | undefined;
 export {};

package/dist/site/components/VideoUpload/components/hooks/useVideoPlayer.d.ts

@@ -65,7 +65,7 @@ export declare const useVideoPlayer: ({ videoRef, containerRef, video, autoplay,
     showControls: boolean;
     showSpinner: boolean;
     handlers: {
-        onVideoPlayerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => Promise<void>;
+        onVideoPlayerKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => Promise<void>;
         onVideoPlayerMouseEnter: () => void;
         onVideoPlayerMouseMove: () => void;
         onVideoPlayerMouseLeave: () => void;

package/dist/site/components/VideoUpload/components/hooks/useVolume.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { VideoUploadProps } from '../../VideoUpload.types';
-export declare const useVolume: (videoRef: RefObject<HTMLVideoElement>, video: VideoUploadProps['video']) => {
+export declare const useVolume: (videoRef: RefObject<HTMLVideoElement>, video: VideoUploadProps["video"]) => {
     hasAudio: boolean;
     volume: number;
     isMuted: boolean;

package/dist/site/components/WRichText/components/providers/usePopupLinkEvents/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Allows opening popup links passed in html with Space and Enter keys
  * @param htmlWrapperRef: ref pointing to a container with link elements
  * @param deps: dependency array, re-triggers effect on change

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

@@ -74,7 +74,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/WRichText/utils/decodeHtmlEntities.d.ts

@@ -1,2 +1 @@
-/// <reference lib="webworker" />
 export declare const decode: (rawText: string) => string;

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useCallback, useMemo } from "react";
 import { p as parseSvg } from "./parseSvg.js";
-import { A as AnimatedSvgIds, a as AnimatedDataAttributes, b as AnimationDirection, T as TestIds, D as DEFAULT_ANIMATION_DURATION } from "./constants18.js";
+import { A as AnimatedSvgIds, a as AnimatedDataAttributes, b as AnimationDirection, T as TestIds, D as DEFAULT_ANIMATION_DURATION } from "./constants19.js";
 import { c as cn } from "./index8.js";
 const AnimatedSvg = forwardRef(
   ({ svgContent, reducedMotion = false, duration }, ref) => {

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

@@ -7,7 +7,7 @@ import { a as getDataAttributes, g as getQaDataAttributes } from "./dataUtils.js
 import { f as formatClassNames } from "./classNames.js";
 import { I as IconAnimationTriggers } from "./Button.types.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds } from "./constants17.js";
+import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds } from "./constants18.js";
 import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as removeAriaPrefix, g as getAccessibilityAttributesSpread } from "./a11y.js";
 import { i as isValidLink } from "./Link.js";
 const root = "root__IB9QF";

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

@@ -2,7 +2,7 @@ import React__default from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as clsx } from "./clsx.js";
 import { a as getDataAttributes } from "./dataUtils.js";
-import { T as TestIds } from "./constants7.js";
+import { T as TestIds } from "./constants8.js";
 function bidiFactory() {
   var bidi2 = (function(exports$1) {
     var DATA = {

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { f as formatClassNames } from "./classNames.js";
 import { a as getDataAttributes } from "./dataUtils.js";
 import { e as getTabIndexAttribute } from "./a11y.js";
-import { D as DEFAULT_TEXT_DIRECTION, a as DEFAULT_HTML_TAG, d as dataHooks, T as TestIds } from "./constants7.js";
+import { D as DEFAULT_TEXT_DIRECTION, a as DEFAULT_HTML_TAG, d as dataHooks, T as TestIds } from "./constants8.js";
 import { c as clsx } from "./clsx.js";
 import { L as Link } from "./Link.js";
 const semanticClassNames = {

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

@@ -1,19 +1,19 @@
-import { S as SharedDisplayNames } from "./constants7.js";
+import { S as SharedDisplayNames } from "./constants8.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsMatrix-container",
-    text: "TextEffectsMatrix-text"
+    container: "TextEffectsNeonSign-container",
+    text: "TextEffectsNeonSign-text"
   }
 };
-const COMPONENT_ID = "45e26ded-fab2-4208-b6ae-3514ddea4cb0";
-const TEXT_TWIST_PANEL_ID = "ea4f3040-ce0b-44e3-a90b-7fcb74ba1a7b";
+const COMPONENT_ID = "8c1f4b9e-d3a7-4e2c-a5b8-7d9f1e6c4a2b";
+const TEXT_TWIST_PANEL_ID = "37855762-0e6d-4818-85ed-73c9a844825f";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    textEffectsColor1: "Color",
-    maskPosition: "Position",
-    maskBlur: "Blur",
-    textBlur: "Spread",
+    textColor: "Color",
+    shadowColor: "Color",
+    shadowOpacity: "Opacity",
+    shadowBlur: "Blur",
     innerAnimationSpeed: "Speed",
     disableInnerAnimation: "Animation"
   }

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

@@ -1,19 +1,21 @@
-import { S as SharedDisplayNames } from "./constants7.js";
+import { S as SharedDisplayNames } from "./constants8.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsLetterPress-container",
-    text: "TextEffectsLetterPress-text"
+    container: "TextEffectsMatrix-container",
+    text: "TextEffectsMatrix-text"
   }
 };
-const COMPONENT_ID = "9d2a5c8f-e4b1-4f6d-b7a3-8e1c9f5d2b4a";
-const TEXT_TWIST_PANEL_ID = "4f36b4fa-893a-4eb2-a1b3-7c82351f063b";
+const COMPONENT_ID = "45e26ded-fab2-4208-b6ae-3514ddea4cb0";
+const TEXT_TWIST_PANEL_ID = "ea4f3040-ce0b-44e3-a90b-7fcb74ba1a7b";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    shadow: "Shadow",
-    layerBlendMode: "Blend mode",
     textEffectsColor1: "Color",
-    textEffectsOpacityColor1: "opacity"
+    maskPosition: "Position",
+    maskBlur: "Blur",
+    textBlur: "Spread",
+    innerAnimationSpeed: "Speed",
+    disableInnerAnimation: "Animation"
   }
 };
 export {

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

@@ -1,23 +1,19 @@
-import { S as SharedDisplayNames } from "./constants7.js";
+import { S as SharedDisplayNames } from "./constants8.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsGlitch-container",
-    text: "TextEffectsGlitch-text"
+    container: "TextEffectsLetterPress-container",
+    text: "TextEffectsLetterPress-text"
   }
 };
-const COMPONENT_ID = "1e3b6d9a-f5c2-4a8e-9c4b-2d7f8a1e5c3b";
-const TEXT_TWIST_PANEL_ID = "dde110d1-a3b1-4ba3-91d1-7c2face79c7b";
+const COMPONENT_ID = "9d2a5c8f-e4b1-4f6d-b7a3-8e1c9f5d2b4a";
+const TEXT_TWIST_PANEL_ID = "4f36b4fa-893a-4eb2-a1b3-7c82351f063b";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    textEffectsColor1: "Color 1",
-    textEffectsColor2: "Color 2",
-    textEffectsColor3: "Color 3",
-    layerAngle: "Angle",
-    layerDistance: "Space between layers",
-    shadowBlur: "Blur",
-    disableInnerAnimation: "Animation",
-    innerAnimationSpeed: "Speed"
+    shadow: "Shadow",
+    layerBlendMode: "Blend mode",
+    textEffectsColor1: "Color",
+    textEffectsOpacityColor1: "opacity"
   }
 };
 export {

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

@@ -1,31 +1,28 @@
-import { S as SharedDisplayNames } from "./constants7.js";
-const COMPONENT_ID = "d578a270-a696-4e0f-a876-bd47dc8c62b3";
-const TEXT_TWIST_PANEL_ID = "279c908d-b75f-4111-bbf1-7745ec173bc0";
+import { S as SharedDisplayNames } from "./constants8.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsGlass-container",
-    text: "TextEffectsGlass-text"
+    container: "TextEffectsGlitch-container",
+    text: "TextEffectsGlitch-text"
   }
 };
-const blurConfig = {
-  start: 2,
-  end: 10,
-  step: 1
-};
+const COMPONENT_ID = "1e3b6d9a-f5c2-4a8e-9c4b-2d7f8a1e5c3b";
+const TEXT_TWIST_PANEL_ID = "dde110d1-a3b1-4ba3-91d1-7c2face79c7b";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    textColor: "Color",
-    stroke: "Color",
-    strokeWidth: "width",
-    shadowBlur: "Spread",
-    shadowColor: "Color"
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    textEffectsColor3: "Color 3",
+    layerAngle: "Angle",
+    layerDistance: "Space between layers",
+    shadowBlur: "Blur",
+    disableInnerAnimation: "Animation",
+    innerAnimationSpeed: "Speed"
   }
 };
 export {
   COMPONENT_ID as C,
   DisplayNames as D,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a,
-  blurConfig as b
+  TEXT_TWIST_PANEL_ID as a
 };

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

@@ -1,26 +1,31 @@
-import { S as SharedDisplayNames } from "./constants7.js";
+import { S as SharedDisplayNames } from "./constants8.js";
+const COMPONENT_ID = "d578a270-a696-4e0f-a876-bd47dc8c62b3";
+const TEXT_TWIST_PANEL_ID = "279c908d-b75f-4111-bbf1-7745ec173bc0";
 const TestIds = {
   viewer: {
-    container: "TextEffectsBauhaus-container",
-    text: "TextEffectsBauhaus-text"
+    container: "TextEffectsGlass-container",
+    text: "TextEffectsGlass-text"
   }
 };
-const COMPONENT_ID = "8c22adab-12f9-43ee-80c8-6f5dbe19eabe";
-const TEXT_TWIST_PANEL_ID = "cdacc489-4176-4558-97f3-0a23662a15ba";
+const blurConfig = {
+  start: 2,
+  end: 10,
+  step: 1
+};
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    bevelAngle: "Angle",
-    textEffectsColor1: "Color 1",
-    textEffectsColor2: "Color 2",
-    textEffectsColor3: "Color 3",
-    shadowDistance: "Distance",
-    layerBlendMode: "Blend mode"
+    textColor: "Color",
+    stroke: "Color",
+    strokeWidth: "width",
+    shadowBlur: "Spread",
+    shadowColor: "Color"
   }
 };
 export {
   COMPONENT_ID as C,
   DisplayNames as D,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a
+  TEXT_TWIST_PANEL_ID as a,
+  blurConfig as b
 };

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

@@ -1,23 +1,21 @@
-import { S as SharedDisplayNames } from "./constants7.js";
-const COMPONENT_ID = "90c63713-61c9-4284-8e13-a4a2f1b7559d";
-const TEXT_TWIST_PANEL_ID = "ba438bb1-6b58-427d-9c54-5516cb94840e";
+import { S as SharedDisplayNames } from "./constants8.js";
 const TestIds = {
   viewer: {
-    container: "TextEffects3d-container",
-    text: "TextEffects3d-text"
+    container: "TextEffectsBauhaus-container",
+    text: "TextEffectsBauhaus-text"
   }
 };
+const COMPONENT_ID = "8c22adab-12f9-43ee-80c8-6f5dbe19eabe";
+const TEXT_TWIST_PANEL_ID = "cdacc489-4176-4558-97f3-0a23662a15ba";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    fillColor: "Color",
-    fillOpacity: "opacity",
-    textStroke: "Width",
-    textStrokeColor: "Color",
-    textStrokeOpacity: "opacity",
-    textShadow1: "Shadow 1",
-    textShadow2: "Shadow 2",
-    textShadow3: "Shadow 3"
+    bevelAngle: "Angle",
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    textEffectsColor3: "Color 3",
+    shadowDistance: "Distance",
+    layerBlendMode: "Blend mode"
   }
 };
 export {