ui-ingredients 0.0.35 → 0.0.36

package/dist/checkbox/hidden-input.svelte

@@ -5,14 +5,16 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {checkboxContext} from './context.svelte.js';
 
   let {...props}: CheckboxHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let checkbox = checkboxContext.get();
 
   let mergedProps = $derived(mergeProps(props, checkbox.getHiddenInputProps()));
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/dist/combobox/input.svelte

@@ -7,11 +7,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {comboboxContext} from './context.svelte.js';
 
   let {asChild, ...props}: ComboboxInputProps = $props();
 
+  let field = getFieldContext();
   let combobox = comboboxContext.get();
 
   let mergedProps = $derived(mergeProps(props, combobox.getInputProps()));
@@ -20,5 +22,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input {...mergedProps} />
+  <input aria-describedby={field?.['aria-describedby']} {...mergedProps} />
 {/if}

package/dist/editable/input.svelte

@@ -7,11 +7,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {editableContext} from './context.svelte.js';
 
   let {asChild, ...props}: EditableInputProps = $props();
 
+  let field = getFieldContext();
   let editable = editableContext.get();
 
   let mergedProps = $derived(mergeProps(props, editable.getInputProps()));
@@ -20,5 +22,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input {...mergedProps} />
+  <input aria-describedby={field?.['aria-describedby']} {...mergedProps} />
 {/if}

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

@@ -151,6 +151,9 @@ export function createField(props) {
         get invalid() {
             return invalid;
         },
+        get 'aria-describedby'() {
+            return ariaDescribedby;
+        },
         getRootProps,
         getLabelProps,
         getErrorTextProps,

package/dist/file-upload/hidden-input.svelte

@@ -5,11 +5,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {fileUploadContext} from './context.svelte.js';
 
   let {...props}: FileUploadHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let fileUpload = fileUploadContext.get();
 
   let mergedProps = $derived(
@@ -17,4 +19,4 @@
   );
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/dist/number-input/input.svelte

@@ -7,11 +7,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {numberInputContext} from './context.svelte.js';
 
   let {asChild, ...props}: NumberInputInputProps = $props();
 
+  let field = getFieldContext();
   let numberInput = numberInputContext.get();
 
   let mergedProps = $derived(mergeProps(props, numberInput.getInputProps()));
@@ -20,5 +22,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input {...mergedProps} />
+  <input aria-describedby={field?.['aria-describedby']} {...mergedProps} />
 {/if}

package/dist/pin-input/hidden-input.svelte

@@ -5,14 +5,16 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {pinInputContext} from './context.svelte.js';
 
   let {...props}: PinInputHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let pinInput = pinInputContext.get();
 
   let mergedProps = $derived(mergeProps(props, pinInput.getHiddenInputProps()));
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/dist/rating-group/hidden-input.svelte

@@ -5,11 +5,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {ratingGroupContext} from './context.svelte.js';
 
   let {...props}: RatingGroupHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let radioGroup = ratingGroupContext.get();
 
   let mergedProps = $derived(
@@ -17,4 +19,4 @@
   );
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/dist/select/hidden-select.svelte

@@ -5,16 +5,18 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {selectContext} from './context.svelte.js';
 
   let {children, ...props}: SelectHiddenSelectProps = $props();
 
+  let field = getFieldContext();
   let select = selectContext.get();
 
   let mergedProps = $derived(mergeProps(props, select.getHiddenSelectProps()));
 </script>
 
-<select {...mergedProps}>
+<select aria-describedby={field?.['aria-describedby']} {...mergedProps}>
   {@render children?.()}
 </select>

package/dist/switch/hidden-input.svelte

@@ -5,14 +5,16 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {switchContext} from './context.svelte.js';
 
   let {...props}: SwitchHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let switch$ = switchContext.get();
 
   let mergedProps = $derived(mergeProps(props, switch$.getHiddenInputProps()));
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/dist/tags-input/hidden-input.svelte

@@ -5,11 +5,13 @@
 </script>
 
 <script lang="ts">
+  import {getFieldContext} from '../field/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {tagsInputContext} from './context.svelte.js';
 
   let {...props}: TagsInputHiddenInputProps = $props();
 
+  let field = getFieldContext();
   let tagsInput = tagsInputContext.get();
 
   let mergedProps = $derived(
@@ -17,4 +19,4 @@
   );
 </script>
 
-<input {...mergedProps} />
+<input aria-describedby={field?.['aria-describedby']} {...mergedProps} />

package/package.json

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