@wix/editor-react-components 1.2736.0 → 1.2737.0

package/dist/site/components/VideoScrub/hooks/useScrubVideo.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+export declare const getScrubTime: (progress: number, duration: number) => number | undefined;
+/**
+ * Sets `currentTime` toward one target. Never starts a seek while one is running.
+ * It reads `video.seeking` instead of waiting for `seeked`: Safari sometimes never fires
+ * `seeked`, and a loop that waits for it hangs.
+ */
+export declare const flushSeek: (video: HTMLVideoElement, target: number) => boolean;
+type UseScrubVideoOptions = {
+    /** Scrub mode is on. When off, the hook does nothing. */
+    enabled: boolean;
+    videoRef: RefObject<HTMLVideoElement | null>;
+    /** Changes when the video is swapped, so the scrub state resets. */
+    videoKey?: string;
+};
+/**
+ * Loads the paused scrub video and keeps it on the latest progress target (0–1).
+ * `frameReady` turns true once a real frame is painted, so the poster can go away.
+ */
+export declare const useScrubVideo: ({ enabled, videoRef, videoKey, }: UseScrubVideoOptions) => {
+    seekProgress: (value: number) => void;
+    frameReady: boolean;
+};
+export {};

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

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

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

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

package/dist/site/components/VideoScrub/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/VideoScrub/manifest.js

@@ -0,0 +1,71 @@
+import { D as DATA, A as Archetype, L as LAYOUT } from "../chunks/chunk-EVX7ZUBD.js";
+import { V as VideoCategoryTypes } from "../chunks/types.impl.js";
+import { S as ScrollSpeed, R as ROOT_CLASS } from "../chunks/constants2.js";
+const manifest = {
+  id: "c3bdf192-6423-4d70-a0f5-d5542d6a3e3f",
+  type: "wixEditorElements.VideoScrub__DEV__v1",
+  description: "A video that plays by page scroll: while the visitor scrolls past it, the video stays on screen and its time follows the scroll.",
+  installation: {
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 640
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 360
+      }
+    }
+  },
+  editorElement: {
+    selector: `.${ROOT_CLASS}`,
+    displayName: "Video Scrub",
+    archetype: Archetype.Video,
+    data: {
+      video: {
+        dataType: DATA.DATA_TYPE.video,
+        [DATA.DATA_TYPE.video]: {
+          category: VideoCategoryTypes.VIDEO
+        },
+        disableDeletion: true
+      },
+      scrollSpeed: {
+        displayName: "Scroll speed",
+        dataType: DATA.DATA_TYPE.textEnum,
+        defaultValue: ScrollSpeed.normal,
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            { value: ScrollSpeed.slow, displayName: "Slow" },
+            { value: ScrollSpeed.normal, displayName: "Normal" },
+            { value: ScrollSpeed.fast, displayName: "Fast" }
+          ]
+        }
+      }
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/VideoScrub/component.tsx",
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-environment"]
+      }
+    },
+    editor: {
+      componentUrl: "./site/components/VideoScrub/component.preview.tsx",
+      dependencies: {
+        serviceDependencies: [
+          "@wix/viewer-service-environment",
+          "@wix/site-service-editor-context"
+        ]
+      }
+    }
+  },
+  moduleConfiguration: {
+    package: { name: "@wix/editor-react-components", version: "^1.0.0" },
+    component: { path: "VideoScrub" },
+    cssFile: { path: "VideoScrub/css" }
+  }
+};
+export {
+  manifest as default
+};

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

@@ -0,0 +1,14 @@
+import { VideoMedia } from '@wix/video';
+import { ScrollSpeed } from './VideoScrub.types';
+/** How far the visitor scrolls while the stage is stuck, in vh. */
+export declare const getScrollLengthVh: (duration: number, speed?: ScrollSpeed) => number;
+/**
+ * The video's height / width, from its saved sources (or poster). The stage falls back to it when
+ * Studio sizes the component with `height: auto` (stretched, or the mobile default).
+ */
+export declare const getVideoRatio: (video?: VideoMedia) => number | undefined;
+/**
+ * Scroll progress through the tall root, 0 to 1: how far the sticky stage has moved down its
+ * root. 0 until it sticks, 1 once it lets go, so the header and Wix Ads offsets need no math here.
+ */
+export declare const getScrubProgress: (root: Element, stage: Element) => number;

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 "./constants19.js";
+import { A as AnimatedSvgIds, a as AnimatedDataAttributes, b as AnimationDirection, T as TestIds, D as DEFAULT_ANIMATION_DURATION } from "./constants20.js";
 import { c as cn } from "./index9.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, C as COMPONENT_TYPE } from "./constants21.js";
+import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds, C as COMPONENT_TYPE } from "./constants22.js";
 import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as removeAriaPrefix, g as getAccessibilityAttributesSpread } from "./a11y.js";
 import { i as isValidLink } from "./Link.js";
 import { d as defineStaticService } from "./staticService.js";

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 "./constants9.js";
+import { T as TestIds } from "./constants10.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 "./constants9.js";
+import { D as DEFAULT_TEXT_DIRECTION, a as DEFAULT_HTML_TAG, d as dataHooks, T as TestIds } from "./constants10.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,28 +1,73 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+const SharedDisplayNames = {
+  root: {
+    displayName: "Text Effects"
+  },
+  data: {
+    text: "Text",
+    link: "Link",
+    isDecorative: "Decorative",
+    textDirection: "Text Direction",
+    patternScope: "Pattern Scope",
+    a11y: "Accessibility"
+  },
+  cssProperties: {
+    font: "Font",
+    color: "Color",
+    textLineHeight: "Line spacing",
+    letterSpacing: "Letter spacing"
+  },
+  patternCssCustomProperties: {
+    rotationIntensity: "Rotation Intensity",
+    offsetIntensity: "Offset Intensity",
+    patternPreset: "Pattern Preset",
+    isCapitalize: "Capitalize"
+  },
+  textDirection: {
+    inherit: "Inherit",
+    ltr: "Left to Right",
+    rtl: "Right to Left"
+  },
+  patternScope: {
+    none: "None",
+    character: "Character",
+    word: "Word"
+  }
+};
 const TestIds = {
   viewer: {
-    container: "TextEffectsNoisy-container",
-    text: "TextEffectsNoisy-text"
+    link: "text-effects-shared-link",
+    visuallyHidden: "text-effects-shared-visually-hidden",
+    patternUnit: "text-effects-shared-pattern-unit"
   }
 };
-const noiseIntensityConfig = {
-  start: 1,
-  end: 53,
-  step: 1
-};
-const COMPONENT_ID = "3f9c1e82-a7d6-4b5e-8c2a-9d4f6e3b7a1c";
-const TEXT_TWIST_PANEL_ID = "0bba51ec-ca53-4662-acf6-ea71ffbb4f55";
-const DisplayNames = {
-  ...SharedDisplayNames,
-  cssCustomProperties: {
-    textEffectsColor1: "Color",
-    squigglyLevel: "Noise intensity"
-  }
+const DEFAULT_HTML_TAG = "div";
+const DEFAULT_TEXT_DIRECTION = "inherit";
+const dataHooks = {
+  root: "text-effect"
 };
+const blendModes = [
+  "normal",
+  "color",
+  "color-burn",
+  "color-dodge",
+  "darken",
+  "difference",
+  "exclusion",
+  "hard-light",
+  "hue",
+  "lighten",
+  "luminosity",
+  "multiply",
+  "overlay",
+  "saturation",
+  "screen",
+  "soft-light"
+];
 export {
-  COMPONENT_ID as C,
-  DisplayNames as D,
+  DEFAULT_TEXT_DIRECTION as D,
+  SharedDisplayNames as S,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a,
-  noiseIntensityConfig as n
+  DEFAULT_HTML_TAG as a,
+  blendModes as b,
+  dataHooks as d
 };

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

@@ -1,26 +1,28 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+import { S as SharedDisplayNames } from "./constants10.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsNeonSign-container",
-    text: "TextEffectsNeonSign-text"
+    container: "TextEffectsNoisy-container",
+    text: "TextEffectsNoisy-text"
   }
 };
-const COMPONENT_ID = "8c1f4b9e-d3a7-4e2c-a5b8-7d9f1e6c4a2b";
-const TEXT_TWIST_PANEL_ID = "37855762-0e6d-4818-85ed-73c9a844825f";
+const noiseIntensityConfig = {
+  start: 1,
+  end: 53,
+  step: 1
+};
+const COMPONENT_ID = "3f9c1e82-a7d6-4b5e-8c2a-9d4f6e3b7a1c";
+const TEXT_TWIST_PANEL_ID = "0bba51ec-ca53-4662-acf6-ea71ffbb4f55";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    textColor: "Color",
-    shadowColor: "Color",
-    shadowOpacity: "Opacity",
-    shadowBlur: "Blur",
-    innerAnimationSpeed: "Speed",
-    disableInnerAnimation: "Animation"
+    textEffectsColor1: "Color",
+    squigglyLevel: "Noise intensity"
   }
 };
 export {
   COMPONENT_ID as C,
   DisplayNames as D,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a
+  TEXT_TWIST_PANEL_ID as a,
+  noiseIntensityConfig as n
 };

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

@@ -1,19 +1,19 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+import { S as SharedDisplayNames } from "./constants10.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/constants13.js

@@ -1,19 +1,21 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+import { S as SharedDisplayNames } from "./constants10.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/constants14.js

@@ -1,23 +1,19 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+import { S as SharedDisplayNames } from "./constants10.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/constants15.js

@@ -1,31 +1,28 @@
-import { S as SharedDisplayNames } from "./constants9.js";
-const COMPONENT_ID = "d578a270-a696-4e0f-a876-bd47dc8c62b3";
-const TEXT_TWIST_PANEL_ID = "279c908d-b75f-4111-bbf1-7745ec173bc0";
+import { S as SharedDisplayNames } from "./constants10.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/constants16.js

@@ -1,26 +1,31 @@
-import { S as SharedDisplayNames } from "./constants9.js";
+import { S as SharedDisplayNames } from "./constants10.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/constants17.js

@@ -1,23 +1,21 @@
-import { S as SharedDisplayNames } from "./constants9.js";
-const COMPONENT_ID = "90c63713-61c9-4284-8e13-a4a2f1b7559d";
-const TEXT_TWIST_PANEL_ID = "ba438bb1-6b58-427d-9c54-5516cb94840e";
+import { S as SharedDisplayNames } from "./constants10.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 {

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

@@ -1,103 +1,28 @@
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Text Box",
-    data: {
-      value: "Value",
-      defaultValue: "Default text",
-      label: "Label",
-      tooltip: "Tooltip",
-      placeholder: "Placeholder",
-      required: "Required",
-      readOnly: "Read only",
-      disabled: "Disabled",
-      minLength: "Minimum characters",
-      maxLength: "Maximum characters",
-      description: "Helper text"
-    },
-    cssCustomProperties: {
-      gap: "Space between label and field",
-      labelAlignment: "Label alignment",
-      descriptionSpacing: "Space between field and helper text"
-    }
-  },
-  input: {
-    elementDisplayName: "Input",
-    cssCustomProperties: {
-      placeholderTextColor: "Placeholder text color",
-      borderColor: "Border color",
-      borderWidth: "Border width",
-      resize: "Resize"
-    },
-    options: {
-      resizeOff: "Off",
-      resizeVertical: "Vertical",
-      resizeBoth: "Both"
-    },
-    displayGroups: {
-      borderGroup: "Border"
-    }
-  },
-  label: {
-    elementDisplayName: "Label"
-  },
-  description: {
-    elementDisplayName: "Helper text"
+import { S as SharedDisplayNames } from "./constants10.js";
+const COMPONENT_ID = "90c63713-61c9-4284-8e13-a4a2f1b7559d";
+const TEXT_TWIST_PANEL_ID = "ba438bb1-6b58-427d-9c54-5516cb94840e";
+const TestIds = {
+  viewer: {
+    container: "TextEffects3d-container",
+    text: "TextEffects3d-text"
   }
 };
-const DesignStates = {
-  input: {
-    hover: { displayName: "Hover", className: "textbox__input--hover" },
-    focus: { displayName: "Focus", className: "textbox__input--focus" },
-    disabled: {
-      displayName: "Disabled",
-      className: "textbox__input--disabled"
-    },
-    invalid: { displayName: "Error", className: "textbox__input--invalid" }
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    fillColor: "Color",
+    fillOpacity: "opacity",
+    textStroke: "Width",
+    textStrokeColor: "Color",
+    textStrokeOpacity: "opacity",
+    textShadow1: "Shadow 1",
+    textShadow2: "Shadow 2",
+    textShadow3: "Shadow 3"
   }
 };
-const defaultValues = {
-  defaultValue: "",
-  label: "Label",
-  tooltip: "",
-  placeholder: "Enter your text here...",
-  description: "",
-  required: false,
-  readOnly: false,
-  disabled: false
-};
-const VALIDATION_MESSAGES = {
-  valueMissing: "This field is required",
-  tooShort: (minLength) => `Please use at least ${minLength} characters`,
-  tooLong: (maxLength) => `Please use no more than ${maxLength} characters`
-};
-const TestIds = {
-  root: "textbox-root",
-  input: "textbox-input",
-  label: "textbox-label",
-  requiredIndicator: "textbox-required-indicator",
-  tooltipButton: "textbox-tooltip-button",
-  description: "textbox-description",
-  errorMessage: "textbox-error-message"
-};
-const selectors = {
-  root: "textbox",
-  input: "textbox__input",
-  label: "textbox__label",
-  description: "textbox__description"
-};
-const semanticClassNames = {
-  input: "textbox__input",
-  label: "textbox__label",
-  requiredIndicator: "textbox__required-indicator",
-  description: "textbox__description",
-  errorMessage: "textbox__error-message"
-};
 export {
-  DesignStates as D,
+  COMPONENT_ID as C,
+  DisplayNames as D,
   TestIds as T,
-  VALIDATION_MESSAGES as V,
-  semanticClassNames as a,
-  DisplayNames as b,
-  defaultValues as d,
-  selectors as s
+  TEXT_TWIST_PANEL_ID as a
 };