@spark-ui/components 10.0.4 → 10.0.5

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.5](https://github.com/leboncoin/spark-web/compare/v10.0.4...v10.0.5) (2025-03-25)
+
+### Bug Fixes
+
+- **components:** fixed accessible description on combobox input ([678d449](https://github.com/leboncoin/spark-web/commit/678d4491b58a097ed04d2cbd93170650655ba97b))
+
 ## [10.0.4](https://github.com/leboncoin/spark-web/compare/v10.0.3...v10.0.4) (2025-03-24)
 
 **Note:** Version bump only for package @spark-ui/components

package/dist/combobox/index.js

@@ -1891,6 +1891,7 @@ var GroupContent = ({ children, className, ref: forwardedRef }) => {
 Group.displayName = "Combobox.Group";
 
 // src/combobox/ComboboxInput.tsx
+var import_form_field2 = require("@spark-ui/components/form-field");
 var import_use_combined_state2 = require("@spark-ui/use-combined-state");
 var import_use_merge_refs2 = require("@spark-ui/use-merge-refs");
 var import_class_variance_authority14 = require("class-variance-authority");
@@ -1907,7 +1908,9 @@ var Input = ({
   ...props
 }) => {
   const ctx = useComboboxContext();
+  const field = (0, import_form_field2.useFormFieldControl)();
   const [inputValue] = (0, import_use_combined_state2.useCombinedState)(value, defaultValue);
+  const { isInvalid, isRequired, description } = field;
   (0, import_react10.useEffect)(() => {
     if (inputValue != null) {
       ctx.setInputValue(inputValue);
@@ -1977,7 +1980,10 @@ var Input = ({
         value: ctx.inputValue,
         "aria-label": ariaLabel,
         disabled: ctx.disabled,
-        readOnly: ctx.readOnly
+        readOnly: ctx.readOnly,
+        "aria-invalid": isInvalid,
+        required: isRequired,
+        "aria-describedby": description
       }
     ) })
   ] });
@@ -2322,7 +2328,7 @@ var SelectedItems = () => {
 SelectedItems.displayName = "Combobox.SelectedItems";
 
 // src/combobox/ComboboxTrigger.tsx
-var import_form_field2 = require("@spark-ui/components/form-field");
+var import_form_field3 = require("@spark-ui/components/form-field");
 var import_use_merge_refs5 = require("@spark-ui/use-merge-refs");
 var import_class_variance_authority23 = require("class-variance-authority");
 var import_react16 = require("react");
@@ -2397,7 +2403,7 @@ var useWidthIncreaseCallback = (elementRef, callback) => {
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var Trigger2 = ({ className, children, ref: forwardedRef }) => {
   const ctx = useComboboxContext();
-  const field = (0, import_form_field2.useFormFieldControl)();
+  const field = (0, import_form_field3.useFormFieldControl)();
   const leadingIcon = findElement(children, "Combobox.LeadingIcon");
   const selectedItems = findElement(children, "Combobox.SelectedItems");
   const input = findElement(children, "Combobox.Input");