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

package/dist/{chunk-JC4YCKKL.js → chunk-WIGDDZHO.js}

@@ -1,15 +1,16 @@
 import { collectItemLabels, useLabelRegistry } from "./chunk-4WCBZFAK.js";
 import { useAnchoredPosition } from "./chunk-Z6FRP4EV.js";
-import { selectRecipe } from "./chunk-E4FWGZH2.js";
+import { textFieldRecipe } from "./chunk-NTVPLDJC.js";
+import { selectRecipe } from "./chunk-OUNTRW6E.js";
 import { Portal } from "./chunk-2PMXMKS5.js";
 import { INDICATOR_ROTATION, INDICATOR_SPRING, anchoredEntering, anchoredExiting, overlayEntering, overlayExiting } from "./chunk-64MXEVT3.js";
 import { useMergedRef } from "./chunk-NCTOTTVW.js";
 import { useControllableState } from "./chunk-F6W3JQ7K.js";
-import { PressableFeedback } from "./chunk-2AFA5HA2.js";
+import { PressableFeedback } from "./chunk-KQW25RCC.js";
 import { usePressState } from "./chunk-423RQBOX.js";
 import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
 import { childrenToString } from "./chunk-WFZDAXDI.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";
 
@@ -210,14 +211,85 @@ var SelectContent = forwardRef3(function SelectContent2({
 });
 SelectContent.displayName = "XAUI.Select.Content";
 
+// src/components/select/select-description.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { Text as Text2 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var SelectDescription = forwardRef4(function SelectDescription2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    descriptionStyle,
+    descriptionId
+  } = useSelect();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx4(Text2, {
+    ref,
+    nativeID: nativeID ?? descriptionId,
+    style: [descriptionStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SelectDescription.displayName = "XAUI.Select.Description";
+
+// src/components/select/select-error.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { Text as Text3 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SelectError = forwardRef5(function SelectError2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    errorStyle
+  } = useSelect();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx5(Text3, {
+    ref,
+    style: [errorStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SelectError.displayName = "XAUI.Select.Error";
+
+// src/components/select/select-group-label.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { Text as Text4 } from "react-native";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var SelectGroupLabel = forwardRef6(function SelectGroupLabel2({
+  children,
+  accessibilityRole = "header",
+  style,
+  ...props
+}, ref) {
+  const {
+    groupLabelStyle
+  } = useSelect();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx6(Text4, {
+    ref,
+    accessibilityRole,
+    ...rest,
+    style: [groupLabelStyle, styleProps, style],
+    children
+  });
+});
+SelectGroupLabel.displayName = "XAUI.Select.GroupLabel";
+
 // src/components/select/select-indicator.tsx
 import { useEffect as useEffect3 } from "react";
 import Animated2, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
-import { jsx as jsx4 } from "react/jsx-runtime";
-const _worklet_10734662272923_init_data = {
-  code: "function chunkJC4YCKKLJs1(){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-JC4YCKKL.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkJC4YCKKLJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-JC4YCKKL.js\"],\"mappings\":\"AAmQoC,SAAAA,iBAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,OAAO,CACvCC,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\",\"ignoreList\":[]}"
+import { jsx as jsx7 } from "react/jsx-runtime";
+const _worklet_5045454406356_init_data = {
+  code: "function chunkWIGDDZHOJs1(){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-WIGDDZHO.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWIGDDZHOJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WIGDDZHO.js\"],\"mappings\":\"AA8ToC,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 SelectIndicator({
   as = ChevronDownIcon,
@@ -231,37 +303,39 @@ function SelectIndicator({
   useEffect3(() => {
     progress.set(withSpring(isOpen ? 1 : 0, INDICATOR_SPRING));
   }, [isOpen, progress]);
-  const rotation = useAnimatedStyle(function chunkJC4YCKKLJs1Factory({
-    _worklet_10734662272923_init_data,
+  const rotation = useAnimatedStyle(function chunkWIGDDZHOJs1Factory({
+    _worklet_5045454406356_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkJC4YCKKLJs1 = () => ({
-      transform: [{
-        rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
-      }]
-    });
-    chunkJC4YCKKLJs1.__closure = {
+    const chunkWIGDDZHOJs1 = function () {
+      return {
+        transform: [{
+          rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
+        }]
+      };
+    };
+    chunkWIGDDZHOJs1.__closure = {
       interpolate,
       progress,
       INDICATOR_ROTATION
     };
-    chunkJC4YCKKLJs1.__workletHash = 10734662272923;
-    chunkJC4YCKKLJs1.__pluginVersion = "0.7.4";
-    chunkJC4YCKKLJs1.__initData = _worklet_10734662272923_init_data;
-    chunkJC4YCKKLJs1.__stackDetails = _e;
-    return chunkJC4YCKKLJs1;
+    chunkWIGDDZHOJs1.__workletHash = 5045454406356;
+    chunkWIGDDZHOJs1.__pluginVersion = "0.7.4";
+    chunkWIGDDZHOJs1.__initData = _worklet_5045454406356_init_data;
+    chunkWIGDDZHOJs1.__stackDetails = _e;
+    return chunkWIGDDZHOJs1;
   }({
-    _worklet_10734662272923_init_data,
+    _worklet_5045454406356_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
-  }));
-  return /* @__PURE__ */jsx4(Animated2.View, {
+  }), [progress]);
+  return /* @__PURE__ */jsx7(Animated2.View, {
     style: [indicatorStyle, rotation],
-    children: /* @__PURE__ */jsx4(Icon, {
+    children: /* @__PURE__ */jsx7(Icon, {
       as,
       ...props
     })
@@ -270,10 +344,10 @@ function SelectIndicator({
 SelectIndicator.displayName = "XAUI.Select.Indicator";
 
 // src/components/select/select-item-description.tsx
-import { forwardRef as forwardRef4 } from "react";
-import { Text as Text2 } from "react-native";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SelectItemDescription = forwardRef4(function SelectItemDescription2({
+import { forwardRef as forwardRef7 } from "react";
+import { Text as Text5 } from "react-native";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var SelectItemDescription = forwardRef7(function SelectItemDescription2({
   children,
   style,
   ...props
@@ -282,7 +356,7 @@ var SelectItemDescription = forwardRef4(function SelectItemDescription2({
     itemDescriptionStyle
   } = useSelect();
   const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx5(Text2, {
+  return /* @__PURE__ */jsx8(Text5, {
     ref,
     ...rest,
     style: [itemDescriptionStyle, styleProps, style],
@@ -296,17 +370,17 @@ import { View } from "react-native";
 
 // src/components/select/check-icon.tsx
 import { Path, Svg } from "react-native-svg";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function CheckIcon({
   size = 20,
   color = "currentColor"
 }) {
-  return /* @__PURE__ */jsx6(Svg, {
+  return /* @__PURE__ */jsx9(Svg, {
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: "none",
-    children: /* @__PURE__ */jsx6(Path, {
+    children: /* @__PURE__ */jsx9(Path, {
       d: "m20 6-11 11-5-5",
       stroke: color,
       strokeWidth: 2,
@@ -318,7 +392,7 @@ function CheckIcon({
 CheckIcon.displayName = "XAUI.Select.CheckIcon";
 
 // src/components/select/select-item-indicator.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function SelectItemIndicator({
   as = CheckIcon,
   color,
@@ -331,9 +405,9 @@ function SelectItemIndicator({
   const {
     isSelected
   } = useSelectItem();
-  return /* @__PURE__ */jsx7(View, {
+  return /* @__PURE__ */jsx10(View, {
     style: itemIndicatorStyle,
-    children: isSelected ? /* @__PURE__ */jsx7(Icon, {
+    children: isSelected ? /* @__PURE__ */jsx10(Icon, {
       as,
       color: color ?? checkColor,
       ...props
@@ -343,36 +417,37 @@ function SelectItemIndicator({
 SelectItemIndicator.displayName = "XAUI.Select.ItemIndicator";
 
 // src/components/select/select-label.tsx
-import { forwardRef as forwardRef5 } from "react";
-import { Text as Text3 } from "react-native";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var SelectLabel = forwardRef5(function SelectLabel2({
+import { forwardRef as forwardRef8 } from "react";
+import { Text as Text6 } from "react-native";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var SelectLabel = forwardRef8(function SelectLabel2({
   children,
-  accessibilityRole = "header",
   style,
+  nativeID,
   ...props
 }, ref) {
   const {
-    labelStyle
+    labelStyle,
+    labelId
   } = useSelect();
   const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx8(Text3, {
+  return /* @__PURE__ */jsx11(Text6, {
     ref,
-    accessibilityRole,
-    ...rest,
+    nativeID: nativeID ?? labelId,
     style: [labelStyle, styleProps, style],
+    ...rest,
     children
   });
 });
 SelectLabel.displayName = "XAUI.Select.Label";
 
 // src/components/select/select-overlay.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef9 } from "react";
 import { Pressable } from "react-native";
 import Animated3 from "react-native-reanimated";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var AnimatedPressable = Animated3.createAnimatedComponent(Pressable);
-var SelectOverlay = forwardRef6(function SelectOverlay2({
+var SelectOverlay = forwardRef9(function SelectOverlay2({
   children,
   isDismissable = true,
   style,
@@ -386,10 +461,10 @@ var SelectOverlay = forwardRef6(function SelectOverlay2({
   } = context;
   const [styleProps, rest] = useStyleProps(props);
   if (!isOpen) return null;
-  return /* @__PURE__ */jsx9(Portal, {
-    children: /* @__PURE__ */jsx9(SelectProvider, {
+  return /* @__PURE__ */jsx12(Portal, {
+    children: /* @__PURE__ */jsx12(SelectProvider, {
       value: context,
-      children: /* @__PURE__ */jsx9(AnimatedPressable, {
+      children: /* @__PURE__ */jsx12(AnimatedPressable, {
         ref,
         entering: overlayEntering,
         exiting: overlayExiting,
@@ -406,9 +481,9 @@ var SelectOverlay = forwardRef6(function SelectOverlay2({
 SelectOverlay.displayName = "XAUI.Select.Overlay";
 
 // src/components/select/select-trigger.tsx
-import { forwardRef as forwardRef7, useCallback as useCallback2, useEffect as useEffect4, useRef } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var SelectTrigger = forwardRef7(function SelectTrigger2({
+import { forwardRef as forwardRef10, useCallback as useCallback2, useEffect as useEffect4, useRef } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var SelectTrigger = forwardRef10(function SelectTrigger2({
   children,
   asChild = false,
   accessibilityRole = "button",
@@ -428,7 +503,9 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
     isDisabled,
     isInvalid,
     toggle,
-    setAnchor
+    setAnchor,
+    labelId,
+    descriptionId
   } = useSelect();
   const [styleProps, rest] = useStyleProps(props);
   const [isPressed, press] = usePressState({
@@ -459,9 +536,9 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
     measure();
     toggle();
   }, [measure, onPress, toggle]);
-  return /* @__PURE__ */jsx10(IconContext.Provider, {
+  return /* @__PURE__ */jsx13(IconContext.Provider, {
     value: glyph,
-    children: /* @__PURE__ */jsx10(PressableFeedback, {
+    children: /* @__PURE__ */jsx13(PressableFeedback, {
       ref: refs,
       isPressed,
       isDisabled,
@@ -473,6 +550,8 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
         ...accessibilityState
       },
       "aria-invalid": isInvalid || void 0,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
       ...rest,
       onLayout: handleLayout,
       style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
@@ -488,10 +567,10 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
 SelectTrigger.displayName = "XAUI.Select.Trigger";
 
 // src/components/select/select-value.tsx
-import { forwardRef as forwardRef8 } from "react";
-import { Text as Text4 } from "react-native";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var SelectValue = forwardRef8(function SelectValue2({
+import { forwardRef as forwardRef11 } from "react";
+import { Text as Text7 } from "react-native";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SelectValue = forwardRef11(function SelectValue2({
   placeholder,
   children,
   numberOfLines = 1,
@@ -507,7 +586,7 @@ var SelectValue = forwardRef8(function SelectValue2({
   const [styleProps, rest] = useStyleProps(props);
   const label = children ?? (value !== void 0 ? labelFor(value) : void 0);
   const isEmpty = label === void 0 || label === "";
-  return /* @__PURE__ */jsx11(Text4, {
+  return /* @__PURE__ */jsx14(Text7, {
     ref,
     numberOfLines,
     ...rest,
@@ -518,10 +597,10 @@ var SelectValue = forwardRef8(function SelectValue2({
 SelectValue.displayName = "XAUI.Select.Value";
 
 // src/components/select/select.tsx
-import { useCallback as useCallback3, useMemo as useMemo2, useState } from "react";
-import { StyleSheet } from "react-native";
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Select({
+import { forwardRef as forwardRef12, useCallback as useCallback3, useId, useMemo as useMemo2, useState } from "react";
+import { StyleSheet, View as View2 } from "react-native";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Select = forwardRef12(function Select2({
   children,
   variant,
   size,
@@ -534,14 +613,21 @@ function Select({
   defaultOpen = false,
   onOpenChange,
   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,
@@ -561,10 +647,7 @@ function Select({
   };
   const styles = selectRecipe.resolve({
     theme,
-    selection,
-    states: {
-      disabled: isDisabled
-    }
+    selection
   });
   const pressed = selectRecipe.resolve({
     theme,
@@ -578,6 +661,16 @@ function Select({
     color,
     selection
   }) : void 0;
+  const labelled = textFieldRecipe.resolve({
+    theme,
+    selection: {
+      size,
+      isInvalid: isInvalid ? "true" : void 0
+    },
+    states: {
+      disabled: isDisabled
+    }
+  });
   const open = useCallback3(() => setOpen(true), [setOpen]);
   const close = useCallback3(() => setOpen(false), [setOpen]);
   const toggle = useCallback3(() => setOpen(!isOpen), [isOpen, setOpen]);
@@ -600,7 +693,10 @@ function Select({
       indicatorStyle: styles.indicator,
       overlayStyle: styles.overlay,
       contentStyle: styles.content,
-      labelStyle: styles.label,
+      groupLabelStyle: styles.groupLabel,
+      labelStyle: labelled.label,
+      descriptionStyle: labelled.description,
+      errorStyle: labelled.error,
       itemStyle: styles.item,
       itemPressedStyle: pressed.item,
       itemLabelStyle: styles.itemLabel,
@@ -626,27 +722,47 @@ function Select({
       anchor,
       setAnchor,
       labelFor,
-      registerLabel
+      registerLabel,
+      labelId,
+      descriptionId
     };
-  }, [styles, pressed, tint, value, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
-  return /* @__PURE__ */jsx12(SelectProvider, {
-    value: context,
+  }, [styles, pressed, tint, labelled, labelId, descriptionId, value, 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__ */
+  jsx15(Slot, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  }) : /* @__PURE__ */jsx15(View2, {
+    ref,
+    ...rest,
+    style: columnStyle,
     children
   });
-}
+  return /* @__PURE__ */jsx15(SelectProvider, {
+    value: context,
+    children: column
+  });
+});
 Select.displayName = "XAUI.Select.Root";
 
 // src/components/select/index.ts
-var Select2 = Object.assign(Select, {
+var Select3 = Object.assign(Select, {
+  Label: SelectLabel,
   Trigger: SelectTrigger,
   Value: SelectValue,
   Indicator: SelectIndicator,
   Overlay: SelectOverlay,
   Content: SelectContent,
-  Label: SelectLabel,
+  GroupLabel: SelectGroupLabel,
   Item: SelectItem,
   ItemLabel: SelectItemLabel,
   ItemDescription: SelectItemDescription,
-  ItemIndicator: SelectItemIndicator
+  ItemIndicator: SelectItemIndicator,
+  Description: SelectDescription,
+  Error: SelectError
 });
-export { useSelect, useSelectItem, SelectItemLabel, SelectItem, SelectContent, SelectIndicator, SelectItemDescription, CheckIcon, SelectItemIndicator, SelectLabel, SelectOverlay, SelectTrigger, SelectValue, Select, Select2 };
+export { useSelect, useSelectItem, SelectItemLabel, SelectItem, SelectContent, SelectDescription, SelectError, SelectGroupLabel, SelectIndicator, SelectItemDescription, CheckIcon, SelectItemIndicator, SelectLabel, SelectOverlay, SelectTrigger, SelectValue, Select, Select3 as Select2 };

package/dist/{chunk-ZE4IHUUO.cjs → chunk-WNEDQTH6.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -47,7 +47,7 @@ var CloseButtonBase = _react.forwardRef.call(void 0,
       );
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOW4N2C3Mcjs.PressableFeedback,
+      _chunkHBYT7B47cjs.PressableFeedback,
       {
         ref,
         isPressed,