@wix/editor-react-components 1.2765.0 → 1.2767.0

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

@@ -6,10 +6,20 @@ import { c as clsx } from "../chunks/clsx.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
 import { D as DesignStates, a as DEFAULT_PROPS } from "../chunks/constants43.js";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
-import { a as requireEq, d as requireIsFunction, r as requireIsObject, e as requireIsLength, c as require_isIndex, b as requireIsArrayLike } from "../chunks/isArrayLike.js";
-import { c as require_root, r as require_Symbol, a as require_baseGetTag, b as requireIsObjectLike, d as require_freeGlobal } from "../chunks/isObjectLike.js";
-import { r as requireIsArray } from "../chunks/isArray.js";
+import { r as require_baseGetTag, d as require_root, b as require_Symbol, c as requireIsArray, a as requireIsObjectLike, e as require_freeGlobal } from "../chunks/isObjectLike.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
+var isObject_1;
+var hasRequiredIsObject;
+function requireIsObject() {
+  if (hasRequiredIsObject) return isObject_1;
+  hasRequiredIsObject = 1;
+  function isObject(value) {
+    var type = typeof value;
+    return value != null && (type == "object" || type == "function");
+  }
+  isObject_1 = isObject;
+  return isObject_1;
+}
 var _overArg;
 var hasRequired_overArg;
 function require_overArg() {
@@ -50,6 +60,17 @@ function require_listCacheClear() {
   _listCacheClear = listCacheClear;
   return _listCacheClear;
 }
+var eq_1;
+var hasRequiredEq;
+function requireEq() {
+  if (hasRequiredEq) return eq_1;
+  hasRequiredEq = 1;
+  function eq(value, other) {
+    return value === other || value !== value && other !== other;
+  }
+  eq_1 = eq;
+  return eq_1;
+}
 var _assocIndexOf;
 var hasRequired_assocIndexOf;
 function require_assocIndexOf() {
@@ -207,6 +228,23 @@ function require_stackHas() {
   _stackHas = stackHas;
   return _stackHas;
 }
+var isFunction_1;
+var hasRequiredIsFunction;
+function requireIsFunction() {
+  if (hasRequiredIsFunction) return isFunction_1;
+  hasRequiredIsFunction = 1;
+  var baseGetTag = require_baseGetTag(), isObject = requireIsObject();
+  var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+  function isFunction2(value) {
+    if (!isObject(value)) {
+      return false;
+    }
+    var tag = baseGetTag(value);
+    return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+  }
+  isFunction_1 = isFunction2;
+  return isFunction_1;
+}
 var _coreJsData;
 var hasRequired_coreJsData;
 function require_coreJsData() {
@@ -942,6 +980,33 @@ function requireIsBuffer() {
   })(isBuffer, isBuffer.exports);
   return isBuffer.exports;
 }
+var _isIndex;
+var hasRequired_isIndex;
+function require_isIndex() {
+  if (hasRequired_isIndex) return _isIndex;
+  hasRequired_isIndex = 1;
+  var MAX_SAFE_INTEGER = 9007199254740991;
+  var reIsUint = /^(?:0|[1-9]\d*)$/;
+  function isIndex(value, length) {
+    var type = typeof value;
+    length = length == null ? MAX_SAFE_INTEGER : length;
+    return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+  }
+  _isIndex = isIndex;
+  return _isIndex;
+}
+var isLength_1;
+var hasRequiredIsLength;
+function requireIsLength() {
+  if (hasRequiredIsLength) return isLength_1;
+  hasRequiredIsLength = 1;
+  var MAX_SAFE_INTEGER = 9007199254740991;
+  function isLength(value) {
+    return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+  }
+  isLength_1 = isLength;
+  return isLength_1;
+}
 var _baseIsTypedArray;
 var hasRequired_baseIsTypedArray;
 function require_baseIsTypedArray() {
@@ -1079,6 +1144,18 @@ function require_baseKeys() {
   _baseKeys = baseKeys;
   return _baseKeys;
 }
+var isArrayLike_1;
+var hasRequiredIsArrayLike;
+function requireIsArrayLike() {
+  if (hasRequiredIsArrayLike) return isArrayLike_1;
+  hasRequiredIsArrayLike = 1;
+  var isFunction2 = requireIsFunction(), isLength = requireIsLength();
+  function isArrayLike(value) {
+    return value != null && isLength(value.length) && !isFunction2(value);
+  }
+  isArrayLike_1 = isArrayLike;
+  return isArrayLike_1;
+}
 var keys_1;
 var hasRequiredKeys;
 function requireKeys() {

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

@@ -1,5 +1,5 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
-import { b as manifestMouseHover, f as manifestMediaProgress, d as manifestPlayable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestMouseHover, e as manifestMediaProgress, d as manifestPlayable } from "../chunks/manifestSdkMixins.js";
 import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants42.js";
 import manifest$1 from "../Image3/manifest.js";
 import { w as withSpec } from "../chunks/manifest.js";

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

@@ -6,12 +6,11 @@ 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 { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
+import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/RequiredIndicator.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { d as defaultValues, s as selectors, T as TestIds, V as VALUE_MISSING_MESSAGE, a as semanticClassNames } from "../chunks/constants40.js";
-import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
 const root = "root__0DpH8";
 const field = "field__R0D8f";
 const item = "item__EzhwB";

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

@@ -6,11 +6,10 @@ 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 { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
+import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/RequiredIndicator.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as defaultValues, a as defaultOptions, s as selectors, T as TestIds, V as VALUE_MISSING_MESSAGE, b as semanticClassNames } from "../chunks/constants39.js";
-import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
 const root = "root__raraS";
 const fieldset = "fieldset__pDERL";
 const labelRow = "labelRow__CTw2X";

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

@@ -5,7 +5,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { b as $d27d541f9569d26d$export$45712eceda6fad21, d as $24f9a20f226ad820$export$5165eccb35aaadb5, e as $2b2d34ff061957fb$export$2b85b721e524d74b, f as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../chunks/Button.js";
 import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, j as $c7eafbbe1ea5834e$export$535bd6ca7f90a273, b as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a, c as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, i as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $3ef42575df84b30b$export$9d1611c77c2fe928, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4 } from "../chunks/filterDOMProps.js";
 import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, l as $fd2148440a13ec26$export$a763b9476acd3eb, m as $fd2148440a13ec26$export$dad6ae84456c676a, j as $fd2148440a13ec26$export$75ee7c75d68f5b0e, b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, g as $514c0188e459b4c0$export$9afb8bc826b033ea, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, $ as $514c0188e459b4c0$export$5f1af8db9871e1d6, a as $ee014567cb39d3f0$export$f551688fc98f2e09 } from "../chunks/Input.js";
-import { f as $60f33508b4cd9d3b$export$85fd5fdf27bacc79, g as $ad063034c8620db8$export$ea39ec197993aef0, h as $ad063034c8620db8$export$a5a3b454ada2268e, i as $ad063034c8620db8$export$a2258d9c4118825c, j as $a46cf152bb926da5$export$a9b970dcc4ae71a9, k as $9c268ab73a5d55e5$export$722debc0e56fea39, l as $ad063034c8620db8$export$91b62ebf2ba703ee, m as $ad063034c8620db8$export$629b0a497aa65267, n as $121970af65029459$export$f8aeda7b10753fa1, o as $51a3e22a5186a962$export$c826860796309d1b, p as $3578607fe3d4b096$export$cfa2225e87938781, q as $ad063034c8620db8$export$42c81a444fbfb5d4, r as $ad063034c8620db8$export$d0bdf45af03a6ea3, s as $ad063034c8620db8$export$ccc1b2479e7dd654, t as $600b3cf69ae46262$export$90fc3a17d93f704c, u as $654b97e09f2a30c1$export$4d0f8be8b12a7ef6, v as $6a440d0e2d99dd46$export$4a931266a3838b86, w as $535772f9d2c1f38d$export$c5251b9e124bf29, x as $7541913c0284d84b$export$300019f83c56d282, y as $0014db39426443c5$exports, z as $7541913c0284d84b$export$7b3062cd49e80452, A as $72abaeab4d80592f$export$9fc1347d4195ccb3, B as $535772f9d2c1f38d$export$20e40289641fbbb6, C as $535772f9d2c1f38d$export$1258395f99bf9cbf, D as $901761b40e390936$export$2bb74740c4e19def, E as $b3526bc71400be8d$export$d39e1813b3bdd0e1, F as $ad063034c8620db8$export$a75f2bff57811055, G as $d07e34cce18680fd$export$93522d1a439f3617, H as $ad063034c8620db8$export$5c333a116e949cdd, I as $ad063034c8620db8$export$f91e89d3d0406102, J as $12a3c853105e5a70$export$ad991b66133851cf, K as $d07e34cce18680fd$export$b4a036af3fc0b032, L as $ad063034c8620db8$export$dbc69fd56b53d5e, M as $ad063034c8620db8$export$2061056d06d7cdf7, N as $ad063034c8620db8$export$ef8b6d9133084f4e, O as $93635573935797de$export$80ee6245ec4f29ec, P as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, Q as $8b141f2f71e88f85$export$2440da353cedad43, R as $8b141f2f71e88f85$export$f18627323ab57ac0, S as $8b141f2f71e88f85$export$7e319ea407e63bc0, T as $8b141f2f71e88f85$export$c5221a78ef73c5e9, U as $d07e34cce18680fd$export$b21e0b124e224484, V as $8b141f2f71e88f85$export$80ff8fc0ae339c13, W as $84102b64e5ca022f$export$dd0bbc9b26defe37, X as $ad063034c8620db8$export$a18c89cbd24170ff, Y as $d3f049242431219c$export$45fda7c47f93fd48, Z as $d3f049242431219c$export$6d3443f2c48bfc20, _ as $44f671af83e7d9e0$export$2de4954e8ae13b9f, a0 as $58246871e4652552$export$588937bcd60ade55, a1 as $58246871e4652552$export$6b862160d295c8e, a2 as $40825cdb76e74f70$export$7b3e670c86da5fe8, a3 as $ad063034c8620db8$export$aa8b41735afcabd2, a4 as $2aaf608024c21ca1$export$680ea196effce5f, a as $40825cdb76e74f70$export$7edc06cf1783b30f, b as $40825cdb76e74f70$export$336ab7fa954c4b5f, d as $4e3b923658d69c60$export$8c610744efcf8a1d, e as $4e3b923658d69c60$export$28c660c63b792dea } from "../chunks/Tooltip.js";
+import { f as $60f33508b4cd9d3b$export$85fd5fdf27bacc79, g as $ad063034c8620db8$export$ea39ec197993aef0, h as $ad063034c8620db8$export$a5a3b454ada2268e, i as $ad063034c8620db8$export$a2258d9c4118825c, j as $a46cf152bb926da5$export$a9b970dcc4ae71a9, k as $9c268ab73a5d55e5$export$722debc0e56fea39, l as $ad063034c8620db8$export$91b62ebf2ba703ee, m as $ad063034c8620db8$export$629b0a497aa65267, n as $121970af65029459$export$f8aeda7b10753fa1, o as $51a3e22a5186a962$export$c826860796309d1b, p as $3578607fe3d4b096$export$cfa2225e87938781, q as $ad063034c8620db8$export$42c81a444fbfb5d4, r as $ad063034c8620db8$export$d0bdf45af03a6ea3, s as $ad063034c8620db8$export$ccc1b2479e7dd654, t as $600b3cf69ae46262$export$90fc3a17d93f704c, u as $654b97e09f2a30c1$export$4d0f8be8b12a7ef6, v as $6a440d0e2d99dd46$export$4a931266a3838b86, w as $535772f9d2c1f38d$export$c5251b9e124bf29, x as $7541913c0284d84b$export$300019f83c56d282, y as $0014db39426443c5$exports, z as $7541913c0284d84b$export$7b3062cd49e80452, A as $72abaeab4d80592f$export$9fc1347d4195ccb3, B as $535772f9d2c1f38d$export$20e40289641fbbb6, C as $535772f9d2c1f38d$export$1258395f99bf9cbf, E as $901761b40e390936$export$2bb74740c4e19def, F as $b3526bc71400be8d$export$d39e1813b3bdd0e1, G as $ad063034c8620db8$export$a75f2bff57811055, H as $d07e34cce18680fd$export$93522d1a439f3617, I as $ad063034c8620db8$export$5c333a116e949cdd, J as $ad063034c8620db8$export$f91e89d3d0406102, K as $12a3c853105e5a70$export$ad991b66133851cf, L as $d07e34cce18680fd$export$b4a036af3fc0b032, M as $ad063034c8620db8$export$dbc69fd56b53d5e, N as $ad063034c8620db8$export$2061056d06d7cdf7, O as $ad063034c8620db8$export$ef8b6d9133084f4e, P as $93635573935797de$export$80ee6245ec4f29ec, Q as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, R as $8b141f2f71e88f85$export$2440da353cedad43, S as $8b141f2f71e88f85$export$f18627323ab57ac0, T as $8b141f2f71e88f85$export$7e319ea407e63bc0, U as $8b141f2f71e88f85$export$c5221a78ef73c5e9, V as $d07e34cce18680fd$export$b21e0b124e224484, W as $8b141f2f71e88f85$export$80ff8fc0ae339c13, X as $84102b64e5ca022f$export$dd0bbc9b26defe37, Y as $ad063034c8620db8$export$a18c89cbd24170ff, Z as $d3f049242431219c$export$45fda7c47f93fd48, _ as $d3f049242431219c$export$6d3443f2c48bfc20, a0 as $44f671af83e7d9e0$export$2de4954e8ae13b9f, a1 as $58246871e4652552$export$588937bcd60ade55, a2 as $58246871e4652552$export$6b862160d295c8e, a3 as $40825cdb76e74f70$export$7b3e670c86da5fe8, a4 as $ad063034c8620db8$export$aa8b41735afcabd2, a5 as $2aaf608024c21ca1$export$680ea196effce5f, a as $40825cdb76e74f70$export$7edc06cf1783b30f, b as $40825cdb76e74f70$export$336ab7fa954c4b5f, d as $4e3b923658d69c60$export$8c610744efcf8a1d, e as $4e3b923658d69c60$export$28c660c63b792dea, D as DismissSmall_default } from "../chunks/DismissSmall.js";
 import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLocalizedStringFormatter.js";
 import { n as $fe16bffc7a557bf0$export$7f54fc3180508a52, T as $390e54f620492c70$export$b4cc09c592e8fdb8, M as $e8ac3c3f5d4bae7f$export$d6875122194c7b44, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, t as $1969ac565cfec8d0$export$de79e2c695e052f3, K as $8f5a2122b0992be3$export$630ff653c5ada6a9, D as $23f2114a1b82827e$export$cd4e5573fbe2b576, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, q as $23f2114a1b82827e$export$4282f70798064fe0, O as $23f2114a1b82827e$export$b4f377a2b6254582, l as $d447af545b77c9f1$export$f21a1ffae260145a, C as $6a20a7989e6c817a$export$98658e8c59125e6a, j as $d447af545b77c9f1$export$b204af158042fbac, B as $390e54f620492c70$export$f680877a34711e37, L as $2c9edc598a03d523$export$420e68273165f4ec, H as $c4867b2f328c2698$export$e5c5a5f917a5871c, G as $f192c2f16961cbe0$export$80f3e147d781571c, i as $2add3ce32c6007eb$export$fedb369cb70207f1, x as $a4e76a5424781910$export$e08e3b67e392101e, b as $3e6197669829fe11$export$40bfa8c7b0832715, A as $e969f22b6713ca4a$export$ae780daf29e6d456, z as $0c4a58759813079a$export$4e328f61c538687f, h as $a049562f99e7db0e$export$f9c6924e160136d1, g as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
 import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/I18nProvider.js";
@@ -18,9 +18,7 @@ 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 { E as EMPTY_VALUE, T as TestIds, D as DesignStates, s as selectors, A as ARIA_LABEL_NAMESPACE, d as defaultValues, S as SelectionModeValues, G as GranularityValues, V as VALUE_MISSING_MESSAGE, a as AriaLabels } from "../chunks/constants37.js";
-import { R as RequiredIndicator, u as useValidatedField } from "../chunks/RequiredIndicator.js";
-import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
-import { D as DismissSmall_default } from "../chunks/DismissSmall.js";
+import { I as InfoCircleSmall_default, R as RequiredIndicator, u as useValidatedField } from "../chunks/RequiredIndicator.js";
 createContext(null);
 createContext(null);
 createContext(null);

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { DropdownProps } from './Dropdown.types';
-export default function Dropdown(props: DropdownProps): React.JSX.Element;
+export default function Dropdown({ a11y, className, direction, disabled, elementProps, errorMessage, helperText, id, label, onValueChange, options, placeholder, previewError, previewList, readOnly, value, wix, ...rest }: DropdownProps): React.JSX.Element;

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

@@ -1,22 +1,10 @@
 import { A11y, Direction } from '@wix/editor-react-types';
-import { SdkFunctionChangeableProps, SdkFunctionFocusableProps, SdkFunctionInputableProps } from '../../../utils/functions/sdkFunctionCallbackProps';
-import { FieldValidationProps } from '../../../utils/validation/types';
 export type DropdownOption = {
     /** Text shown to the visitor in the list. */
     label: string;
     /** Underlying value emitted when the option is selected. */
     value: string;
 };
-/** When the filter value is committed: immediately on pick, or only on an Apply click. */
-export type DropdownTriggerMode = 'onSelection' | 'onApply';
-/** Legacy multi-select item shape; still accepted on read for back-compat. */
-export type DropdownValueItem = {
-    value: string;
-};
-/** The selection emitted/validated: a value string (single) or `string[]` (multi). */
-export type DropdownValue = string | Array<string>;
-/** Match rule for searchable mode; defaults to case-insensitive "contains". */
-export type DropdownFilter = (item: DropdownOption, query: string) => boolean;
 export type DropdownElementProps = {
     label?: {
         className?: string;
@@ -24,104 +12,49 @@ export type DropdownElementProps = {
     input?: {
         className?: string;
     };
-    trigger?: {
-        className?: string;
-    };
-    clearButton?: {
-        className?: string;
-    };
     list?: {
         className?: string;
     };
     option?: {
         className?: string;
     };
-    chip?: {
+    helperText?: {
+        className?: string;
+    };
+    errorMessage?: {
         className?: string;
     };
 };
-export type DropdownProps = Omit<SdkFunctionChangeableProps, 'onChange'> & SdkFunctionFocusableProps & Omit<SdkFunctionInputableProps, 'onInput'> & FieldValidationProps<DropdownValue> & {
+export type DropdownProps = {
     /** DOM `id` on the root `.dropdown` wrapper. */
     id: string;
     /** Appended to the root `.dropdown`. Use this for CSS-variable and per-element overrides. */
     className: string;
     /** The selectable options (static from the editor or from a bound data source). */
-    options: Array<DropdownOption>;
-    /** Single-select selection: a value string (empty = cleared). */
-    value: string;
-    /**
-     * Multi-select selection (`multiple: true`): a `string[]` of selected
-     * values (a legacy `{ value }[]` is also accepted on read).
-     */
-    values?: Array<string> | Array<DropdownValueItem>;
-    /**
-     * Uncontrolled initial single-select selection. Used only when `value`
-     * is not provided (component owns its state).
-     */
-    defaultValue?: string;
-    /**
-     * Uncontrolled initial multi-select selection. Used only when `values`
-     * is not provided.
-     */
-    defaultValues?: Array<string> | Array<DropdownValueItem>;
-    /** Bindable filter for searchable mode; defaults to case-insensitive "contains". */
-    filter?: DropdownFilter;
-    /** Live typed search query, separate from `value`; two-way bindable via `onInput`. */
-    inputValue?: string;
-    /**
-     * Fires with the new selection so the bound field's setter stores it: a
-     * value string (single-select) or `string[]` (multi-select). The value
-     * is passed plainly (not a DOM change event) — the binding wires
-     * `onChange → <field>.setValue`.
-     */
-    onChange?: (value: string | Array<string>) => void;
-    /** Fires with the new typed query string (bound via `onInput → <field>.setValue`). */
-    onInput?: (value: string) => void;
-    /** Text shown on the trigger when nothing is selected. */
-    placeholder: string;
+    options?: Array<DropdownOption>;
+    /** The current selection: a value string. `undefined` means no selection. */
+    value?: string;
+    /** Fires with the value of the newly selected option. */
+    onValueChange?: (value: string) => void;
+    /** Text shown on the input when nothing is selected. */
+    placeholder?: string;
     /** Field label shown above the control and associated with it for assistive tech. */
-    label: string;
-    /** When `true`, renders a searchable Combobox (type to filter) instead of the plain Select. */
-    searchable: boolean;
-    /** When `true`, allows selecting multiple options (rendered as chips); `value` becomes an array. */
-    multiple: boolean;
-    /** When `true`, shows a clear (×) control that resets the selection to empty. */
-    clearable: boolean;
-    /** When `true`, auto-highlights the first matching option while typing (searchable mode). */
-    autoHighlight: boolean;
-    /** When `true`, opens the option list when the input is clicked (searchable mode). */
-    openOnInputClick: boolean;
-    /** When `true`, renders the option list inline (always visible) instead of in a popup. */
-    inline: boolean;
-    /** When `true`, lays the option list out as a multi-column grid with 2D arrow-key navigation. */
-    grid: boolean;
-    /** Number of columns when `grid` is enabled (values ≤ 1 render a single column). */
-    columns: number;
-    /** Max number of options shown at once; `-1` (or any value ≤ 0) means unlimited. Bindable. */
-    limit: number;
-    /** Forces a selection before the surrounding form can submit. */
-    required: boolean;
+    label?: string;
     /** Shows the current selection but blocks editing it. */
-    readOnly: boolean;
+    readOnly?: boolean;
+    /** Helper text shown under the field (and as the field's accessible description). */
+    helperText?: string;
     /**
-     * Validation surface (`fieldValidity`, `showValidityIndication`,
-     * `onValidate`, `onValidityChange`) comes from `FieldValidationProps` — see
-     * the shared validation contract in `utils/validation`.
+     * Error message shown under the field, turning it into the error state. A
+     * `undefined` or empty string hides the message and clears the error state.
      */
-    /** Form field name used on submit. */
-    name: string;
-    /** Helper text shown under the field (and as the field's accessible description). */
-    description: string;
-    /** `'onSelection'` commits on pick; `'onApply'` commits only when the Apply button is clicked. */
-    triggerMode: DropdownTriggerMode;
-    /** Label for the Apply button. Used only when `triggerMode='onApply'`. */
-    applyButtonLabel: string;
+    errorMessage?: string;
     /** Disables interaction with the dropdown. */
-    isDisabled?: boolean;
-    /** Controls whether the option list is open. No effect in `inline` mode. */
-    open?: boolean;
+    disabled?: boolean;
     /** Preview-only: forces the option list open while the List part is being designed. */
     previewList?: boolean;
+    /** Preview-only: forces the error message to render while the Error message part is being designed. */
+    previewError?: boolean;
     /** Writing direction applied to the root. */
     direction?: Direction;
     /** Accessibility attributes. `ariaLabel` labels the dropdown for assistive tech. */