@wix/editor-react-components 1.2288.0 → 1.2290.0

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+const DismissSmall = ({ 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: "M8.43933983,9.5 L6,7.06066017 C5.70710678,6.76776695 5.70710678,6.29289322 6,6 C6.29289322,5.70710678 6.76776695,5.70710678 7.06066017,6 L9.5,8.43933983 L11.9393398,6 C12.232233,5.70710678 12.7071068,5.70710678 13,6 C13.2928932,6.29289322 13.2928932,6.76776695 13,7.06066017 L10.5606602,9.5 L13,11.9393398 C13.2928932,12.232233 13.2928932,12.7071068 13,13 C12.7071068,13.2928932 12.232233,13.2928932 11.9393398,13 L9.5,10.5606602 L7.06066017,13 C6.76776695,13.2928932 6.29289322,13.2928932 6,13 C5.70710678,12.7071068 5.70710678,12.232233 6,11.9393398 L8.43933983,9.5 Z" }));
+DismissSmall.displayName = "DismissSmall";
+var DismissSmall_default = DismissSmall;
+export {
+  DismissSmall_default as D
+};

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

@@ -1,5 +1,5 @@
-import React__default, { useRef, useCallback, useEffect, useState, useContext, useReducer, useMemo, createContext, forwardRef } from "react";
-import { i as $c7eafbbe1ea5834e$export$619500959fc48b26, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./filterDOMProps.js";
+import React__default, { useRef, useCallback, useEffect, useState, useReducer, useMemo, createContext, forwardRef } from "react";
+import { k as $c7eafbbe1ea5834e$export$619500959fc48b26, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./filterDOMProps.js";
 const $d447af545b77c9f1$export$b204af158042fbac = (el) => {
   return (el == null ? void 0 : el.ownerDocument) ?? document;
 };
@@ -46,6 +46,14 @@ function $23f2114a1b82827e$export$e58f029f0fbfdb29(event) {
   }
   return event.target;
 }
+function $23f2114a1b82827e$export$b4f377a2b6254582(node) {
+  if (!node) return false;
+  let root = node.getRootNode();
+  let ownerWindow = $d447af545b77c9f1$export$f21a1ffae260145a(node);
+  if (!(root instanceof ownerWindow.Document || root instanceof ownerWindow.ShadowRoot)) return false;
+  let activeElement = root.activeElement;
+  return activeElement != null && node.contains(activeElement);
+}
 function $1969ac565cfec8d0$export$de79e2c695e052f3(element) {
   if ($1969ac565cfec8d0$var$supportsPreventScroll()) element.focus({
     preventScroll: true
@@ -139,9 +147,13 @@ const $3b8b240c1bf84ab9$var$focusableElements = [
 ];
 const $3b8b240c1bf84ab9$var$FOCUSABLE_ELEMENT_SELECTOR = $3b8b240c1bf84ab9$var$focusableElements.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
 $3b8b240c1bf84ab9$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const $3b8b240c1bf84ab9$var$TABBABLE_ELEMENT_SELECTOR = $3b8b240c1bf84ab9$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
 function $3b8b240c1bf84ab9$export$4c063cf1350e6fed(element, options) {
   return element.matches($3b8b240c1bf84ab9$var$FOCUSABLE_ELEMENT_SELECTOR) && !$3b8b240c1bf84ab9$var$isInert(element) && ((options == null ? void 0 : options.skipVisibilityCheck) || $ae77152785188400$export$e989c0fffaa6b27a(element));
 }
+function $3b8b240c1bf84ab9$export$bebd5a1431fec25d(element) {
+  return element.matches($3b8b240c1bf84ab9$var$TABBABLE_ELEMENT_SELECTOR) && $ae77152785188400$export$e989c0fffaa6b27a(element) && !$3b8b240c1bf84ab9$var$isInert(element);
+}
 function $3b8b240c1bf84ab9$var$isInert(element) {
   let node = element;
   while (node != null) {
@@ -932,41 +944,6 @@ function $0c4a58759813079a$export$4e328f61c538687f(props = {}) {
     focusProps: within ? focusWithinProps : focusProps
   };
 }
-function $8dba16319206abb6$export$48d1ea6320830260(handler) {
-  if (!handler) return void 0;
-  let shouldStopPropagation = true;
-  return (e) => {
-    let event = {
-      ...e,
-      preventDefault() {
-        e.preventDefault();
-      },
-      isDefaultPrevented() {
-        return e.isDefaultPrevented();
-      },
-      stopPropagation() {
-        if (shouldStopPropagation && process.env.NODE_ENV !== "production") console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
-        else shouldStopPropagation = true;
-      },
-      continuePropagation() {
-        shouldStopPropagation = false;
-      },
-      isPropagationStopped() {
-        return shouldStopPropagation;
-      }
-    };
-    handler(event);
-    if (shouldStopPropagation) e.stopPropagation();
-  };
-}
-function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
-  return {
-    keyboardProps: props.isDisabled ? {} : {
-      onKeyDown: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyDown),
-      onKeyUp: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyUp)
-    }
-  };
-}
 function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
   $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
     if (context && context.ref && ref) {
@@ -977,35 +954,6 @@ function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
     }
   });
 }
-let $d1116acdf220c2da$export$f9762fab77588ecb = /* @__PURE__ */ React__default.createContext(null);
-function $d1116acdf220c2da$var$useFocusableContext(ref) {
-  let context = useContext($d1116acdf220c2da$export$f9762fab77588ecb) || {};
-  $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref);
-  let { ref: _, ...otherProps } = context;
-  return otherProps;
-}
-function $d1116acdf220c2da$export$4c014de7c8940b4c(props, domRef) {
-  let { focusProps } = $1e74c67db218ce67$export$f8168d8dd8fd66e6(props);
-  let { keyboardProps } = $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props);
-  let interactions = $bbaa08b3cd72f041$export$9d1611c77c2fe928(focusProps, keyboardProps);
-  let domProps = $d1116acdf220c2da$var$useFocusableContext(domRef);
-  let interactionProps = props.isDisabled ? {} : domProps;
-  let autoFocusRef = useRef(props.autoFocus);
-  useEffect(() => {
-    if (autoFocusRef.current && domRef.current) $f192c2f16961cbe0$export$80f3e147d781571c(domRef.current);
-    autoFocusRef.current = false;
-  }, [
-    domRef
-  ]);
-  let tabIndex = props.excludeFromTabOrder ? -1 : 0;
-  if (props.isDisabled) tabIndex = void 0;
-  return {
-    focusableProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928({
-      ...interactions,
-      tabIndex
-    }, interactionProps)
-  };
-}
 const $fe16bffc7a557bf0$var$useEarlyEffect = React__default["useInsertionEffect"] ?? $c4867b2f328c2698$export$e5c5a5f917a5871c;
 function $fe16bffc7a557bf0$export$7f54fc3180508a52(fn) {
   const ref = useRef(null);
@@ -1279,39 +1227,50 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(fun
   }, renderProps.children);
 });
 export {
-  $c4867b2f328c2698$export$e5c5a5f917a5871c as $,
-  $b7115c395c64f7b5$export$4debdb1a3f0fa79e as A,
-  $caaf0dd3060ed57c$export$95185d699e05d4d7 as B,
-  $a4e76a5424781910$export$e08e3b67e392101e as C,
-  $2add3ce32c6007eb$export$9ac100e40613ea10 as D,
-  $2c9edc598a03d523$export$420e68273165f4ec as E,
-  $8296dad1a4c5e0dc$export$8f71654801c2f7cd as F,
-  $390e54f620492c70$export$f680877a34711e37 as G,
-  $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as H,
-  $fe16bffc7a557bf0$export$7f54fc3180508a52 as a,
-  $8f5a2122b0992be3$export$8397ddfc504fdb9a as b,
-  $23f2114a1b82827e$export$e58f029f0fbfdb29 as c,
-  $0beb20c9744a2065$export$8467354a121f1b9f as d,
-  $390e54f620492c70$export$b4cc09c592e8fdb8 as e,
-  $bbaa08b3cd72f041$export$9d1611c77c2fe928 as f,
-  $3e6197669829fe11$export$40bfa8c7b0832715 as g,
-  $d1116acdf220c2da$export$4c014de7c8940b4c as h,
-  $3274bf1495747a7b$export$5add1d006293d136 as i,
-  $e969f22b6713ca4a$export$ae780daf29e6d456 as j,
-  $0c4a58759813079a$export$4e328f61c538687f as k,
-  $01b77f81d0f07f68$export$75b6ee27786ba447 as l,
-  $a049562f99e7db0e$export$f9c6924e160136d1 as m,
-  $01b77f81d0f07f68$export$b04be29aa201d4f5 as n,
-  $2add3ce32c6007eb$export$fedb369cb70207f1 as o,
-  $d447af545b77c9f1$export$b204af158042fbac as p,
-  $081cb5757e08788e$export$24490316f764c430 as q,
-  $d447af545b77c9f1$export$f21a1ffae260145a as r,
-  $48a7d519b337145d$export$4eaf04e54aa8eed6 as s,
-  $a92dc41f639950be$export$c2b7abe5d61ec696 as t,
-  $a92dc41f639950be$export$525bc4921d56d4a as u,
-  $23f2114a1b82827e$export$4282f70798064fe0 as v,
-  $b5c62b033c25b96d$export$29bf1b5f2c56cf63 as w,
-  $a92dc41f639950be$export$cabe61c495ee3649 as x,
-  $1969ac565cfec8d0$export$de79e2c695e052f3 as y,
-  $b5c62b033c25b96d$export$60278871457622de as z
+  $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as $,
+  $0c4a58759813079a$export$4e328f61c538687f as A,
+  $e969f22b6713ca4a$export$ae780daf29e6d456 as B,
+  $8f5a2122b0992be3$export$8397ddfc504fdb9a as C,
+  $0beb20c9744a2065$export$8467354a121f1b9f as D,
+  $390e54f620492c70$export$b4cc09c592e8fdb8 as E,
+  $081cb5757e08788e$export$24490316f764c430 as F,
+  $a92dc41f639950be$export$c2b7abe5d61ec696 as G,
+  $a92dc41f639950be$export$525bc4921d56d4a as H,
+  $b5c62b033c25b96d$export$29bf1b5f2c56cf63 as I,
+  $a92dc41f639950be$export$cabe61c495ee3649 as J,
+  $1969ac565cfec8d0$export$de79e2c695e052f3 as K,
+  $b5c62b033c25b96d$export$60278871457622de as L,
+  $b7115c395c64f7b5$export$4debdb1a3f0fa79e as M,
+  $caaf0dd3060ed57c$export$95185d699e05d4d7 as N,
+  $a4e76a5424781910$export$e08e3b67e392101e as O,
+  $1e74c67db218ce67$export$f8168d8dd8fd66e6 as P,
+  $23f2114a1b82827e$export$b4f377a2b6254582 as Q,
+  $2add3ce32c6007eb$export$78551043582a6a98 as R,
+  $8f5a2122b0992be3$export$b9b3dfddab17db27 as S,
+  $3e6197669829fe11$export$40bfa8c7b0832715 as a,
+  $3274bf1495747a7b$export$5add1d006293d136 as b,
+  $bbaa08b3cd72f041$export$9d1611c77c2fe928 as c,
+  $23f2114a1b82827e$export$e58f029f0fbfdb29 as d,
+  $01b77f81d0f07f68$export$75b6ee27786ba447 as e,
+  $a049562f99e7db0e$export$f9c6924e160136d1 as f,
+  $01b77f81d0f07f68$export$b04be29aa201d4f5 as g,
+  $6a20a7989e6c817a$export$98658e8c59125e6a as h,
+  $23f2114a1b82827e$export$4282f70798064fe0 as i,
+  $23f2114a1b82827e$export$cd4e5573fbe2b576 as j,
+  $d447af545b77c9f1$export$b204af158042fbac as k,
+  $3b8b240c1bf84ab9$export$bebd5a1431fec25d as l,
+  $3b8b240c1bf84ab9$export$4c063cf1350e6fed as m,
+  $f192c2f16961cbe0$export$80f3e147d781571c as n,
+  $c4867b2f328c2698$export$e5c5a5f917a5871c as o,
+  $d447af545b77c9f1$export$f21a1ffae260145a as p,
+  $2add3ce32c6007eb$export$a11b0059900ceec8 as q,
+  $2add3ce32c6007eb$export$6446a186d09e379e as r,
+  $8f5a2122b0992be3$export$630ff653c5ada6a9 as s,
+  $fe16bffc7a557bf0$export$7f54fc3180508a52 as t,
+  $2add3ce32c6007eb$export$fedb369cb70207f1 as u,
+  $48a7d519b337145d$export$4eaf04e54aa8eed6 as v,
+  $2c9edc598a03d523$export$420e68273165f4ec as w,
+  $390e54f620492c70$export$f680877a34711e37 as x,
+  $e8ac3c3f5d4bae7f$export$d6875122194c7b44 as y,
+  $2add3ce32c6007eb$export$9ac100e40613ea10 as z
 };

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

@@ -1,4 +1,4 @@
-import { m as $c7eafbbe1ea5834e$export$535bd6ca7f90a273 } from "./filterDOMProps.js";
+import { j as $c7eafbbe1ea5834e$export$535bd6ca7f90a273 } from "./filterDOMProps.js";
 import React__default, { useState, useEffect, useContext } from "react";
 const $d805ff57cab8bee2$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
@@ -85,11 +85,41 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
   return defaultLocale;
 }
 const $2eb8e6d23f3d0cb0$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
+function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
+  let { locale, children } = props;
+  let value = React__default.useMemo(() => ({
+    locale,
+    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
+  }), [
+    locale
+  ]);
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
+    value
+  }, children);
+}
+function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
+  let { children } = props;
+  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
+    value: defaultLocale
+  }, children);
+}
+function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
+  let { locale, children } = props;
+  if (locale) return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithLocale, {
+    locale,
+    children
+  });
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale, {
+    children
+  });
+}
 function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
   let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
   let context = useContext($2eb8e6d23f3d0cb0$var$I18nContext);
   return context || defaultLocale;
 }
 export {
-  $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 as $
+  $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 as $,
+  $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 as a
 };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+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;
+export {
+  InfoCircleSmall_default as I
+};

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

@@ -0,0 +1,341 @@
+import { o as $c4867b2f328c2698$export$e5c5a5f917a5871c, t as $fe16bffc7a557bf0$export$7f54fc3180508a52, C as $8f5a2122b0992be3$export$8397ddfc504fdb9a, d as $23f2114a1b82827e$export$e58f029f0fbfdb29, D as $0beb20c9744a2065$export$8467354a121f1b9f, E as $390e54f620492c70$export$b4cc09c592e8fdb8, c as $bbaa08b3cd72f041$export$9d1611c77c2fe928, B as $e969f22b6713ca4a$export$ae780daf29e6d456, A as $0c4a58759813079a$export$4e328f61c538687f } from "./Group.js";
+import React__default, { useRef, useEffect, useMemo, useContext, useState, createContext, forwardRef } from "react";
+import { b as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $f39a9eba43920ace$export$86427a43e3e48ebb, f as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./filterDOMProps.js";
+function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
+  let { validationBehavior, focus } = props;
+  $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+    if (validationBehavior === "native" && (ref == null ? void 0 : ref.current) && !ref.current.disabled) {
+      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
+      ref.current.setCustomValidity(errorMessage);
+      if (!ref.current.hasAttribute("title")) ref.current.title = "";
+      if (!state.realtimeValidation.isInvalid) state.updateValidation($860f7da480e22816$var$getNativeValidity(ref.current));
+    }
+  });
+  let isIgnoredReset = useRef(false);
+  let onReset = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
+    if (!isIgnoredReset.current) state.resetValidation();
+  });
+  let onInvalid = $fe16bffc7a557bf0$export$7f54fc3180508a52((e) => {
+    var _a, _b;
+    if (!state.displayValidation.isInvalid) state.commitValidation();
+    let form = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.form;
+    if (!e.defaultPrevented && ref && form && $860f7da480e22816$var$getFirstInvalidInput(form) === ref.current) {
+      if (focus) focus();
+      else (_b = ref.current) == null ? void 0 : _b.focus();
+      $8f5a2122b0992be3$export$8397ddfc504fdb9a("keyboard");
+    }
+    e.preventDefault();
+  });
+  let onChange = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
+    state.commitValidation();
+  });
+  useEffect(() => {
+    let input = ref == null ? void 0 : ref.current;
+    if (!input) return;
+    let form = input.form;
+    let reset = form == null ? void 0 : form.reset;
+    if (form)
+      form.reset = () => {
+        isIgnoredReset.current = !window.event || window.event.type === "message" && $23f2114a1b82827e$export$e58f029f0fbfdb29(window.event) instanceof MessagePort;
+        reset == null ? void 0 : reset.call(form);
+        isIgnoredReset.current = false;
+      };
+    input.addEventListener("invalid", onInvalid);
+    input.addEventListener("change", onChange);
+    form == null ? void 0 : form.addEventListener("reset", onReset);
+    return () => {
+      input.removeEventListener("invalid", onInvalid);
+      input.removeEventListener("change", onChange);
+      form == null ? void 0 : form.removeEventListener("reset", onReset);
+      if (form)
+        form.reset = reset;
+    };
+  }, [
+    ref,
+    validationBehavior
+  ]);
+}
+function $860f7da480e22816$var$getValidity(input) {
+  let validity = input.validity;
+  return {
+    badInput: validity.badInput,
+    customError: validity.customError,
+    patternMismatch: validity.patternMismatch,
+    rangeOverflow: validity.rangeOverflow,
+    rangeUnderflow: validity.rangeUnderflow,
+    stepMismatch: validity.stepMismatch,
+    tooLong: validity.tooLong,
+    tooShort: validity.tooShort,
+    typeMismatch: validity.typeMismatch,
+    valueMissing: validity.valueMissing,
+    valid: validity.valid
+  };
+}
+function $860f7da480e22816$var$getNativeValidity(input) {
+  return {
+    isInvalid: !input.validity.valid,
+    validationDetails: $860f7da480e22816$var$getValidity(input),
+    validationErrors: input.validationMessage ? [
+      input.validationMessage
+    ] : []
+  };
+}
+function $860f7da480e22816$var$getFirstInvalidInput(form) {
+  var _a;
+  for (let i = 0; i < form.elements.length; i++) {
+    let element = form.elements[i];
+    if (((_a = element.validity) == null ? void 0 : _a.valid) === false) return element;
+  }
+  return null;
+}
+const $fd2148440a13ec26$export$aca958c65c314e6c = {
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valueMissing: false,
+  valid: true
+};
+const $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE = {
+  ...$fd2148440a13ec26$export$aca958c65c314e6c,
+  customError: true,
+  valid: false
+};
+const $fd2148440a13ec26$export$dad6ae84456c676a = {
+  isInvalid: false,
+  validationDetails: $fd2148440a13ec26$export$aca958c65c314e6c,
+  validationErrors: []
+};
+const $fd2148440a13ec26$export$571b5131b7e65c11 = createContext({});
+const $fd2148440a13ec26$export$a763b9476acd3eb = "__reactAriaFormValidationState";
+function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
+  if (props[$fd2148440a13ec26$export$a763b9476acd3eb]) {
+    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$fd2148440a13ec26$export$a763b9476acd3eb];
+    return {
+      realtimeValidation,
+      displayValidation,
+      updateValidation,
+      resetValidation,
+      commitValidation
+    };
+  }
+  return $fd2148440a13ec26$var$useFormValidationStateImpl(props);
+}
+function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
+  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
+  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
+  let controlledError = isInvalid !== void 0 ? {
+    isInvalid,
+    validationErrors: [],
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+  let clientError = useMemo(() => {
+    if (!validate || value == null) return null;
+    let validateErrors = $fd2148440a13ec26$var$runValidate(validate, value);
+    return $fd2148440a13ec26$var$getValidationResult(validateErrors);
+  }, [
+    validate,
+    value
+  ]);
+  if (builtinValidation == null ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
+  let serverErrors = useContext($fd2148440a13ec26$export$571b5131b7e65c11);
+  let serverErrorMessages = useMemo(() => {
+    if (name) return Array.isArray(name) ? name.flatMap((name2) => $fd2148440a13ec26$var$asArray(serverErrors[name2])) : $fd2148440a13ec26$var$asArray(serverErrors[name]);
+    return [];
+  }, [
+    serverErrors,
+    name
+  ]);
+  let [lastServerErrors, setLastServerErrors] = useState(serverErrors);
+  let [isServerErrorCleared, setServerErrorCleared] = useState(false);
+  if (serverErrors !== lastServerErrors) {
+    setLastServerErrors(serverErrors);
+    setServerErrorCleared(false);
+  }
+  let serverError = useMemo(() => $fd2148440a13ec26$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    isServerErrorCleared,
+    serverErrorMessages
+  ]);
+  let nextValidation = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
+  let [currentValidity, setCurrentValidity] = useState($fd2148440a13ec26$export$dad6ae84456c676a);
+  let lastError = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
+  let commitValidation = () => {
+    if (!commitQueued) return;
+    setCommitQueued(false);
+    let error = clientError || builtinValidation || nextValidation.current;
+    if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+      lastError.current = error;
+      setCurrentValidity(error);
+    }
+  };
+  let [commitQueued, setCommitQueued] = useState(false);
+  useEffect(commitValidation);
+  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $fd2148440a13ec26$export$dad6ae84456c676a;
+  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
+  return {
+    realtimeValidation,
+    displayValidation,
+    updateValidation(value2) {
+      if (validationBehavior === "aria" && !$fd2148440a13ec26$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
+      else nextValidation.current = value2;
+    },
+    resetValidation() {
+      let error = $fd2148440a13ec26$export$dad6ae84456c676a;
+      if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+        lastError.current = error;
+        setCurrentValidity(error);
+      }
+      if (validationBehavior === "native") setCommitQueued(false);
+      setServerErrorCleared(true);
+    },
+    commitValidation() {
+      if (validationBehavior === "native") setCommitQueued(true);
+      setServerErrorCleared(true);
+    }
+  };
+}
+function $fd2148440a13ec26$var$asArray(v) {
+  if (!v) return [];
+  return Array.isArray(v) ? v : [
+    v
+  ];
+}
+function $fd2148440a13ec26$var$runValidate(validate, value) {
+  if (typeof validate === "function") {
+    let e = validate(value);
+    if (e && typeof e !== "boolean") return $fd2148440a13ec26$var$asArray(e);
+  }
+  return [];
+}
+function $fd2148440a13ec26$var$getValidationResult(errors) {
+  return errors.length ? {
+    isInvalid: true,
+    validationErrors: errors,
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+}
+function $fd2148440a13ec26$var$isEqualValidation(a, b) {
+  if (a === b) return true;
+  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
+}
+function $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
+  let errors = /* @__PURE__ */ new Set();
+  let isInvalid = false;
+  let validationDetails = {
+    ...$fd2148440a13ec26$export$aca958c65c314e6c
+  };
+  for (let v of results) {
+    for (let e of v.validationErrors) errors.add(e);
+    isInvalid || (isInvalid = v.isInvalid);
+    for (let key in validationDetails) validationDetails[key] || (validationDetails[key] = v.validationDetails[key]);
+  }
+  validationDetails.valid = !isInvalid;
+  return {
+    isInvalid,
+    validationErrors: [
+      ...errors
+    ],
+    validationDetails
+  };
+}
+function $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
+  let { description, errorMessage, isInvalid, validationState } = props;
+  let { labelProps, fieldProps } = $0beb20c9744a2065$export$8467354a121f1b9f(props);
+  let descriptionId = $390e54f620492c70$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  let errorMessageId = $390e54f620492c70$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  fieldProps = $bbaa08b3cd72f041$export$9d1611c77c2fe928(fieldProps, {
+    "aria-describedby": [
+      descriptionId,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId,
+      props["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  });
+  return {
+    labelProps,
+    fieldProps,
+    descriptionProps: {
+      id: descriptionId
+    },
+    errorMessageProps: {
+      id: errorMessageId
+    }
+  };
+}
+const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
+const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /* @__PURE__ */ forwardRef(function Text(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $514c0188e459b4c0$export$9afb8bc826b033ea);
+  let { elementType: ElementType = "span", ...domProps } = props;
+  return /* @__PURE__ */ React__default.createElement(ElementType, {
+    className: "react-aria-Text",
+    ...domProps,
+    ref
+  });
+});
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ createContext(null);
+const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /* @__PURE__ */ createContext(null);
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
+let $3985021b0ad6602f$var$filterHoverProps = (props) => {
+  let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
+  return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+  let { hoverProps, isHovered } = $e969f22b6713ca4a$export$ae780daf29e6d456(props);
+  let { isFocused, isFocusVisible, focusProps } = $0c4a58759813079a$export$4e328f61c538687f({
+    isTextInput: true,
+    autoFocus: props.autoFocus
+  });
+  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled: props.disabled || false,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ React__default.createElement("input", {
+    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
+    ...renderProps,
+    ref,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.disabled || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-invalid": isInvalid || void 0
+  });
+});
+export {
+  $fd2148440a13ec26$export$fc1a364ae1f3ff10 as $,
+  $191c9b6d48a0a4e2$export$294aa081a6c6f55d as a,
+  $860f7da480e22816$export$b8473d3665f3a75a as b,
+  $d3e0e05bdfcf66bd$export$c24727297075ec6a as c,
+  $3985021b0ad6602f$export$37fb8590cf2c088c as d,
+  $514c0188e459b4c0$export$9afb8bc826b033ea as e,
+  $ee014567cb39d3f0$export$ff05c3ac10437e03 as f,
+  $3985021b0ad6602f$export$f5b8910cec6cf069 as g,
+  $fd2148440a13ec26$export$75ee7c75d68f5b0e as h,
+  $fd2148440a13ec26$export$aca958c65c314e6c as i,
+  $fd2148440a13ec26$export$a763b9476acd3eb as j,
+  $fd2148440a13ec26$export$dad6ae84456c676a as k,
+  $514c0188e459b4c0$export$5f1af8db9871e1d6 as l
+};

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 "./constants8.js";
+import { T as TestIds } from "./constants9.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 "./constants8.js";
+import { D as DEFAULT_TEXT_DIRECTION, a as DEFAULT_HTML_TAG, d as dataHooks, T as TestIds } from "./constants9.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,26 +1,28 @@
-import { S as SharedDisplayNames } from "./constants8.js";
+import { S as SharedDisplayNames } from "./constants9.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
 };