@wix/patterns-fields 1.73.0 → 1.75.0

package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts

@@ -13,9 +13,13 @@ export declare var stVars: {};
 export declare var vars: {
     topToolbarHeight: string;
     bottomToolbarHeight: string;
-    "wds-color-blue-300": string;
-    "wds-border-radius-300": string;
-    "wds-color-blue-100": string;
+    "wds-input-border-color": string;
+    "wds-input-border-color-focus": string;
     "wds-input-shadow-focus-standard": string;
+    "wds-input-border-radius-default-medium": string;
+    "wsr-color-B10": string;
+    "wsr-color-B40": string;
+    "wsr-color-F00": string;
+    "wsr-border-radius-06": string;
 };
 //# sourceMappingURL=rich-content-form-input.st.css.d.ts.map

package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;CAA0S,CAAC"}
+{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;CAA8f,CAAC"}

package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-read-only-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAyD,CAAC;AAC5E,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;CAAkQ,CAAC"}
+{"version":3,"file":"rich-content-form-read-only-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0D,CAAC;AAC7E,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;CAAkQ,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}
+{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAsG,CAAC;AACzH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAsN,CAAC;AACzO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAA8M,CAAC;AACjO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts

@@ -12,14 +12,22 @@ export declare var layers: {};
 export declare var containers: {};
 export declare var stVars: {};
 export declare var vars: {
-    "wds-color-blue-100": string;
-    "wds-color-blue-300": string;
-    "wds-color-red-100": string;
-    "wds-color-red-300": string;
-    "wds-color-yellow-100": string;
-    "wds-color-yellow-300": string;
-    "wds-color-black-700": string;
+    "wds-input-border-color": string;
+    "wds-input-border-color-focus": string;
     "wds-input-shadow-focus-standard": string;
-    "wds-border-radius-300": string;
+    "wds-input-shadow-focus-destructive": string;
+    "wds-input-shadow-focus-warning": string;
+    "wds-input-border-radius-default-medium": string;
+    "wds-color-border-destructive-secondary-active": string;
+    "wds-color-border-warning-secondary-active": string;
+    "wsr-color-B10": string;
+    "wsr-color-B40": string;
+    "wsr-color-R10": string;
+    "wsr-color-R40": string;
+    "wsr-color-Y10": string;
+    "wsr-color-Y40": string;
+    "wsr-color-F00": string;
+    "wsr-border-radius-06": string;
+    "wds-color-black-700": string;
 };
 //# sourceMappingURL=rich-text-editor.st.css.d.ts.map

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA2I,CAAC;AAC9J,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;CAAsb,CAAC"}
+{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA8I,CAAC;AACjK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;CAA06B,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA67B,CAAC;AACh9B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;CAA0e,CAAC"}
+{"version":3,"file":"toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA46B,CAAC;AAC/7B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;CAA0e,CAAC"}

package/dist/types/components/text/form-short-text-input.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ControlledInputProps } from '../../types/controlled-input';
+export interface FormShortTextOption {
+    id: string;
+    value: string;
+}
+export interface FormShortTextInputProps extends ControlledInputProps<string> {
+    options?: FormShortTextOption[];
+    required?: boolean;
+    placeholder?: string;
+    emptyStateMessage?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+export declare const FormShortTextInput: React.FC<FormShortTextInputProps>;
+//# sourceMappingURL=form-short-text-input.d.ts.map

package/dist/types/components/text/form-short-text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-short-text-input.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB,CAAC,MAAM,CAAC;IAC3E,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+FhE,CAAC"}

package/dist/types/components/text/form-short-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAsKrE,eAAO,MAAM,aAAa,WAjKK,kBAAkB;;CAiKI,CAAC"}
+{"version":3,"file":"form-short-text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKxD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAoFrE,eAAO,MAAM,aAAa,WA/EK,kBAAkB;;CA+EI,CAAC"}

package/dist/types/components/text/form-short-text.driver.d.ts

@@ -3,6 +3,7 @@ import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 export declare function FormShortTextDriver(base: UniDriver, body: UniDriver, field: Field): {
     getLabel: () => Promise<string>;
     getValue: () => Promise<string>;
+    getPlaceholder: () => Promise<string | null>;
     enterText: (value: string) => Promise<void>;
     selectOption: (id: string) => Promise<void>;
     blur: () => Promise<void>;

package/dist/types/components/text/form-short-text.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAS7D,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK;;;uBAkBe,MAAM;uBAIZ,MAAM;;;;;;;;;;;;;;;;EAgB5B"}
+{"version":3,"file":"form-short-text.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAS7D,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK;;;;uBAsBe,MAAM;uBAIZ,MAAM;;;;;;;;;;;;;;;;EAgB5B"}

package/dist/types/components/text/index.d.ts

@@ -3,4 +3,5 @@ export * from './cell-text-input';
 export * from './cell-autocomplete-input';
 export * from './form-long-text';
 export * from './form-short-text';
+export * from './form-short-text-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/dist/types/components/text/text-view.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAgF,CAAC;AACnG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/time-input/form-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-time.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA0EhE,eAAO,MAAM,QAAQ,WAxEK,aAAa;;CAwEI,CAAC"}
+{"version":3,"file":"form-time.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAgFhE,eAAO,MAAM,QAAQ,WA9EK,aAAa;;CA8EI,CAAC"}

package/dist/types/components/url/form-url-input.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ControlledInputProps } from '../../types/controlled-input';
+export interface FormUrlInputProps extends ControlledInputProps<string> {
+    inputRef?: React.Ref<HTMLInputElement>;
+    placeholder?: string;
+}
+export declare const FormUrlInput: React.FC<FormUrlInputProps>;
+//# sourceMappingURL=form-url-input.d.ts.map

package/dist/types/components/url/form-url-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-url-input.d.ts","sourceRoot":"","sources":["../../../../src/components/url/form-url-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAC"}

package/dist/types/components/url/form-url.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-url.d.ts","sourceRoot":"","sources":["../../../../src/components/url/form-url.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA+C/D,eAAO,MAAM,OAAO,WA7CK,YAAY;;CA6CI,CAAC"}
+{"version":3,"file":"form-url.d.ts","sourceRoot":"","sources":["../../../../src/components/url/form-url.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKxD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA2C/D,eAAO,MAAM,OAAO,WAzCK,YAAY;;CAyCI,CAAC"}

package/dist/types/components/url/index.d.ts

@@ -1,4 +1,5 @@
 export * from './url-view';
 export * from './cell-url-input';
 export * from './form-url';
+export * from './form-url-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/url/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/url/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/url/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/dist/types/components/video/form-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-video.d.ts","sourceRoot":"","sources":["../../../../src/components/video/form-video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoBxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA2MjE,eAAO,MAAM,SAAS,WAzMK,cAAc;;CAyMI,CAAC"}
+{"version":3,"file":"form-video.d.ts","sourceRoot":"","sources":["../../../../src/components/video/form-video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoBxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA6MjE,eAAO,MAAM,SAAS,WA3MK,cAAc;;CA2MI,CAAC"}

package/dist/types/exports/unidriver.d.ts

@@ -1,3 +1,4 @@
 export { FormMediaGalleryFieldUniDriver } from '../components/media-gallery/form-media-gallery-field.uni.driver';
 export { ColorViewUniDriver } from '../components/color-view/color-view.uni.driver';
+export { ControlledInputUniDriver } from '../components/controlled-input.driver';
 //# sourceMappingURL=unidriver.d.ts.map

package/dist/types/exports/unidriver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unidriver.d.ts","sourceRoot":"","sources":["../../../src/exports/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,iEAAiE,CAAC;AACjH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC"}
+{"version":3,"file":"unidriver.d.ts","sourceRoot":"","sources":["../../../src/exports/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,iEAAiE,CAAC;AACjH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/types/hooks/index.d.ts

@@ -7,6 +7,7 @@ export * from './use-translations';
 export * from './use-with-callback';
 export * from './use-resize-effect';
 export * from './use-cell-edit-keyboard';
+export * from './use-field-ref';
 export * from './use-merged-ref';
 export * from './use-scroll-to-error-ref';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/types/hooks/use-field-ref.d.ts

@@ -0,0 +1,36 @@
+/**
+ * What a field's control may offer react-hook-form. A real input has all of
+ * it; a component handle usually has only `focus`.
+ */
+export interface FieldControl {
+    focus?: () => void;
+    select?: () => void;
+    setCustomValidity?: (message: string) => void;
+    reportValidity?: () => boolean;
+}
+/**
+ * Handle to register with react-hook-form, covering every method it may call.
+ *
+ * `useController` rewrites whatever is registered into
+ * `{ focus, select, setCustomValidity, reportValidity }` and calls all four
+ * through to the target. The guards check that wrapper rather than the target,
+ * so registering a control that only has `focus` makes `setFocus` with
+ * `shouldSelect`, or `shouldUseNativeValidation`, throw on the way to it.
+ *
+ * @param focus What to do when the field has to be reached.
+ * @param getControl The control the remaining calls go to, when there is one.
+ */
+export declare const fieldRefHandle: (focus: () => void, getControl: () => FieldControl | null | undefined) => {
+    focus: () => void;
+    select: () => void | undefined;
+    setCustomValidity: (message: string) => void | undefined;
+    reportValidity: () => boolean;
+};
+/**
+ * Callback ref for a field's control. Pass it where the control lands and
+ * react-hook-form gets a handle that reaches it.
+ *
+ * @param registerRef `controller.field.ref` from useController.
+ */
+export declare const useFieldRef: (registerRef: (instance: unknown) => void) => (instance: FieldControl | null) => void;
+//# sourceMappingURL=use-field-ref.d.ts.map

package/dist/types/hooks/use-field-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-ref.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-field-ref.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,UAClB,MAAM,IAAI,cACL,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS;iBADpC,IAAI;;iCAKY,MAAM;;CAGnC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,WAAW,2BACE,OAAO,KAAK,IAAI,gBAC3B,YAAY,GAAG,IAAI,KAAK,IAmBtC,CAAC"}

package/dist/types/hooks/use-scroll-to-error-ref.d.ts

@@ -1,11 +1,11 @@
 /**
  * Ref for a field whose control cannot be handed to react-hook-form directly.
  *
- * react-hook-form focuses an invalid field by calling `focus()` on whatever
- * was registered, so registering a plain wrapper element does nothing — a
- * `div` is not focusable and the call is silently dropped. Registering an
- * object with a `focus()` of our own works instead: it brings the wrapper
- * into view, then focuses the control inside it when there is one.
+ * react-hook-form focuses an invalid field by calling `focus()` on whatever was
+ * registered, so registering a plain wrapper element does nothing — a `div` is
+ * not focusable and the call is silently dropped. Registering an object with a
+ * `focus()` of our own works instead: it brings the wrapper into view, then
+ * focuses the control inside it when there is one.
  *
  * @param registerRef `controller.field.ref` from useController.
  * @param focusSelector Control to focus inside the wrapper, when present.

package/dist/types/hooks/use-scroll-to-error-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-to-error-ref.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error-ref.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,kDACN,OAAO,KAAK,IAAI,iBACzB,MAAM,gCAiBpB,CAAC"}
+{"version":3,"file":"use-scroll-to-error-ref.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error-ref.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,kDACN,OAAO,KAAK,IAAI,iBACzB,MAAM,gCAoBpB,CAAC"}

package/dist/types/types/controlled-input.d.ts

@@ -0,0 +1,10 @@
+export interface ControlledInputProps<T> {
+    data: T;
+    onChange(data: T): void;
+    onBlur?(): void;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    invalid?: boolean;
+    dataHook?: string;
+}
+//# sourceMappingURL=controlled-input.d.ts.map

package/dist/types/types/controlled-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-input.d.ts","sourceRoot":"","sources":["../../../src/types/controlled-input.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.73.0",
+  "version": "1.75.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -124,7 +124,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.54.0",
+    "@wix/patterns-fields-utils": "1.56.0",
     "@wix/rich-content": "1.0.37",
     "@wix/sdk": "^1.17.2",
     "@wix/wix-ui-icons-common": "^3.189.0",
@@ -152,7 +152,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.351.0",
+    "@wix/bex-core": "2.353.0",
     "@wix/design-system": "^1.314.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -212,5 +212,5 @@
       "optional": true
     }
   },
-  "falconPackageHash": "772c06391e8c8c0054dd3a1efbcbb58220b2237b346f1b57f9b2ea0f"
+  "falconPackageHash": "a470dba86733802e67d7445900642d5dc5fa498fe8b22f01694beacf"
 }

package/src/__tests__/components/color-view/form-color.spec.tsx

@@ -1,5 +1,7 @@
 import '../../../testkit/test-polyfills';
 
+import { act, createEvent, fireEvent } from '@testing-library/react';
+
 import { FormColor } from '../../../components/color-view/form-color';
 import { FormColorDriver } from '../../../components/color-view/form-color.driver';
 import { FormFieldDriver, makeField } from '../../form-field.driver';
@@ -35,15 +37,56 @@ describe('FormColor field', () => {
     expect(await driver.tk.getValue()).toBe('');
   });
 
-  it('renders the FillButton when no color is set', async () => {
+  it('renders the FillPreview when no color is set and the field is at rest', async () => {
+    const driver = setup('');
+
+    expect(await driver.tk.hasFillPreview()).toBe(true);
+    expect(await driver.tk.hasFillButton()).toBe(false);
+  });
+
+  it('renders the FillButton once the input is focused with no color set', async () => {
     const driver = setup('');
 
-    expect(await driver.tk.getFillButton().exists()).toBe(true);
+    const input = document.querySelector('input')!;
+    await act(async () => {
+      input.focus();
+      fireEvent.focus(input);
+    });
+
+    expect(await driver.tk.hasFillButton()).toBe(true);
   });
 
   it('renders the FillPreview when a color is set', async () => {
     const driver = setup('#FF5733');
 
-    expect(await driver.tk.getFillPreview().exists()).toBe(true);
+    expect(await driver.tk.hasFillPreview()).toBe(true);
+  });
+
+  it('opens the color picker on the first press of the swatch', async () => {
+    const driver = setup('');
+
+    const swatch = document.querySelector<HTMLElement>(
+      '[data-hook="fill-preview-button"]',
+    )!;
+
+    await act(async () => {
+      // jsdom does not implement the browser's focus-on-mousedown default, so
+      // drive it here: the browser focuses the pressed button unless the
+      // handler prevents it. Without that guard the click sets `showPicker`,
+      // the swatch swaps to a FillButton, and the focused element is torn out
+      // from under the pointer.
+      const mouseDown = createEvent.mouseDown(swatch);
+      fireEvent(swatch, mouseDown);
+      if (!mouseDown.defaultPrevented) {
+        swatch.focus();
+      }
+      fireEvent.mouseUp(swatch);
+      fireEvent.click(swatch);
+    });
+
+    expect(await driver.tk.isPickerOpen()).toBe(true);
+    // The swatch has to survive its own click. WDS Popover reads a click whose
+    // target has been detached as a click outside itself and closes again.
+    expect(document.contains(swatch)).toBe(true);
   });
 });

package/src/__tests__/components/rich-editors-border.spec.ts

@@ -0,0 +1,45 @@
+import fs from 'fs';
+import path from 'path';
+
+// CAIRO-4561: both editors rendered with no border at all. The rules were
+// there, but they read `var(--wds-color-blue-300)` with no fallback, and a
+// custom property that resolves to nothing makes the whole declaration invalid
+// — so the border was dropped rather than falling back to a default. WDS Input
+// spells every one of these as `var(--token, var(--wsr-token, #literal))`.
+const STYLESHEETS = [
+  'components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css',
+  'components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css',
+];
+
+const read = (relative: string) =>
+  fs.readFileSync(path.join(__dirname, '../../', relative), 'utf8');
+
+/** Every declaration whose property is border-ish or a shadow. */
+const borderDeclarations = (css: string) =>
+  css
+    .split(/[;{}]/)
+    .map((chunk) => chunk.trim())
+    .filter((chunk) => /^(border[\w-]*|box-shadow)\s*:/.test(chunk));
+
+describe('rich editor borders', () => {
+  it.each(STYLESHEETS)('declares a visible border in %s', (relative) => {
+    const declarations = borderDeclarations(read(relative));
+
+    expect(
+      declarations.some((d) => d.includes('var(--wds-input-border-color,')),
+    ).toBe(true);
+  });
+
+  it.each(STYLESHEETS)(
+    'gives every custom property in a border declaration a fallback in %s',
+    (relative) => {
+      const withoutFallback = borderDeclarations(read(relative)).filter((d) =>
+        Array.from(d.matchAll(/var\(\s*(--[\w-]+)\s*([,)])/g)).some(
+          ([, , delimiter]) => delimiter === ')',
+        ),
+      );
+
+      expect(withoutFallback).toEqual([]);
+    },
+  );
+});

package/src/__tests__/components/text/form-short-text.spec.tsx

@@ -44,6 +44,12 @@ describe('FormShortText field', () => {
     expect(await driver.tk.getValue()).toBe('typed');
   });
 
+  it('does not show a selection placeholder without specific values', async () => {
+    const driver = setup();
+
+    expect(await driver.tk.getPlaceholder()).toBeNull();
+  });
+
   it('shows charCount left when maxLength is set', async () => {
     const driver = setup({
       field: makeField({
@@ -118,6 +124,18 @@ describe('FormShortText field', () => {
     expect(await driver.tk.getValue()).toBe('Value 1');
   });
 
+  it('shows the selection placeholder for specific values', async () => {
+    const driver = setup({
+      field: makeField({
+        validation: { required: false, specificValues },
+      }),
+    });
+
+    expect(await driver.tk.getPlaceholder()).toBe(
+      'auto-patterns.fields.select_placeholder',
+    );
+  });
+
   it('selects a specific value by id', async () => {
     const driver = setup({
       field: makeField({

package/src/__tests__/exports/controlled-inputs.spec.tsx

@@ -0,0 +1,138 @@
+import '../../testkit/test-polyfills';
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { FormCheckboxInput } from '../../components/boolean';
+import { ControlledInputUniDriver } from '../../components/controlled-input.driver';
+import { FormNumberInput } from '../../components/number-input';
+import { FormShortTextInput } from '../../components/text';
+import { FormUrlInput } from '../../components/url';
+
+const controlledInputTestkitFactory = uniTestkitFactoryCreator(
+  ControlledInputUniDriver,
+);
+
+const getInput = (container: HTMLElement, dataHook: string) =>
+  controlledInputTestkitFactory({ wrapper: container, dataHook });
+
+describe('controlled inputs', () => {
+  it('follows checkbox prop changes and reports user edits', async () => {
+    const onChange = jest.fn();
+    const { container, rerender } = render(
+      <FormCheckboxInput
+        data={false}
+        onChange={onChange}
+        dataHook="checkbox"
+        label="Default value"
+      />,
+    );
+    const input = getInput(container, 'checkbox').checkbox;
+
+    expect(await input.isChecked()).toBe(false);
+    expect(await input.getLabel()).toBe('Default value');
+    rerender(
+      <FormCheckboxInput
+        data
+        onChange={onChange}
+        dataHook="checkbox"
+        label="Default value"
+      />,
+    );
+    expect(await input.isChecked()).toBe(true);
+
+    await input.click();
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenCalledWith(false);
+  });
+
+  it('follows number prop changes and reports user edits', async () => {
+    const onChange = jest.fn();
+    const { container, rerender } = render(
+      <FormNumberInput data={1} onChange={onChange} dataHook="number" />,
+    );
+    const input = getInput(container, 'number').number;
+
+    expect(await input.getValue()).toBe('1');
+    rerender(
+      <FormNumberInput data={2} onChange={onChange} dataHook="number" />,
+    );
+    expect(await input.getValue()).toBe('2');
+
+    await input.enterText('3');
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenCalledWith(3);
+  });
+
+  it('follows text prop changes and reports user edits', async () => {
+    const onChange = jest.fn();
+    const { container, rerender } = render(
+      <FormShortTextInput data="before" onChange={onChange} dataHook="text" />,
+    );
+    const input = getInput(container, 'text').text;
+
+    expect(await input.getValue()).toBe('before');
+    rerender(
+      <FormShortTextInput data="after" onChange={onChange} dataHook="text" />,
+    );
+    expect(await input.getValue()).toBe('after');
+
+    await input.enterText('typed');
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenCalledWith('typed');
+  });
+
+  it('forwards the placeholder to a plain text input', async () => {
+    const { container } = render(
+      <FormShortTextInput
+        data=""
+        onChange={jest.fn()}
+        placeholder="Enter a value"
+        dataHook="text-placeholder"
+      />,
+    );
+    const input = getInput(container, 'text-placeholder').text;
+
+    expect(await input.getPlaceholder()).toBe('Enter a value');
+  });
+
+  it('reports URL edits and blur without normalizing the value', async () => {
+    const onChange = jest.fn();
+    const onBlur = jest.fn();
+    const { container } = render(
+      <FormUrlInput
+        data=""
+        onChange={onChange}
+        onBlur={onBlur}
+        dataHook="url"
+      />,
+    );
+    const input = getInput(container, 'url').text;
+
+    await input.enterText('example.com');
+    await input.blur();
+
+    expect(onChange).toHaveBeenCalledWith('example.com');
+    expect(onBlur).toHaveBeenCalledTimes(1);
+  });
+
+  it('uses option IDs as controlled specific values', async () => {
+    const onChange = jest.fn();
+    const { container } = render(
+      <FormShortTextInput
+        data="first"
+        onChange={onChange}
+        options={[
+          { id: 'first', value: 'First' },
+          { id: 'second', value: 'Second' },
+        ]}
+        dataHook="specific-value"
+      />,
+    );
+
+    const input = getInput(container, 'specific-value').autocomplete;
+
+    expect(await input.inputDriver.getValue()).toBe('First');
+  });
+});