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

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

@@ -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>>;

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

@@ -34,13 +34,15 @@ type AutocompleteOwnProps = {
     onQueryChange?: (query: string) => void;
     isDisabled?: boolean;
     isInvalid?: boolean;
+    asChild?: boolean;
 };
 /**
- * The root renders **no node**, like the `Select`'s. It is state and resolved style around
- * a trigger and a panel, and the trigger is the control — which is why `ref`, `style`,
- * `testID`, the a11y props and R14's style props are all on `Autocomplete.Trigger`.
+ * The root is the **column** — a `View` stacking the label, the trigger and the help line —
+ * so `ref`, `style` and R14's style props here dress that column. The control itself is
+ * `Autocomplete.Trigger`, which keeps its own `ref` and its own a11y props: it is the node
+ * the panel measures and the node a screen reader stops on.
  */
-export type AutocompleteProps = AutocompleteOwnProps;
+export type AutocompleteProps = AutocompleteOwnProps & Omit<ViewProps, keyof AutocompleteOwnProps> & Omit<ViewStyleProps, keyof AutocompleteOwnProps | keyof ViewProps>;
 export type AutocompleteTriggerProps = {
     children?: ReactNode;
     asChild?: boolean;
@@ -51,6 +53,15 @@ type AutocompleteTextOwnProps = {
 };
 export type AutocompleteValueProps = AutocompleteTextOwnProps & Omit<TextProps, keyof AutocompleteTextOwnProps> & Omit<TextStyleProps, keyof AutocompleteTextOwnProps | keyof TextProps>;
 export type AutocompleteOverlayProps = ViewProps & ViewStyleProps;
+type AutocompleteTextSlotOwnProps = {
+    children?: ReactNode;
+};
+/** What the field is for — the `TextField.Label`, on a field that opens a list. */
+export type AutocompleteLabelProps = AutocompleteTextSlotOwnProps & Omit<TextProps, keyof AutocompleteTextSlotOwnProps> & Omit<TextStyleProps, keyof AutocompleteTextSlotOwnProps | keyof TextProps>;
+/** The hint under the field — the `TextField.Description`. */
+export type AutocompleteDescriptionProps = AutocompleteLabelProps;
+/** What is wrong with the chosen row — the `TextField.Error`. */
+export type AutocompleteErrorProps = AutocompleteLabelProps;
 /** A row's own word. It has no placeholder — a row is never empty. */
 export type AutocompleteItemLabelProps = {
     children?: ReactNode;
@@ -92,6 +103,9 @@ export type AutocompleteContextValue = {
     itemStyle: StyleProp<ViewStyle>;
     itemPressedStyle: StyleProp<ViewStyle>;
     itemLabelStyle: StyleProp<TextStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    errorStyle: StyleProp<TextStyle>;
     glyph: IconContextValue;
     placeholderColor?: string;
     value?: string;
@@ -108,6 +122,9 @@ export type AutocompleteContextValue = {
     setAnchor: (anchor: AutocompleteAnchor) => void;
     labelFor: (value: string) => string | undefined;
     registerLabel: (value: string, label: string) => void;
+    /** The ids the trigger points at, so the label and the hint are what it is announced by. */
+    labelId: string;
+    descriptionId: string;
 };
 /** What one row publishes to its own slots. */
 export type AutocompleteItemContextValue = {

package/dist/components/autocomplete/autocomplete.type.d.ts

@@ -34,13 +34,15 @@ type AutocompleteOwnProps = {
     onQueryChange?: (query: string) => void;
     isDisabled?: boolean;
     isInvalid?: boolean;
+    asChild?: boolean;
 };
 /**
- * The root renders **no node**, like the `Select`'s. It is state and resolved style around
- * a trigger and a panel, and the trigger is the control — which is why `ref`, `style`,
- * `testID`, the a11y props and R14's style props are all on `Autocomplete.Trigger`.
+ * The root is the **column** — a `View` stacking the label, the trigger and the help line —
+ * so `ref`, `style` and R14's style props here dress that column. The control itself is
+ * `Autocomplete.Trigger`, which keeps its own `ref` and its own a11y props: it is the node
+ * the panel measures and the node a screen reader stops on.
  */
-export type AutocompleteProps = AutocompleteOwnProps;
+export type AutocompleteProps = AutocompleteOwnProps & Omit<ViewProps, keyof AutocompleteOwnProps> & Omit<ViewStyleProps, keyof AutocompleteOwnProps | keyof ViewProps>;
 export type AutocompleteTriggerProps = {
     children?: ReactNode;
     asChild?: boolean;
@@ -51,6 +53,15 @@ type AutocompleteTextOwnProps = {
 };
 export type AutocompleteValueProps = AutocompleteTextOwnProps & Omit<TextProps, keyof AutocompleteTextOwnProps> & Omit<TextStyleProps, keyof AutocompleteTextOwnProps | keyof TextProps>;
 export type AutocompleteOverlayProps = ViewProps & ViewStyleProps;
+type AutocompleteTextSlotOwnProps = {
+    children?: ReactNode;
+};
+/** What the field is for — the `TextField.Label`, on a field that opens a list. */
+export type AutocompleteLabelProps = AutocompleteTextSlotOwnProps & Omit<TextProps, keyof AutocompleteTextSlotOwnProps> & Omit<TextStyleProps, keyof AutocompleteTextSlotOwnProps | keyof TextProps>;
+/** The hint under the field — the `TextField.Description`. */
+export type AutocompleteDescriptionProps = AutocompleteLabelProps;
+/** What is wrong with the chosen row — the `TextField.Error`. */
+export type AutocompleteErrorProps = AutocompleteLabelProps;
 /** A row's own word. It has no placeholder — a row is never empty. */
 export type AutocompleteItemLabelProps = {
     children?: ReactNode;
@@ -92,6 +103,9 @@ export type AutocompleteContextValue = {
     itemStyle: StyleProp<ViewStyle>;
     itemPressedStyle: StyleProp<ViewStyle>;
     itemLabelStyle: StyleProp<TextStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    errorStyle: StyleProp<TextStyle>;
     glyph: IconContextValue;
     placeholderColor?: string;
     value?: string;
@@ -108,6 +122,9 @@ export type AutocompleteContextValue = {
     setAnchor: (anchor: AutocompleteAnchor) => void;
     labelFor: (value: string) => string | undefined;
     registerLabel: (value: string, label: string) => void;
+    /** The ids the trigger points at, so the label and the hint are what it is announced by. */
+    labelId: string;
+    descriptionId: string;
 };
 /** What one row publishes to its own slots. */
 export type AutocompleteItemContextValue = {

package/dist/components/autocomplete/index.cjs

@@ -13,9 +13,13 @@
 
 
 
-var _chunkWH7MFY3Hcjs = require('../../chunk-WH7MFY3H.cjs');
+
+
+
+var _chunkJMHB7K53cjs = require('../../chunk-JMHB7K53.cjs');
 require('../../chunk-FJGPDWMS.cjs');
 require('../../chunk-YVYYONTP.cjs');
+require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-XILRXEUL.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
@@ -47,4 +51,7 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Autocomplete = _chunkWH7MFY3Hcjs.Autocomplete2; exports.AutocompleteContent = _chunkWH7MFY3Hcjs.AutocompleteContent; exports.AutocompleteEmpty = _chunkWH7MFY3Hcjs.AutocompleteEmpty; exports.AutocompleteIndicator = _chunkWH7MFY3Hcjs.AutocompleteIndicator; exports.AutocompleteItem = _chunkWH7MFY3Hcjs.AutocompleteItem; exports.AutocompleteItemLabel = _chunkWH7MFY3Hcjs.AutocompleteItemLabel; exports.AutocompleteOverlay = _chunkWH7MFY3Hcjs.AutocompleteOverlay; exports.AutocompleteRoot = _chunkWH7MFY3Hcjs.Autocomplete; exports.AutocompleteSearch = _chunkWH7MFY3Hcjs.AutocompleteSearch; exports.AutocompleteTrigger = _chunkWH7MFY3Hcjs.AutocompleteTrigger; exports.AutocompleteValue = _chunkWH7MFY3Hcjs.AutocompleteValue; exports.autocompleteRecipe = _chunkWH7MFY3Hcjs.autocompleteRecipe; exports.useAutocomplete = _chunkWH7MFY3Hcjs.useAutocomplete; exports.useAutocompleteItem = _chunkWH7MFY3Hcjs.useAutocompleteItem;
+
+
+
+exports.Autocomplete = _chunkJMHB7K53cjs.Autocomplete2; exports.AutocompleteContent = _chunkJMHB7K53cjs.AutocompleteContent; exports.AutocompleteDescription = _chunkJMHB7K53cjs.AutocompleteDescription; exports.AutocompleteEmpty = _chunkJMHB7K53cjs.AutocompleteEmpty; exports.AutocompleteError = _chunkJMHB7K53cjs.AutocompleteError; exports.AutocompleteIndicator = _chunkJMHB7K53cjs.AutocompleteIndicator; exports.AutocompleteItem = _chunkJMHB7K53cjs.AutocompleteItem; exports.AutocompleteItemLabel = _chunkJMHB7K53cjs.AutocompleteItemLabel; exports.AutocompleteLabel = _chunkJMHB7K53cjs.AutocompleteLabel; exports.AutocompleteOverlay = _chunkJMHB7K53cjs.AutocompleteOverlay; exports.AutocompleteRoot = _chunkJMHB7K53cjs.Autocomplete; exports.AutocompleteSearch = _chunkJMHB7K53cjs.AutocompleteSearch; exports.AutocompleteTrigger = _chunkJMHB7K53cjs.AutocompleteTrigger; exports.AutocompleteValue = _chunkJMHB7K53cjs.AutocompleteValue; exports.autocompleteRecipe = _chunkJMHB7K53cjs.autocompleteRecipe; exports.useAutocomplete = _chunkJMHB7K53cjs.useAutocomplete; exports.useAutocompleteItem = _chunkJMHB7K53cjs.useAutocompleteItem;

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

@@ -1,6 +1,44 @@
-import { Autocomplete as AutocompleteRoot } from './autocomplete';
 import { AutocompleteIndicator } from './autocomplete-indicator';
-export declare const Autocomplete: typeof AutocompleteRoot & {
+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<import("react-native").View>> & {
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
     Trigger: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
         asChild?: boolean;
@@ -57,17 +95,26 @@ export declare const Autocomplete: typeof AutocompleteRoot & {
     Empty: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
     } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
 };
 export { Autocomplete as AutocompleteRoot } from './autocomplete';
 export { AutocompleteContent } from './autocomplete-content';
+export { AutocompleteDescription } from './autocomplete-description';
 export { AutocompleteEmpty } from './autocomplete-empty';
+export { AutocompleteError } from './autocomplete-error';
 export { AutocompleteIndicator } from './autocomplete-indicator';
 export { AutocompleteItem } from './autocomplete-item';
 export { AutocompleteItemLabel } from './autocomplete-item-label';
+export { AutocompleteLabel } from './autocomplete-label';
 export { AutocompleteOverlay } from './autocomplete-overlay';
 export { AutocompleteSearch } from './autocomplete-search';
 export { AutocompleteTrigger } from './autocomplete-trigger';
 export { AutocompleteValue } from './autocomplete-value';
 export { useAutocomplete, useAutocompleteItem } from './autocomplete.context';
 export { autocompleteRecipe } from './autocomplete.recipe';
-export type { AutocompleteContentProps, AutocompleteContextValue, AutocompleteEmptyProps, AutocompleteItemContextValue, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSearchProps, AutocompleteSize, AutocompleteSlot, AutocompleteTriggerProps, AutocompleteValueProps, AutocompleteVariant, } from './autocomplete.type';
+export type { AutocompleteContentProps, AutocompleteContextValue, AutocompleteDescriptionProps, AutocompleteEmptyProps, AutocompleteErrorProps, AutocompleteItemContextValue, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteLabelProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSearchProps, AutocompleteSize, AutocompleteSlot, AutocompleteTriggerProps, AutocompleteValueProps, AutocompleteVariant, } from './autocomplete.type';

package/dist/components/autocomplete/index.d.ts

@@ -1,6 +1,44 @@
-import { Autocomplete as AutocompleteRoot } from './autocomplete';
 import { AutocompleteIndicator } from './autocomplete-indicator';
-export declare const Autocomplete: typeof AutocompleteRoot & {
+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<import("react-native").View>> & {
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
     Trigger: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
         asChild?: boolean;
@@ -57,17 +95,26 @@ export declare const Autocomplete: typeof AutocompleteRoot & {
     Empty: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
     } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
 };
 export { Autocomplete as AutocompleteRoot } from './autocomplete';
 export { AutocompleteContent } from './autocomplete-content';
+export { AutocompleteDescription } from './autocomplete-description';
 export { AutocompleteEmpty } from './autocomplete-empty';
+export { AutocompleteError } from './autocomplete-error';
 export { AutocompleteIndicator } from './autocomplete-indicator';
 export { AutocompleteItem } from './autocomplete-item';
 export { AutocompleteItemLabel } from './autocomplete-item-label';
+export { AutocompleteLabel } from './autocomplete-label';
 export { AutocompleteOverlay } from './autocomplete-overlay';
 export { AutocompleteSearch } from './autocomplete-search';
 export { AutocompleteTrigger } from './autocomplete-trigger';
 export { AutocompleteValue } from './autocomplete-value';
 export { useAutocomplete, useAutocompleteItem } from './autocomplete.context';
 export { autocompleteRecipe } from './autocomplete.recipe';
-export type { AutocompleteContentProps, AutocompleteContextValue, AutocompleteEmptyProps, AutocompleteItemContextValue, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSearchProps, AutocompleteSize, AutocompleteSlot, AutocompleteTriggerProps, AutocompleteValueProps, AutocompleteVariant, } from './autocomplete.type';
+export type { AutocompleteContentProps, AutocompleteContextValue, AutocompleteDescriptionProps, AutocompleteEmptyProps, AutocompleteErrorProps, AutocompleteItemContextValue, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteLabelProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSearchProps, AutocompleteSize, AutocompleteSlot, AutocompleteTriggerProps, AutocompleteValueProps, AutocompleteVariant, } from './autocomplete.type';

package/dist/components/autocomplete/index.js

@@ -2,10 +2,13 @@ import {
   Autocomplete,
   Autocomplete2,
   AutocompleteContent,
+  AutocompleteDescription,
   AutocompleteEmpty,
+  AutocompleteError,
   AutocompleteIndicator,
   AutocompleteItem,
   AutocompleteItemLabel,
+  AutocompleteLabel,
   AutocompleteOverlay,
   AutocompleteSearch,
   AutocompleteTrigger,
@@ -13,9 +16,10 @@ import {
   autocompleteRecipe,
   useAutocomplete,
   useAutocompleteItem
-} from "../../chunk-VQG7K5QE.js";
+} from "../../chunk-XJEG4Q2R.js";
 import "../../chunk-4WCBZFAK.js";
 import "../../chunk-Z6FRP4EV.js";
+import "../../chunk-NTVPLDJC.js";
 import "../../chunk-AMFGATFY.js";
 import "../../chunk-2PMXMKS5.js";
 import "../../chunk-64MXEVT3.js";
@@ -35,10 +39,13 @@ import "../../chunk-M63GFNKV.js";
 export {
   Autocomplete2 as Autocomplete,
   AutocompleteContent,
+  AutocompleteDescription,
   AutocompleteEmpty,
+  AutocompleteError,
   AutocompleteIndicator,
   AutocompleteItem,
   AutocompleteItemLabel,
+  AutocompleteLabel,
   AutocompleteOverlay,
   Autocomplete as AutocompleteRoot,
   AutocompleteSearch,

package/dist/components/color-picker/index.cjs

@@ -14,9 +14,9 @@ var _chunk3DQCHPB6cjs = require('../../chunk-3DQCHPB6.cjs');
 require('../../chunk-YUCK5VJO.cjs');
 require('../../chunk-NRU5APUE.cjs');
 require('../../chunk-2IOL3VDP.cjs');
-require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-C2S6J27O.cjs');
 require('../../chunk-WNEDQTH6.cjs');
+require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
 require('../../chunk-7EIHHOHP.cjs');

package/dist/components/color-picker/index.js

@@ -14,9 +14,9 @@ import {
 import "../../chunk-MXSIY6QQ.js";
 import "../../chunk-MZUYTCCB.js";
 import "../../chunk-JYV53WUN.js";
-import "../../chunk-NTVPLDJC.js";
 import "../../chunk-5G36GMFS.js";
 import "../../chunk-SIX5AVXG.js";
+import "../../chunk-NTVPLDJC.js";
 import "../../chunk-2PMXMKS5.js";
 import "../../chunk-64MXEVT3.js";
 import "../../chunk-F6W3JQ7K.js";

package/dist/components/combobox/combobox.type.d.cts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { TextInputProps, ViewProps } from 'react-native';
 import type { ViewStyleProps, TextStyleProps } from '../../system/style-props';
-import type { AutocompleteContentProps, AutocompleteEmptyProps, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSize, AutocompleteVariant } from '../autocomplete';
+import type { AutocompleteContentProps, AutocompleteDescriptionProps, AutocompleteEmptyProps, AutocompleteErrorProps, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteLabelProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSize, AutocompleteVariant } from '../autocomplete';
 /** The `Autocomplete`'s four field levels, because the box is the same field. */
 export type ComboboxVariant = AutocompleteVariant;
 export type ComboboxSize = AutocompleteSize;
@@ -36,4 +36,8 @@ export type ComboboxOverlayProps = AutocompleteOverlayProps;
 export type ComboboxItemProps = AutocompleteItemProps;
 export type ComboboxItemLabelProps = AutocompleteItemLabelProps;
 export type ComboboxEmptyProps = AutocompleteEmptyProps;
+/** The label and the help lines are the `Autocomplete`'s, because the column is. */
+export type ComboboxLabelProps = AutocompleteLabelProps;
+export type ComboboxDescriptionProps = AutocompleteDescriptionProps;
+export type ComboboxErrorProps = AutocompleteErrorProps;
 export {};

package/dist/components/combobox/combobox.type.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { TextInputProps, ViewProps } from 'react-native';
 import type { ViewStyleProps, TextStyleProps } from '../../system/style-props';
-import type { AutocompleteContentProps, AutocompleteEmptyProps, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSize, AutocompleteVariant } from '../autocomplete';
+import type { AutocompleteContentProps, AutocompleteDescriptionProps, AutocompleteEmptyProps, AutocompleteErrorProps, AutocompleteItemLabelProps, AutocompleteItemProps, AutocompleteLabelProps, AutocompleteOverlayProps, AutocompleteProps, AutocompleteSize, AutocompleteVariant } from '../autocomplete';
 /** The `Autocomplete`'s four field levels, because the box is the same field. */
 export type ComboboxVariant = AutocompleteVariant;
 export type ComboboxSize = AutocompleteSize;
@@ -36,4 +36,8 @@ export type ComboboxOverlayProps = AutocompleteOverlayProps;
 export type ComboboxItemProps = AutocompleteItemProps;
 export type ComboboxItemLabelProps = AutocompleteItemLabelProps;
 export type ComboboxEmptyProps = AutocompleteEmptyProps;
+/** The label and the help lines are the `Autocomplete`'s, because the column is. */
+export type ComboboxLabelProps = AutocompleteLabelProps;
+export type ComboboxDescriptionProps = AutocompleteDescriptionProps;
+export type ComboboxErrorProps = AutocompleteErrorProps;
 export {};

package/dist/components/combobox/index.cjs

@@ -4,12 +4,13 @@
 
 
 
-var _chunkXCEDD7PEcjs = require('../../chunk-XCEDD7PE.cjs');
+var _chunkGEWYOB25cjs = require('../../chunk-GEWYOB25.cjs');
 
 
-var _chunkWH7MFY3Hcjs = require('../../chunk-WH7MFY3H.cjs');
+var _chunkJMHB7K53cjs = require('../../chunk-JMHB7K53.cjs');
 require('../../chunk-FJGPDWMS.cjs');
 require('../../chunk-YVYYONTP.cjs');
+require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-XILRXEUL.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
@@ -33,4 +34,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Combobox = _chunkXCEDD7PEcjs.Combobox; exports.ComboboxIndicator = _chunkXCEDD7PEcjs.ComboboxIndicator; exports.ComboboxInput = _chunkXCEDD7PEcjs.ComboboxInput; exports.ComboboxRoot = _chunkXCEDD7PEcjs.ComboboxRoot; exports.ComboboxTrigger = _chunkXCEDD7PEcjs.ComboboxTrigger; exports.useCombobox = _chunkWH7MFY3Hcjs.useAutocomplete;
+exports.Combobox = _chunkGEWYOB25cjs.Combobox; exports.ComboboxIndicator = _chunkGEWYOB25cjs.ComboboxIndicator; exports.ComboboxInput = _chunkGEWYOB25cjs.ComboboxInput; exports.ComboboxRoot = _chunkGEWYOB25cjs.ComboboxRoot; exports.ComboboxTrigger = _chunkGEWYOB25cjs.ComboboxTrigger; exports.useCombobox = _chunkJMHB7K53cjs.useAutocomplete;

package/dist/components/combobox/index.d.cts

@@ -11,9 +11,17 @@ import { ComboboxRoot } from './combobox';
  *   by name. A `Combobox.Item` that were a different component would be sorted into "not a
  *   row", would never be filtered, and would never register its label.
  *
+ * The label and the help lines come from the same place, and for the same reason: the root
+ * **is** the `Autocomplete`'s, so the column it renders is already the `TextField`'s, and a
+ * combobox that labelled its field differently from the text field beside it would be the
+ * drift this sharing exists to prevent.
+ *
  * What this component owns is the three slots that make the field the control.
  */
 export declare const Combobox: typeof ComboboxRoot & {
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
     Trigger: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
         asChild?: boolean;
@@ -73,6 +81,12 @@ export declare const Combobox: typeof ComboboxRoot & {
     Empty: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
     } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
 };
 export { ComboboxRoot } from './combobox';
 export { ComboboxIndicator } from './combobox-indicator';
@@ -80,4 +94,4 @@ export { ComboboxInput } from './combobox-input';
 export { ComboboxTrigger } from './combobox-trigger';
 /** The state hook is the `Autocomplete`'s too, because the state is (R10). */
 export { useAutocomplete as useCombobox } from '../autocomplete';
-export type { ComboboxContentProps, ComboboxEmptyProps, ComboboxInputProps, ComboboxItemLabelProps, ComboboxItemProps, ComboboxOverlayProps, ComboboxProps, ComboboxSize, ComboboxTriggerProps, ComboboxVariant, } from './combobox.type';
+export type { ComboboxContentProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxErrorProps, ComboboxInputProps, ComboboxItemLabelProps, ComboboxItemProps, ComboboxLabelProps, ComboboxOverlayProps, ComboboxProps, ComboboxSize, ComboboxTriggerProps, ComboboxVariant, } from './combobox.type';

package/dist/components/combobox/index.d.ts

@@ -11,9 +11,17 @@ import { ComboboxRoot } from './combobox';
  *   by name. A `Combobox.Item` that were a different component would be sorted into "not a
  *   row", would never be filtered, and would never register its label.
  *
+ * The label and the help lines come from the same place, and for the same reason: the root
+ * **is** the `Autocomplete`'s, so the column it renders is already the `TextField`'s, and a
+ * combobox that labelled its field differently from the text field beside it would be the
+ * drift this sharing exists to prevent.
+ *
  * What this component owns is the three slots that make the field the control.
  */
 export declare const Combobox: typeof ComboboxRoot & {
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
     Trigger: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
         asChild?: boolean;
@@ -73,6 +81,12 @@ export declare const Combobox: typeof ComboboxRoot & {
     Empty: import("react").ForwardRefExoticComponent<{
         children?: import("react").ReactNode;
     } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
 };
 export { ComboboxRoot } from './combobox';
 export { ComboboxIndicator } from './combobox-indicator';
@@ -80,4 +94,4 @@ export { ComboboxInput } from './combobox-input';
 export { ComboboxTrigger } from './combobox-trigger';
 /** The state hook is the `Autocomplete`'s too, because the state is (R10). */
 export { useAutocomplete as useCombobox } from '../autocomplete';
-export type { ComboboxContentProps, ComboboxEmptyProps, ComboboxInputProps, ComboboxItemLabelProps, ComboboxItemProps, ComboboxOverlayProps, ComboboxProps, ComboboxSize, ComboboxTriggerProps, ComboboxVariant, } from './combobox.type';
+export type { ComboboxContentProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxErrorProps, ComboboxInputProps, ComboboxItemLabelProps, ComboboxItemProps, ComboboxLabelProps, ComboboxOverlayProps, ComboboxProps, ComboboxSize, ComboboxTriggerProps, ComboboxVariant, } from './combobox.type';

package/dist/components/combobox/index.js

@@ -4,12 +4,13 @@ import {
   ComboboxInput,
   ComboboxRoot,
   ComboboxTrigger
-} from "../../chunk-EXONAJUX.js";
+} from "../../chunk-IYUT2IKZ.js";
 import {
   useAutocomplete
-} from "../../chunk-VQG7K5QE.js";
+} from "../../chunk-XJEG4Q2R.js";
 import "../../chunk-4WCBZFAK.js";
 import "../../chunk-Z6FRP4EV.js";
+import "../../chunk-NTVPLDJC.js";
 import "../../chunk-AMFGATFY.js";
 import "../../chunk-2PMXMKS5.js";
 import "../../chunk-64MXEVT3.js";