@xaui/native 0.9.1-beta.98 → 0.9.1-beta.99

package/dist/{chunk-VQG7K5QE.js → chunk-XJEG4Q2R.js}

@@ -1,5 +1,6 @@
 import { collectItemLabels, readItemLabel, useLabelRegistry } from "./chunk-4WCBZFAK.js";
 import { useAnchoredPosition } from "./chunk-Z6FRP4EV.js";
+import { textFieldRecipe } from "./chunk-NTVPLDJC.js";
 import { selectRecipe } from "./chunk-AMFGATFY.js";
 import { Portal } from "./chunk-2PMXMKS5.js";
 import { INDICATOR_ROTATION, INDICATOR_SPRING, anchoredEntering, anchoredExiting, overlayEntering, overlayExiting } from "./chunk-64MXEVT3.js";
@@ -10,13 +11,13 @@ import { usePressState } from "./chunk-423RQBOX.js";
 import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
 import { childrenToString } from "./chunk-WFZDAXDI.js";
 import { createRecipe } from "./chunk-DKVXTMIJ.js";
-import { createSlotContext } from "./chunk-TTZOIXKE.js";
+import { Slot, createSlotContext } from "./chunk-TTZOIXKE.js";
 import { useXAUITheme } from "./chunk-Z6JBWRPL.js";
 import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/autocomplete/autocomplete.tsx
-import { useCallback, useMemo, useState } from "react";
-import { StyleSheet } from "react-native";
+import { forwardRef, useCallback, useId, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
 
 // src/components/autocomplete/autocomplete.context.ts
 var [AutocompleteProvider, useAutocomplete] = createSlotContext("Autocomplete");
@@ -101,7 +102,7 @@ var autocompleteRecipe = createRecipe({
 
 // src/components/autocomplete/autocomplete.tsx
 import { jsx } from "react/jsx-runtime";
-function Autocomplete({
+var Autocomplete = forwardRef(function Autocomplete2({
   children,
   variant,
   size,
@@ -117,14 +118,21 @@ function Autocomplete({
   defaultQuery = "",
   onQueryChange,
   isDisabled = false,
-  isInvalid = false
-}) {
+  isInvalid = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
   const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
   const {
     labelFor,
     registerLabel
   } = useLabelRegistry();
   const [anchor, setAnchor] = useState(null);
+  const id = useId();
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
   const [value, setValue] = useControllableState({
     value: controlledValue,
     defaultValue,
@@ -149,10 +157,7 @@ function Autocomplete({
   };
   const styles = selectRecipe.resolve({
     theme,
-    selection,
-    states: {
-      disabled: isDisabled
-    }
+    selection
   });
   const pressed = selectRecipe.resolve({
     theme,
@@ -166,6 +171,16 @@ function Autocomplete({
     color,
     selection
   }) : void 0;
+  const labelled = textFieldRecipe.resolve({
+    theme,
+    selection: {
+      size,
+      isInvalid: isInvalid ? "true" : void 0
+    },
+    states: {
+      disabled: isDisabled
+    }
+  });
   const own = autocompleteRecipe.resolve({
     theme,
     selection: {
@@ -208,6 +223,9 @@ function Autocomplete({
       itemStyle: styles.item,
       itemPressedStyle: pressed.item,
       itemLabelStyle: styles.itemLabel,
+      labelStyle: labelled.label,
+      descriptionStyle: labelled.description,
+      errorStyle: labelled.error,
       glyph: {
         size: indicator.fontSize,
         color: typeof indicator.color === "string" ? indicator.color : void 0
@@ -226,18 +244,35 @@ function Autocomplete({
       anchor,
       setAnchor,
       labelFor,
-      registerLabel
+      registerLabel,
+      labelId,
+      descriptionId
     };
-  }, [styles, pressed, tint, own, ownTint, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  }, [styles, pressed, tint, own, ownTint, labelled, labelId, descriptionId, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  const columnStyle = [labelled.root, styleProps, style];
+  const column = asChild ?
+  // R12 — the caller's element is the column.
+  /* @__PURE__ */
+  jsx(Slot, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  }) : /* @__PURE__ */jsx(View, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  });
   return /* @__PURE__ */jsx(AutocompleteProvider, {
     value: context,
-    children
+    children: column
   });
-}
+});
 Autocomplete.displayName = "XAUI.Autocomplete.Root";
 
 // src/components/autocomplete/autocomplete-content.tsx
-import { Children as Children2, forwardRef as forwardRef5, isValidElement as isValidElement2, useEffect, useMemo as useMemo3 } from "react";
+import { Children as Children2, forwardRef as forwardRef6, isValidElement as isValidElement2, useEffect, useMemo as useMemo3 } from "react";
 import { ScrollView } from "react-native";
 import Animated from "react-native-reanimated";
 
@@ -270,10 +305,10 @@ function filterItems(children, query, isItem2) {
 }
 
 // src/components/autocomplete/autocomplete-empty.tsx
-import { forwardRef } from "react";
+import { forwardRef as forwardRef2 } from "react";
 import { Text } from "react-native";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var AutocompleteEmpty = forwardRef(function AutocompleteEmpty2({
+var AutocompleteEmpty = forwardRef2(function AutocompleteEmpty2({
   children,
   style,
   ...props
@@ -292,13 +327,13 @@ var AutocompleteEmpty = forwardRef(function AutocompleteEmpty2({
 AutocompleteEmpty.displayName = "XAUI.Autocomplete.Empty";
 
 // src/components/autocomplete/autocomplete-item.tsx
-import { forwardRef as forwardRef3, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { forwardRef as forwardRef4, useCallback as useCallback2, useMemo as useMemo2 } from "react";
 
 // src/components/autocomplete/autocomplete-item-label.tsx
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { Text as Text2 } from "react-native";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var AutocompleteItemLabel = forwardRef2(function AutocompleteItemLabel2({
+var AutocompleteItemLabel = forwardRef3(function AutocompleteItemLabel2({
   children,
   style,
   ...props
@@ -318,7 +353,7 @@ AutocompleteItemLabel.displayName = "XAUI.Autocomplete.ItemLabel";
 
 // src/components/autocomplete/autocomplete-item.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var AutocompleteItem = forwardRef3(function AutocompleteItem2({
+var AutocompleteItem = forwardRef4(function AutocompleteItem2({
   value,
   label,
   children,
@@ -385,10 +420,10 @@ var AutocompleteItem = forwardRef3(function AutocompleteItem2({
 AutocompleteItem.displayName = "XAUI.Autocomplete.Item";
 
 // src/components/autocomplete/autocomplete-search.tsx
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef5 } from "react";
 import { TextInput } from "react-native";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var AutocompleteSearch = forwardRef4(function AutocompleteSearch2({
+var AutocompleteSearch = forwardRef5(function AutocompleteSearch2({
   autoFocus = true,
   style,
   ...props
@@ -429,7 +464,7 @@ var DEFAULT_INSETS = {
 var isItem = type => type === AutocompleteItem;
 var isSearch = type => type === AutocompleteSearch;
 var isEmpty = type => type === AutocompleteEmpty;
-var AutocompleteContent = forwardRef5(function AutocompleteContent2({
+var AutocompleteContent = forwardRef6(function AutocompleteContent2({
   children,
   placement = "bottom",
   align = "center",
@@ -533,14 +568,61 @@ function partition(children) {
   };
 }
 
+// src/components/autocomplete/autocomplete-description.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { Text as Text3 } from "react-native";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var AutocompleteDescription = forwardRef7(function AutocompleteDescription2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    descriptionStyle,
+    descriptionId
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx7(Text3, {
+    ref,
+    nativeID: nativeID ?? descriptionId,
+    style: [descriptionStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteDescription.displayName = "XAUI.Autocomplete.Description";
+
+// src/components/autocomplete/autocomplete-error.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { Text as Text4 } from "react-native";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var AutocompleteError = forwardRef8(function AutocompleteError2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    errorStyle
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx8(Text4, {
+    ref,
+    style: [errorStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteError.displayName = "XAUI.Autocomplete.Error";
+
 // src/components/autocomplete/autocomplete-indicator.tsx
 import { useEffect as useEffect2 } from "react";
 import Animated2, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
-import { jsx as jsx7 } from "react/jsx-runtime";
-const _worklet_2784553697165_init_data = {
-  code: "function chunkVQG7K5QEJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VQG7K5QE.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVQG7K5QEJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VQG7K5QE.js\"],\"mappings\":\"AA4hBoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+import { jsx as jsx9 } from "react/jsx-runtime";
+const _worklet_6900067877253_init_data = {
+  code: "function chunkXJEG4Q2RJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-XJEG4Q2R.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkXJEG4Q2RJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-XJEG4Q2R.js\"],\"mappings\":\"AAwlBoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function AutocompleteIndicator(props) {
   const {
@@ -554,52 +636,77 @@ function AutocompleteIndicator(props) {
   useEffect2(() => {
     progress.set(withSpring(isOpen ? 1 : 0, INDICATOR_SPRING));
   }, [isOpen, progress]);
-  const rotation = useAnimatedStyle(function chunkVQG7K5QEJs1Factory({
-    _worklet_2784553697165_init_data,
+  const rotation = useAnimatedStyle(function chunkXJEG4Q2RJs1Factory({
+    _worklet_6900067877253_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkVQG7K5QEJs1 = function () {
+    const chunkXJEG4Q2RJs1 = function () {
       return {
         transform: [{
           rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
         }]
       };
     };
-    chunkVQG7K5QEJs1.__closure = {
+    chunkXJEG4Q2RJs1.__closure = {
       interpolate,
       progress,
       INDICATOR_ROTATION
     };
-    chunkVQG7K5QEJs1.__workletHash = 2784553697165;
-    chunkVQG7K5QEJs1.__pluginVersion = "0.7.4";
-    chunkVQG7K5QEJs1.__initData = _worklet_2784553697165_init_data;
-    chunkVQG7K5QEJs1.__stackDetails = _e;
-    return chunkVQG7K5QEJs1;
+    chunkXJEG4Q2RJs1.__workletHash = 6900067877253;
+    chunkXJEG4Q2RJs1.__pluginVersion = "0.7.4";
+    chunkXJEG4Q2RJs1.__initData = _worklet_6900067877253_init_data;
+    chunkXJEG4Q2RJs1.__stackDetails = _e;
+    return chunkXJEG4Q2RJs1;
   }({
-    _worklet_2784553697165_init_data,
+    _worklet_6900067877253_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }), [progress]);
-  return /* @__PURE__ */jsx7(Animated2.View, {
+  return /* @__PURE__ */jsx9(Animated2.View, {
     style: [indicatorStyle, rotation],
-    children: /* @__PURE__ */jsx7(Icon, {
+    children: /* @__PURE__ */jsx9(Icon, {
       as
     })
   });
 }
 AutocompleteIndicator.displayName = "XAUI.Autocomplete.Indicator";
 
+// src/components/autocomplete/autocomplete-label.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { Text as Text5 } from "react-native";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var AutocompleteLabel = forwardRef9(function AutocompleteLabel2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    labelStyle,
+    labelId
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx10(Text5, {
+    ref,
+    nativeID: nativeID ?? labelId,
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteLabel.displayName = "XAUI.Autocomplete.Label";
+
 // src/components/autocomplete/autocomplete-overlay.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef10 } from "react";
 import { Pressable } from "react-native";
 import Animated3 from "react-native-reanimated";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var AnimatedPressable = Animated3.createAnimatedComponent(Pressable);
-var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
+var AutocompleteOverlay = forwardRef10(function AutocompleteOverlay2({
   children,
   style,
   ...props
@@ -612,10 +719,10 @@ var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
   } = context;
   const [styleProps, rest] = useStyleProps(props);
   if (!isOpen) return null;
-  return /* @__PURE__ */jsx8(Portal, {
-    children: /* @__PURE__ */jsx8(AutocompleteProvider, {
+  return /* @__PURE__ */jsx11(Portal, {
+    children: /* @__PURE__ */jsx11(AutocompleteProvider, {
       value: context,
-      children: /* @__PURE__ */jsx8(AnimatedPressable, {
+      children: /* @__PURE__ */jsx11(AnimatedPressable, {
         ref,
         entering: overlayEntering,
         exiting: overlayExiting,
@@ -632,9 +739,9 @@ var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
 AutocompleteOverlay.displayName = "XAUI.Autocomplete.Overlay";
 
 // src/components/autocomplete/autocomplete-trigger.tsx
-import { forwardRef as forwardRef7, useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
+import { forwardRef as forwardRef11, useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var AutocompleteTrigger = forwardRef11(function AutocompleteTrigger2({
   children,
   asChild = false,
   accessibilityRole = "combobox",
@@ -654,7 +761,9 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
     isDisabled,
     isInvalid,
     toggle,
-    setAnchor
+    setAnchor,
+    labelId,
+    descriptionId
   } = useAutocomplete();
   const [styleProps, rest] = useStyleProps(props);
   const [isPressed, press] = usePressState({
@@ -685,9 +794,9 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
     measure();
     toggle();
   }, [measure, onPress, toggle]);
-  return /* @__PURE__ */jsx9(IconContext.Provider, {
+  return /* @__PURE__ */jsx12(IconContext.Provider, {
     value: glyph,
-    children: /* @__PURE__ */jsx9(PressableFeedback, {
+    children: /* @__PURE__ */jsx12(PressableFeedback, {
       ref: refs,
       isPressed,
       isDisabled,
@@ -699,6 +808,8 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
         ...accessibilityState
       },
       "aria-invalid": isInvalid || void 0,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
       ...rest,
       onLayout: handleLayout,
       style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
@@ -714,10 +825,10 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
 AutocompleteTrigger.displayName = "XAUI.Autocomplete.Trigger";
 
 // src/components/autocomplete/autocomplete-value.tsx
-import { forwardRef as forwardRef8 } from "react";
-import { Text as Text3 } from "react-native";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var AutocompleteValue = forwardRef8(function AutocompleteValue2({
+import { forwardRef as forwardRef12 } from "react";
+import { Text as Text6 } from "react-native";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var AutocompleteValue = forwardRef12(function AutocompleteValue2({
   children,
   placeholder,
   style,
@@ -732,7 +843,7 @@ var AutocompleteValue = forwardRef8(function AutocompleteValue2({
   const [styleProps, rest] = useStyleProps(props);
   const label = children ?? (value === void 0 ? void 0 : labelFor(value));
   const isEmpty2 = label === void 0 || label === null;
-  return /* @__PURE__ */jsx10(Text3, {
+  return /* @__PURE__ */jsx13(Text6, {
     ref,
     numberOfLines: 1,
     ...rest,
@@ -743,7 +854,8 @@ var AutocompleteValue = forwardRef8(function AutocompleteValue2({
 AutocompleteValue.displayName = "XAUI.Autocomplete.Value";
 
 // src/components/autocomplete/index.ts
-var Autocomplete2 = Object.assign(Autocomplete, {
+var Autocomplete3 = Object.assign(Autocomplete, {
+  Label: AutocompleteLabel,
   Trigger: AutocompleteTrigger,
   Value: AutocompleteValue,
   Indicator: AutocompleteIndicator,
@@ -752,6 +864,8 @@ var Autocomplete2 = Object.assign(Autocomplete, {
   Search: AutocompleteSearch,
   Item: AutocompleteItem,
   ItemLabel: AutocompleteItemLabel,
-  Empty: AutocompleteEmpty
+  Empty: AutocompleteEmpty,
+  Description: AutocompleteDescription,
+  Error: AutocompleteError
 });
-export { useAutocomplete, useAutocompleteItem, autocompleteRecipe, Autocomplete, AutocompleteEmpty, AutocompleteItemLabel, AutocompleteItem, AutocompleteSearch, AutocompleteContent, AutocompleteIndicator, AutocompleteOverlay, AutocompleteTrigger, AutocompleteValue, Autocomplete2 };
+export { useAutocomplete, useAutocompleteItem, autocompleteRecipe, Autocomplete, AutocompleteEmpty, AutocompleteItemLabel, AutocompleteItem, AutocompleteSearch, AutocompleteContent, AutocompleteDescription, AutocompleteError, AutocompleteIndicator, AutocompleteLabel, AutocompleteOverlay, AutocompleteTrigger, AutocompleteValue, Autocomplete3 as Autocomplete2 };

package/dist/components/autocomplete/autocomplete-description.d.cts

@@ -0,0 +1,14 @@
+import { Text } from 'react-native';
+/**
+ * The hint under the field — what the list holds, how much of it there is. The
+ * `TextField.Description`, on a field that opens a list.
+ *
+ * It turns `danger` with `isInvalid`, like the label, and sits inset by half the field's
+ * padding so the column reads as one block rather than a label, a box and a stray line.
+ *
+ * It carries the id the trigger points at, so a screen reader reads the hint after the
+ * value rather than leaving it on screen for the sighted alone.
+ */
+export declare const AutocompleteDescription: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete-description.d.ts

@@ -0,0 +1,14 @@
+import { Text } from 'react-native';
+/**
+ * The hint under the field — what the list holds, how much of it there is. The
+ * `TextField.Description`, on a field that opens a list.
+ *
+ * It turns `danger` with `isInvalid`, like the label, and sits inset by half the field's
+ * padding so the column reads as one block rather than a label, a box and a stray line.
+ *
+ * It carries the id the trigger points at, so a screen reader reads the hint after the
+ * value rather than leaving it on screen for the sighted alone.
+ */
+export declare const AutocompleteDescription: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete-error.d.cts

@@ -0,0 +1,12 @@
+import { Text } from 'react-native';
+/**
+ * What is wrong with the chosen row, in `danger` — the `TextField.Error`, on a field that
+ * opens a list.
+ *
+ * **It always renders what it is given.** `isInvalid` paints the trigger's border and turns
+ * the label and the description, but it does not mount or unmount this slot: a slot that
+ * silently renders nothing is one you cannot debug, so you write the condition yourself.
+ */
+export declare const AutocompleteError: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete-error.d.ts

@@ -0,0 +1,12 @@
+import { Text } from 'react-native';
+/**
+ * What is wrong with the chosen row, in `danger` — the `TextField.Error`, on a field that
+ * opens a list.
+ *
+ * **It always renders what it is given.** `isInvalid` paints the trigger's border and turns
+ * the label and the description, but it does not mount or unmount this slot: a slot that
+ * silently renders nothing is one you cannot debug, so you write the condition yourself.
+ */
+export declare const AutocompleteError: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete-label.d.cts

@@ -0,0 +1,15 @@
+import { Text } from 'react-native';
+/**
+ * What the field is for — the `TextField.Label`, on a field that opens a list.
+ *
+ * It turns `danger` with `isInvalid`, so the field that is wrong is findable on a long form
+ * without reading every message. Its colour is the theme's `foreground` rather than the
+ * variant's: the label sits outside the box, on the screen behind it, so a tinted field
+ * does not tint it.
+ *
+ * It carries the id the trigger points at, which is what makes a screen reader announce
+ * "État, liste déroulante" instead of reading the placeholder and hoping.
+ */
+export declare const AutocompleteLabel: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete-label.d.ts

@@ -0,0 +1,15 @@
+import { Text } from 'react-native';
+/**
+ * What the field is for — the `TextField.Label`, on a field that opens a list.
+ *
+ * It turns `danger` with `isInvalid`, so the field that is wrong is findable on a long form
+ * without reading every message. Its colour is the theme's `foreground` rather than the
+ * variant's: the label sits outside the box, on the screen behind it, so a tinted field
+ * does not tint it.
+ *
+ * It carries the id the trigger points at, which is what makes a screen reader announce
+ * "État, liste déroulante" instead of reading the placeholder and hoping.
+ */
+export declare const AutocompleteLabel: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<Text>>;

package/dist/components/autocomplete/autocomplete.d.cts

@@ -1,9 +1,10 @@
-import type { AutocompleteProps } from './autocomplete.type';
+import { View } from 'react-native';
 /**
  * A field that opens a list you search.
  *
  * ```tsx
  * <Autocomplete onValueChange={setState}>
+ *   <Autocomplete.Label>État</Autocomplete.Label>
  *   <Autocomplete.Trigger>
  *     <Autocomplete.Value placeholder="Choisir un état" />
  *     <Autocomplete.Indicator />
@@ -15,6 +16,7 @@ import type { AutocompleteProps } from './autocomplete.type';
  *     <Autocomplete.Item value="tx">Texas</Autocomplete.Item>
  *     <Autocomplete.Empty>Aucun résultat</Autocomplete.Empty>
  *   </Autocomplete.Content>
+ *   <Autocomplete.Description>Cinquante États, une seule ligne.</Autocomplete.Description>
  * </Autocomplete>
  * ```
  *
@@ -30,10 +32,51 @@ import type { AutocompleteProps } from './autocomplete.type';
  * the drift would show as a select and an autocomplete side by side in a form with fields
  * half a shade apart.
  *
- * **The root renders no node.** It is state and resolved style around a trigger and a
- * panel, so `ref`, `style` and the a11y props live on `Autocomplete.Trigger`.
+ * **The root is the column, not the field** — the `TextField`'s shape, and the
+ * `DatePicker`'s: a `View` that stacks `Autocomplete.Label`, the trigger and
+ * `Autocomplete.Description` / `.Error` with one `gap`, so JSX order is screen order. It is
+ * the column and the help lines that make this a field on a form rather than a button that
+ * opens a list, and they are the `TextField`'s token for token — a text field and an
+ * autocomplete on the same form read as one control.
+ *
+ * `Autocomplete.Trigger` is the field, and it keeps its own `ref` — it is the node the
+ * panel measures. `Autocomplete.Overlay` and `Autocomplete.Content` portal out, so they add
+ * nothing to the column.
  */
-export declare function Autocomplete({ children, variant, size, radius, color, value: controlledValue, defaultValue, onValueChange, isOpen: controlledOpen, defaultOpen, onOpenChange, query: controlledQuery, defaultQuery, onQueryChange, isDisabled, isInvalid, }: AutocompleteProps): import("react").JSX.Element;
-export declare namespace Autocomplete {
-    var displayName: string;
-}
+export declare const Autocomplete: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    variant?: import("./autocomplete.type").AutocompleteVariant;
+    size?: import("./autocomplete.type").AutocompleteSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    asChild?: boolean;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    variant?: import("./autocomplete.type").AutocompleteVariant;
+    size?: import("./autocomplete.type").AutocompleteSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    asChild?: boolean;
+}> & Omit<import("../..").ViewStyleProps, "color" | "value" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "asChild" | "radius" | "size" | "variant" | "defaultValue" | "onValueChange" | "isOpen" | "defaultOpen" | "onOpenChange" | "isInvalid" | "query" | "defaultQuery" | "onQueryChange"> & import("react").RefAttributes<View>>;