@xaui/native 0.9.1-alpha.36 → 0.9.1-alpha.38

package/dist/{chunk-OWE5IID7.js → chunk-FHUYHV6J.js}

@@ -1,9 +1,29 @@
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/system/icon/chevron-down-icon.tsx
+import { Path, Svg } from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
+function ChevronDownIcon({
+  size = 20,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */ jsx(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+    Path,
+    {
+      d: "m6 9 6 6 6-6",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+ChevronDownIcon.displayName = "XAUI.ChevronDownIcon";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";
@@ -16,7 +36,7 @@ function useIconContext() {
 // src/system/icon/icon.tsx
 import { cloneElement, isValidElement } from "react";
 import { Image } from "react-native";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Icon(props) {
   const inherited = useIconContext();
   const theme = useXAUITheme();
@@ -24,7 +44,7 @@ function Icon(props) {
   const color = props.color ?? inherited.color ?? theme.colors.foreground;
   if (props.as) {
     const Component = props.as;
-    return /* @__PURE__ */ jsx(Component, { size, color });
+    return /* @__PURE__ */ jsx2(Component, { size, color });
   }
   if (isValidElement(props.children)) {
     return cloneElement(props.children, {
@@ -33,7 +53,7 @@ function Icon(props) {
       color
     });
   }
-  if (props.source) return /* @__PURE__ */ jsx(IconImage, { ...props, resolved: { size, color } });
+  if (props.source) return /* @__PURE__ */ jsx2(IconImage, { ...props, resolved: { size, color } });
   throw new Error(
     "XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own."
   );
@@ -48,7 +68,7 @@ function IconImage({
   ...props
 }) {
   const [styleProps] = useStyleProps(props);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     Image,
     {
       source,
@@ -62,6 +82,7 @@ function IconImage({
 }
 
 export {
+  ChevronDownIcon,
   IconContext,
   useIconContext,
   Icon

package/dist/{chunk-K7GAHNMJ.js → chunk-HA6BFY3A.js}

@@ -1,25 +1,25 @@
 import {
   CloseButton,
   closeButtonBase
-} from "./chunk-RSGIJ6RI.js";
+} from "./chunk-EYD4H4X6.js";
 import {
   Icon
-} from "./chunk-OWE5IID7.js";
+} from "./chunk-FHUYHV6J.js";
 import {
   Slot,
   childrenToString,
   createSlotContext
-} from "./chunk-YXPYOOHU.js";
+} from "./chunk-K72UDPVN.js";
 import {
   createRecipe,
   radiusAxis
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/alert/alert-close.tsx
 import { forwardRef } from "react";

package/dist/{chunk-MFXZHLOU.cjs → chunk-HOI5425P.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(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -11,16 +11,16 @@ var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
 
-var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/card/card-background.tsx
 var _react = require('react');
@@ -50,7 +50,7 @@ function partitionBackground(children) {
 }
 
 // src/components/card/card.context.ts
-var [CardProvider, useCard] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Card");
+var [CardProvider, useCard] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Card");
 
 // src/components/card/card.style.ts
 
@@ -63,7 +63,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var CardBackground = markBackground(
   _react.forwardRef.call(void 0, function CardBackground2({ children, source, style, ...props }, ref) {
     const { backgroundStyle } = useCard();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.View,
       {
@@ -85,7 +85,7 @@ CardBackground.displayName = "XAUI.Card.Background";
 
 var CardBody = _react.forwardRef.call(void 0, function CardBody2({ children, style, ...props }, ref) {
   const { bodyStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [bodyStyle, styleProps, style], ...rest, children });
 });
 CardBody.displayName = "XAUI.Card.Body";
@@ -97,7 +97,7 @@ CardBody.displayName = "XAUI.Card.Body";
 var CardDescription = _react.forwardRef.call(void 0, 
   function CardDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useCard();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -109,7 +109,7 @@ CardDescription.displayName = "XAUI.Card.Description";
 
 var CardFooter = _react.forwardRef.call(void 0, function CardFooter2({ children, style, ...props }, ref) {
   const { footerStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [footerStyle, styleProps, style], ...rest, children });
 });
 CardFooter.displayName = "XAUI.Card.Footer";
@@ -120,7 +120,7 @@ CardFooter.displayName = "XAUI.Card.Footer";
 
 var CardHeader = _react.forwardRef.call(void 0, function CardHeader2({ children, style, ...props }, ref) {
   const { headerStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [headerStyle, styleProps, style], ...rest, children });
 });
 CardHeader.displayName = "XAUI.Card.Header";
@@ -131,7 +131,7 @@ CardHeader.displayName = "XAUI.Card.Header";
 
 var CardTitle = _react.forwardRef.call(void 0, function CardTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 CardTitle.displayName = "XAUI.Card.Title";
@@ -351,7 +351,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
@@ -375,7 +375,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     styleProps,
     typeof style === "function" ? style({ pressed: isPressed }) : style
   ];
-  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const text = _chunk7GHM4GKLcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardDescription, { children: text }) : children;
   if (!isPressable && !asChild && (onPressIn || onPressOut || rest.onPress || rest.onLongPress)) {
     _chunkEJQCQPETcjs.warnDev.call(void 0, 
@@ -388,7 +388,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     body
   ] });
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2SCE7TFZcjs.PressableFeedback,
+    _chunkTGMVEHV7cjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -403,7 +403,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
       onPressOut: press.onPressOut,
       children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         background,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2SCE7TFZcjs.PressableFeedback.Highlight, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTGMVEHV7cjs.PressableFeedback.Highlight, {}),
         body
       ] })
     }
@@ -411,7 +411,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     // R12 — the caller's element is the card, so it takes the children it was written
     // with and the auto-wrap does not apply.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk54FJOKANcjs.Slot,
+      _chunk7GHM4GKLcjs.Slot,
       {
         ref,
         accessibilityRole,

package/dist/{chunk-VWATEE5O.js → chunk-IKJVLJKT.js}

@@ -1,6 +1,6 @@
 import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
-import { useStyleProps } from "./chunk-OSCW7I4H.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/skeleton/skeleton.tsx
 import { forwardRef, useEffect } from "react";
@@ -100,10 +100,10 @@ var Skeleton = forwardRef(function Skeleton2({
   });
 });
 Skeleton.displayName = "XAUI.Skeleton";
-const _worklet_13110416509490_init_data = {
-  code: "function chunkVWATEE5OJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VWATEE5O.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVWATEE5OJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VWATEE5O.js\"],\"mappings\":\"AAyF2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_948977267547_init_data = {
+  code: "function chunkIKJVLJKTJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IKJVLJKT.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkIKJVLJKTJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IKJVLJKT.js\"],\"mappings\":\"AAyF2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 var PulsingBlock = forwardRef(function PulsingBlock2({
   style,
@@ -119,26 +119,26 @@ var PulsingBlock = forwardRef(function PulsingBlock2({
     true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkVWATEE5OJs1Factory({
-    _worklet_13110416509490_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkIKJVLJKTJs1Factory({
+    _worklet_948977267547_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkVWATEE5OJs1 = function () {
+    const chunkIKJVLJKTJs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkVWATEE5OJs1.__closure = {
+    chunkIKJVLJKTJs1.__closure = {
       opacity
     };
-    chunkVWATEE5OJs1.__workletHash = 13110416509490;
-    chunkVWATEE5OJs1.__pluginVersion = "0.7.4";
-    chunkVWATEE5OJs1.__initData = _worklet_13110416509490_init_data;
-    chunkVWATEE5OJs1.__stackDetails = _e;
-    return chunkVWATEE5OJs1;
+    chunkIKJVLJKTJs1.__workletHash = 948977267547;
+    chunkIKJVLJKTJs1.__pluginVersion = "0.7.4";
+    chunkIKJVLJKTJs1.__initData = _worklet_948977267547_init_data;
+    chunkIKJVLJKTJs1.__stackDetails = _e;
+    return chunkIKJVLJKTJs1;
   }({
-    _worklet_13110416509490_init_data,
+    _worklet_948977267547_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */jsx(Animated.View, {

package/dist/{chunk-YXPYOOHU.js → chunk-K72UDPVN.js}

@@ -2,6 +2,29 @@ import {
   mergeRefs
 } from "./chunk-36PRYGAM.js";
 
+// src/system/slot/children-to-string.ts
+import { isValidElement } from "react";
+function childrenToString(children) {
+  const text = stringify(children);
+  return text === null || text === "" ? null : text;
+}
+function stringify(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (isValidElement(node)) return null;
+  if (Array.isArray(node)) {
+    let text = "";
+    for (const child of node) {
+      const part = stringify(child);
+      if (part === null) return null;
+      text += part;
+    }
+    return text;
+  }
+  return null;
+}
+
 // src/system/slot/create-slot-context.ts
 import { createContext, useContext } from "react";
 function createSlotContext(name) {
@@ -69,9 +92,9 @@ function resolveStyle(style, state) {
 }
 
 // src/system/slot/slot.tsx
-import { cloneElement, forwardRef, isValidElement } from "react";
+import { cloneElement, forwardRef, isValidElement as isValidElement2 } from "react";
 var Slot = forwardRef(function Slot2({ children, ...ours }, ref) {
-  if (!isValidElement(children)) {
+  if (!isValidElement2(children)) {
     throw new Error(
       "XAUI: asChild expects exactly one React element as its child, and merges the component's props into it. Text, a fragment, several children or none give it nothing to merge into \u2014 drop `asChild` to render the component itself."
     );
@@ -88,32 +111,9 @@ function refOf(element) {
   return fromProps ?? fromElement;
 }
 
-// src/system/slot/children-to-string.ts
-import { isValidElement as isValidElement2 } from "react";
-function childrenToString(children) {
-  const text = stringify(children);
-  return text === null || text === "" ? null : text;
-}
-function stringify(node) {
-  if (node === null || node === void 0 || typeof node === "boolean") return "";
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (isValidElement2(node)) return null;
-  if (Array.isArray(node)) {
-    let text = "";
-    for (const child of node) {
-      const part = stringify(child);
-      if (part === null) return null;
-      text += part;
-    }
-    return text;
-  }
-  return null;
-}
-
 export {
+  childrenToString,
   createSlotContext,
   mergeProps,
-  Slot,
-  childrenToString
+  Slot
 };

package/dist/{chunk-2LNE4PWB.cjs → chunk-KSUV74BE.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/divider/divider.tsx
 var _react = require('react');
@@ -67,11 +67,11 @@ var dividerRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
 var _jsxruntime = require('react/jsx-runtime');
 var Divider = _react.forwardRef.call(void 0, function Divider2({ children, orientation, size, color, asChild = false, style, ...props }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const selection = { orientation, size };
   const styles = dividerRecipe.resolve({ theme, selection });
   const tint = color ? dividerRecipe.tint({ theme, color, selection }) : void 0;
-  const Root = asChild ? _chunk54FJOKANcjs.Slot : _reactnative.View;
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.View;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Root,
     {