@xaui/native 0.9.1-alpha.94 → 0.9.1-beta.100

package/dist/{chunk-MNBEUNC5.cjs → chunk-QRH45OO3.cjs}

@@ -38,7 +38,8 @@ function _optionalChain(ops) {
 }
 var _chunkFJGPDWMScjs = require('./chunk-FJGPDWMS.cjs');
 var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
-var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
+var _chunkBKY5YQ7Wcjs = require('./chunk-BKY5YQ7W.cjs');
+var _chunkL4B6Z45Qcjs = require('./chunk-L4B6Z45Q.cjs');
 var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
 var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
 var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
@@ -139,7 +140,7 @@ var autocompleteRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
 
 // src/components/autocomplete/autocomplete.tsx
 var _jsxruntime = require('react/jsx-runtime');
-function Autocomplete({
+var Autocomplete = _react.forwardRef.call(void 0, function Autocomplete2({
   children,
   variant,
   size,
@@ -155,14 +156,21 @@ function Autocomplete({
   defaultQuery = "",
   onQueryChange,
   isDisabled = false,
-  isInvalid = false
-}) {
+  isInvalid = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
   const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const {
     labelFor,
     registerLabel
   } = _chunkFJGPDWMScjs.useLabelRegistry.call(void 0);
   const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const id = _react.useId.call(void 0);
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
   const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: controlledValue,
     defaultValue,
@@ -185,25 +193,32 @@ function Autocomplete({
     isOpen: isOpen ? "true" : void 0,
     isInvalid: isInvalid ? "true" : void 0
   };
-  const styles = _chunkJ5COSALOcjs.selectRecipe.resolve({
+  const styles = _chunkL4B6Z45Qcjs.selectRecipe.resolve({
     theme,
-    selection,
-    states: {
-      disabled: isDisabled
-    }
+    selection
   });
-  const pressed = _chunkJ5COSALOcjs.selectRecipe.resolve({
+  const pressed = _chunkL4B6Z45Qcjs.selectRecipe.resolve({
     theme,
     selection,
     states: {
       pressed: true
     }
   });
-  const tint = color ? _chunkJ5COSALOcjs.selectRecipe.tint({
+  const tint = color ? _chunkL4B6Z45Qcjs.selectRecipe.tint({
     theme,
     color,
     selection
   }) : void 0;
+  const labelled = _chunkBKY5YQ7Wcjs.textFieldRecipe.resolve({
+    theme,
+    selection: {
+      size,
+      isInvalid: isInvalid ? "true" : void 0
+    },
+    states: {
+      disabled: isDisabled
+    }
+  });
   const own = autocompleteRecipe.resolve({
     theme,
     selection: {
@@ -246,6 +261,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
@@ -264,14 +282,31 @@ 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__ */
+  _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  }) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  });
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteProvider, {
     value: context,
-    children
+    children: column
   });
-}
+});
 Autocomplete.displayName = "XAUI.Autocomplete.Root";
 
 // src/components/autocomplete/autocomplete-content.tsx
@@ -564,11 +599,54 @@ function partition(children) {
   };
 }
 
+// src/components/autocomplete/autocomplete-description.tsx
+
+var AutocompleteDescription = _react.forwardRef.call(void 0, function AutocompleteDescription2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    descriptionStyle,
+    descriptionId
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    nativeID: _nullishCoalesce(nativeID, () => descriptionId),
+    style: [descriptionStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteDescription.displayName = "XAUI.Autocomplete.Description";
+
+// src/components/autocomplete/autocomplete-error.tsx
+
+var AutocompleteError = _react.forwardRef.call(void 0, function AutocompleteError2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    errorStyle
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    style: [errorStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteError.displayName = "XAUI.Autocomplete.Error";
+
 // src/components/autocomplete/autocomplete-indicator.tsx
-const _worklet_1062027869941_init_data = {
-  code: "function chunkMNBEUNC5Cjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MNBEUNC5.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkMNBEUNC5Cjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MNBEUNC5.cjs\"],\"mappings\":\"AA4hBwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+const _worklet_11757462218469_init_data = {
+  code: "function chunkQRH45OO3Cjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-QRH45OO3.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkQRH45OO3Cjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-QRH45OO3.cjs\"],\"mappings\":\"AAwlBwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function AutocompleteIndicator(props) {
   const {
@@ -582,32 +660,32 @@ function AutocompleteIndicator(props) {
   _react.useEffect.call(void 0, () => {
     progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
   }, [isOpen, progress]);
-  const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMNBEUNC5Cjs1Factory({
-    _worklet_1062027869941_init_data,
+  const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkQRH45OO3Cjs1Factory({
+    _worklet_11757462218469_init_data,
     _reactnativereanimated,
     progress,
     _chunkEKS3W46Mcjs
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkMNBEUNC5Cjs1 = function () {
+    const chunkQRH45OO3Cjs1 = function () {
       return {
         transform: [{
           rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
         }]
       };
     };
-    chunkMNBEUNC5Cjs1.__closure = {
+    chunkQRH45OO3Cjs1.__closure = {
       _reactnativereanimated,
       progress,
       _chunkEKS3W46Mcjs
     };
-    chunkMNBEUNC5Cjs1.__workletHash = 1062027869941;
-    chunkMNBEUNC5Cjs1.__pluginVersion = "0.7.4";
-    chunkMNBEUNC5Cjs1.__initData = _worklet_1062027869941_init_data;
-    chunkMNBEUNC5Cjs1.__stackDetails = _e;
-    return chunkMNBEUNC5Cjs1;
+    chunkQRH45OO3Cjs1.__workletHash = 11757462218469;
+    chunkQRH45OO3Cjs1.__pluginVersion = "0.7.4";
+    chunkQRH45OO3Cjs1.__initData = _worklet_11757462218469_init_data;
+    chunkQRH45OO3Cjs1.__stackDetails = _e;
+    return chunkQRH45OO3Cjs1;
   }({
-    _worklet_1062027869941_init_data,
+    _worklet_11757462218469_init_data,
     _reactnativereanimated,
     progress,
     _chunkEKS3W46Mcjs
@@ -621,6 +699,29 @@ function AutocompleteIndicator(props) {
 }
 AutocompleteIndicator.displayName = "XAUI.Autocomplete.Indicator";
 
+// src/components/autocomplete/autocomplete-label.tsx
+
+var AutocompleteLabel = _react.forwardRef.call(void 0, function AutocompleteLabel2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    labelStyle,
+    labelId
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    nativeID: _nullishCoalesce(nativeID, () => labelId),
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteLabel.displayName = "XAUI.Autocomplete.Label";
+
 // src/components/autocomplete/autocomplete-overlay.tsx
 
 var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
@@ -678,7 +779,9 @@ var AutocompleteTrigger = _react.forwardRef.call(void 0, function AutocompleteTr
     isDisabled,
     isInvalid,
     toggle,
-    setAnchor
+    setAnchor,
+    labelId,
+    descriptionId
   } = useAutocomplete();
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
@@ -723,6 +826,8 @@ var AutocompleteTrigger = _react.forwardRef.call(void 0, function AutocompleteTr
         ...accessibilityState
       },
       "aria-invalid": isInvalid || void 0,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
       ...rest,
       onLayout: handleLayout,
       style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
@@ -765,7 +870,8 @@ var AutocompleteValue = _react.forwardRef.call(void 0, function AutocompleteValu
 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,
@@ -774,7 +880,9 @@ var Autocomplete2 = Object.assign(Autocomplete, {
   Search: AutocompleteSearch,
   Item: AutocompleteItem,
   ItemLabel: AutocompleteItemLabel,
-  Empty: AutocompleteEmpty
+  Empty: AutocompleteEmpty,
+  Description: AutocompleteDescription,
+  Error: AutocompleteError
 });
 exports.useAutocomplete = useAutocomplete;
 exports.useAutocompleteItem = useAutocompleteItem;
@@ -785,8 +893,11 @@ exports.AutocompleteItemLabel = AutocompleteItemLabel;
 exports.AutocompleteItem = AutocompleteItem;
 exports.AutocompleteSearch = AutocompleteSearch;
 exports.AutocompleteContent = AutocompleteContent;
+exports.AutocompleteDescription = AutocompleteDescription;
+exports.AutocompleteError = AutocompleteError;
 exports.AutocompleteIndicator = AutocompleteIndicator;
+exports.AutocompleteLabel = AutocompleteLabel;
 exports.AutocompleteOverlay = AutocompleteOverlay;
 exports.AutocompleteTrigger = AutocompleteTrigger;
 exports.AutocompleteValue = AutocompleteValue;
-exports.Autocomplete2 = Autocomplete2;
+exports.Autocomplete2 = Autocomplete3;