ui-ingredients 0.0.35 → 0.0.37

package/dist/checkbox/create-checkbox.svelte.js

@@ -22,6 +22,17 @@ export function createCheckbox(props) {
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => checkbox.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = checkbox.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/combobox/create-combobox.svelte.js

@@ -31,9 +31,18 @@ export function createCombobox(props) {
         'open.controlled': props.open != null,
         collection,
     }));
-    const api = $derived(reflect(() => ({
-        ...combobox.connect(state, send, normalizeProps),
-        collection,
-    })));
+    const api = $derived(reflect(() => {
+        const o = combobox.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getInputProps(),
+                };
+            },
+            collection,
+        };
+    }));
     return api;
 }

package/dist/editable/create-editable.svelte.js

@@ -24,6 +24,17 @@ export function createEditable(props) {
         getRootNode: environment?.getRootNode,
         'edit.controlled': props.edit != null,
     }));
-    const api = $derived(reflect(() => editable.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = editable.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/field/create-field.svelte.d.ts

@@ -28,6 +28,7 @@ export declare function createField(props: CreateFieldProps): {
     readonly required: boolean;
     readonly readOnly: boolean;
     readonly invalid: boolean;
+    readonly 'aria-describedby': string;
     getRootProps: () => HTMLProps<"div">;
     getLabelProps: () => HTMLProps<"label">;
     getErrorTextProps: () => HTMLProps<"div">;

package/dist/field/create-field.svelte.js

@@ -76,6 +76,7 @@ export function createField(props) {
             ...parts.errorText.attrs,
             id: ids.errorText,
             hidden: !hasErrorText,
+            'aria-live': 'polite',
             'data-invalid': dataAttr(invalid),
             'data-disabled': dataAttr(disabled),
             'data-required': dataAttr(required),
@@ -151,6 +152,9 @@ export function createField(props) {
         get invalid() {
             return invalid;
         },
+        get 'aria-describedby'() {
+            return ariaDescribedby;
+        },
         getRootProps,
         getLabelProps,
         getErrorTextProps,

package/dist/file-upload/create-file-upload.svelte.js

@@ -21,6 +21,17 @@ export function createFileUpload(props) {
         locale: props.locale ?? locale?.locale,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => fileUpload.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = fileUpload.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/number-input/create-number-input.svelte.js

@@ -23,6 +23,17 @@ export function createNumberInput(props) {
         locale: props.locale ?? locale?.locale,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => numberInput.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = numberInput.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/pin-input/create-pin-input.svelte.js

@@ -33,6 +33,12 @@ export function createPinInputContext(props) {
                     },
                 };
             },
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
         };
     }));
     return api;

package/dist/rating-group/create-rating-group.svelte.js

@@ -21,6 +21,17 @@ export function createRatingGroup(props) {
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => ratingGroup.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = ratingGroup.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/select/create-select.svelte.js

@@ -31,9 +31,18 @@ export function createSelect(props) {
         collection,
         'open.controlled': props.open != null,
     }));
-    const api = $derived(reflect(() => ({
-        ...select.connect(state, send, normalizeProps),
-        collection,
-    })));
+    const api = $derived(reflect(() => {
+        const o = select.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            collection,
+            getHiddenSelectProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenSelectProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/switch/create-switch.svelte.js

@@ -22,6 +22,17 @@ export function createSwitch(props) {
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => switch$.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = switch$.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/dist/tags-input/create-tags-input.svelte.js

@@ -22,6 +22,17 @@ export function createTagsInput(props) {
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));
-    const api = $derived(reflect(() => tagsInput.connect(state, send, normalizeProps)));
+    const api = $derived(reflect(() => {
+        const o = tagsInput.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getHiddenInputProps() {
+                return {
+                    'aria-describedby': field?.['aria-describedby'],
+                    ...o.getHiddenInputProps(),
+                };
+            },
+        };
+    }));
     return api;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",