@xaui/native 0.9.1-alpha.13 → 0.9.1-alpha.14

package/dist/{chunk-TO6DAGFB.js → chunk-5XAFRH2H.js}

@@ -1,3 +1,7 @@
+import {
+  useStyleProps
+} from "./chunk-CLU6QDYC.js";
+
 // src/system/portal/portal.tsx
 import { useContext, useId, useLayoutEffect } from "react";
 
@@ -26,7 +30,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var styles = StyleSheet.create({
   container: { flex: 1 }
 });
-function PortalHost({ children }) {
+function PortalHost({ children, ...props }) {
+  const [styleProps] = useStyleProps(props);
   const [portals, setPortals] = useState(/* @__PURE__ */ new Map());
   const addPortal = useCallback((key, element) => {
     setPortals((current) => new Map(current).set(key, element));
@@ -43,7 +48,7 @@ function PortalHost({ children }) {
     () => ({ addPortal, removePortal }),
     [addPortal, removePortal]
   );
-  return /* @__PURE__ */ jsx(PortalContext.Provider, { value: methods, children: /* @__PURE__ */ jsxs(View, { style: styles.container, children: [
+  return /* @__PURE__ */ jsx(PortalContext.Provider, { value: methods, children: /* @__PURE__ */ jsxs(View, { style: [styles.container, styleProps], children: [
     children,
     Array.from(portals, ([key, element]) => /* @__PURE__ */ jsx(Fragment, { children: element }, key))
   ] }) });

package/dist/{chunk-B3EAZ2CC.js → chunk-CLU6QDYC.js}

@@ -1,5 +1,47 @@
 import { contrastOn, deriveTint, isHex, stableHash, useXAUITheme } from "./chunk-XJARE6SC.js";
 
+// src/system/style-props/use-style-props.ts
+import { useMemo } from "react";
+
+// src/utils/style-props.ts
+var STYLE_PROP_KEYS = [
+// Flex and layout
+"alignContent", "alignItems", "alignSelf", "aspectRatio", "boxSizing", "columnGap", "direction", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "overflow", "rowGap",
+// Position
+"bottom", "end", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetInline", "insetInlineEnd", "insetInlineStart", "position", "start", "top", "zIndex",
+// Margin
+"margin", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginBottom", "marginEnd", "marginHorizontal", "marginInline", "marginInlineEnd", "marginInlineStart", "marginStart", "marginTop", "marginVertical",
+// Padding
+"padding", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingInline", "paddingInlineEnd", "paddingInlineStart", "paddingStart", "paddingTop", "paddingVertical",
+// Size
+"height", "maxHeight", "maxWidth", "minHeight", "minWidth", "width",
+// Border
+"borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderEndEndRadius", "borderEndStartRadius", "borderEndWidth", "borderRadius", "borderStartColor", "borderStartEndRadius", "borderStartStartRadius", "borderStartWidth", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth",
+// Fill, shadow, and the rest of a box's paint
+"backfaceVisibility", "backgroundColor", "boxShadow", "cursor", "elevation", "experimental_backgroundImage", "filter", "isolation", "mixBlendMode", "opacity", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius",
+// Transform
+"rotation", "scaleX", "scaleY", "transform", "transformMatrix", "transformOrigin", "translateX", "translateY",
+// Text — a text slot only
+"color", "fontFamily", "fontSize", "fontStyle", "fontVariant", "fontWeight", "includeFontPadding", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "userSelect", "verticalAlign", "writingDirection",
+// Image — an image slot only
+"objectFit", "overlayColor", "resizeMode", "tintColor"];
+var STYLE_PROP_KEY_SET = new Set(STYLE_PROP_KEYS);
+function splitStyleProps(props) {
+  const styleProps = {};
+  const rest = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (STYLE_PROP_KEY_SET.has(key)) styleProps[key] = value;else rest[key] = value;
+  }
+  return [styleProps, rest];
+}
+
+// src/system/style-props/use-style-props.ts
+function useStyleProps(props) {
+  const [styleProps, rest] = splitStyleProps(props);
+  const key = stableHash(styleProps);
+  return [useMemo(() => styleProps, [key]), rest];
+}
+
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";
 var IconContext = createContext({});
@@ -18,10 +60,12 @@ function Icon({
   source,
   size,
   color,
-  style
+  style,
+  ...props
 }) {
   const inherited = useIconContext();
   const theme = useXAUITheme();
+  const [styleProps] = useStyleProps(props);
   const resolvedSize = size ?? inherited.size ?? theme.fontSizes.md;
   const resolvedColor = color ?? inherited.color ?? theme.colors.foreground;
   if (Component) {
@@ -44,7 +88,7 @@ function Icon({
         width: resolvedSize,
         height: resolvedSize,
         tintColor: resolvedColor
-      }, style]
+      }, styleProps, style]
     });
   }
   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.");
@@ -161,48 +205,6 @@ function refOf(element) {
   return fromProps ?? fromElement;
 }
 
-// src/system/style-props/use-style-props.ts
-import { useMemo } from "react";
-
-// src/utils/style-props.ts
-var STYLE_PROP_KEYS = [
-// Flex and layout
-"alignContent", "alignItems", "alignSelf", "aspectRatio", "boxSizing", "columnGap", "direction", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "overflow", "rowGap",
-// Position
-"bottom", "end", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetInline", "insetInlineEnd", "insetInlineStart", "position", "start", "top", "zIndex",
-// Margin
-"margin", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginBottom", "marginEnd", "marginHorizontal", "marginInline", "marginInlineEnd", "marginInlineStart", "marginStart", "marginTop", "marginVertical",
-// Padding
-"padding", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingInline", "paddingInlineEnd", "paddingInlineStart", "paddingStart", "paddingTop", "paddingVertical",
-// Size
-"height", "maxHeight", "maxWidth", "minHeight", "minWidth", "width",
-// Border
-"borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderEndEndRadius", "borderEndStartRadius", "borderEndWidth", "borderRadius", "borderStartColor", "borderStartEndRadius", "borderStartStartRadius", "borderStartWidth", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth",
-// Fill, shadow, and the rest of a box's paint
-"backfaceVisibility", "backgroundColor", "boxShadow", "cursor", "elevation", "experimental_backgroundImage", "filter", "isolation", "mixBlendMode", "opacity", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius",
-// Transform
-"rotation", "scaleX", "scaleY", "transform", "transformMatrix", "transformOrigin", "translateX", "translateY",
-// Text — a text slot only
-"color", "fontFamily", "fontSize", "fontStyle", "fontVariant", "fontWeight", "includeFontPadding", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "userSelect", "verticalAlign", "writingDirection",
-// Image — an image slot only
-"objectFit", "overlayColor", "resizeMode", "tintColor"];
-var STYLE_PROP_KEY_SET = new Set(STYLE_PROP_KEYS);
-function splitStyleProps(props) {
-  const styleProps = {};
-  const rest = {};
-  for (const [key, value] of Object.entries(props)) {
-    if (STYLE_PROP_KEY_SET.has(key)) styleProps[key] = value;else rest[key] = value;
-  }
-  return [styleProps, rest];
-}
-
-// src/system/style-props/use-style-props.ts
-function useStyleProps(props) {
-  const [styleProps, rest] = splitStyleProps(props);
-  const key = stableHash(styleProps);
-  return [useMemo(() => styleProps, [key]), rest];
-}
-
 // src/system/pressable-feedback/pressable-feedback-context.ts
 import { createContext as createContext3 } from "react";
 var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
@@ -212,13 +214,13 @@ var DisableAllContext = createContext3(false);
 var PRESS_SCALE = 0.985;
 var PRESS_DURATION = 300;
 var SCALE_REFERENCE_WIDTH = 300;
-const _worklet_6691672065997_init_data = {
-  code: "function pressScaleFor_chunkB3EAZ2CCJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkB3EAZ2CCJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AAwWA,SAAAA,8BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
+const _worklet_11076661694643_init_data = {
+  code: "function pressScaleFor_chunkCLU6QDYCJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkCLU6QDYCJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AA2WA,SAAAA,8BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
 };
-const pressScaleFor = function pressScaleFor_chunkB3EAZ2CCJs1Factory({
-  _worklet_6691672065997_init_data,
+const pressScaleFor = function pressScaleFor_chunkCLU6QDYCJs1Factory({
+  _worklet_11076661694643_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 }) {
@@ -231,13 +233,13 @@ const pressScaleFor = function pressScaleFor_chunkB3EAZ2CCJs1Factory({
     SCALE_REFERENCE_WIDTH,
     PRESS_SCALE
   };
-  pressScaleFor.__workletHash = 6691672065997;
+  pressScaleFor.__workletHash = 11076661694643;
   pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_6691672065997_init_data;
+  pressScaleFor.__initData = _worklet_11076661694643_init_data;
   pressScaleFor.__stackDetails = _e;
   return pressScaleFor;
 }({
-  _worklet_6691672065997_init_data,
+  _worklet_11076661694643_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 });
@@ -250,26 +252,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
 var RIPPLE_FADE_IN = 75;
 var RIPPLE_FADE_OUT_DELAY = 225;
 var RIPPLE_FADE_OUT = 150;
-const _worklet_9510765573814_init_data = {
-  code: "function rippleRadiusFor_chunkB3EAZ2CCJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkB3EAZ2CCJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AAsXA,SAAAA,gCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
+const _worklet_13761713049032_init_data = {
+  code: "function rippleRadiusFor_chunkCLU6QDYCJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkCLU6QDYCJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AAyXA,SAAAA,gCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
 };
-const rippleRadiusFor = function rippleRadiusFor_chunkB3EAZ2CCJs2Factory({
-  _worklet_9510765573814_init_data
+const rippleRadiusFor = function rippleRadiusFor_chunkCLU6QDYCJs2Factory({
+  _worklet_13761713049032_init_data
 }) {
   const _e = [new global.Error(), 1, -27];
   const rippleRadiusFor = function (width, height) {
     return Math.sqrt(width * width + height * height) / 2 + 5;
   };
   rippleRadiusFor.__closure = {};
-  rippleRadiusFor.__workletHash = 9510765573814;
+  rippleRadiusFor.__workletHash = 13761713049032;
   rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_9510765573814_init_data;
+  rippleRadiusFor.__initData = _worklet_13761713049032_init_data;
   rippleRadiusFor.__stackDetails = _e;
   return rippleRadiusFor;
 }({
-  _worklet_9510765573814_init_data
+  _worklet_13761713049032_init_data
 });
 var ALL_OFF = {
   scale: false,
@@ -389,14 +391,17 @@ var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 var AnimatedSlot = Animated.createAnimatedComponent(Slot);
 var PressableFeedback = forwardRef2(function PressableFeedback2({
   animation,
-  ...rest
+  style,
+  ...props
 }, ref) {
   const inheritedDisableAll = useContext3(DisableAllContext);
   const resolved = resolveAnimation(animation, inheritedDisableAll);
+  const [styleProps, rest] = useStyleProps(props);
   const Feedback = resolved.none ? StaticFeedback : AnimatedFeedback;
   const body = /* @__PURE__ */jsx2(Feedback, {
     ref,
     animation: resolved,
+    style: [styleProps, style],
     ...rest
   });
   return resolved.disableAll ? /* @__PURE__ */jsx2(DisableAllContext.Provider, {
@@ -435,15 +440,15 @@ var StaticFeedback = forwardRef2(function StaticFeedback2({
     })
   });
 });
-const _worklet_2835586366723_init_data = {
-  code: "function chunkB3EAZ2CCJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkB3EAZ2CCJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AAyhBuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
+const _worklet_2213648027133_init_data = {
+  code: "function chunkCLU6QDYCJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCLU6QDYCJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AAqiBuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
 };
-const _worklet_629504988883_init_data = {
-  code: "function chunkB3EAZ2CCJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkB3EAZ2CCJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AA0hByC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
+const _worklet_14720418343725_init_data = {
+  code: "function chunkCLU6QDYCJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCLU6QDYCJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AAsiByC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
 };
 var AnimatedFeedback = forwardRef2(function AnimatedFeedback2({
   isPressed = false,
@@ -471,35 +476,35 @@ var AnimatedFeedback = forwardRef2(function AnimatedFeedback2({
       easing: Easing.out(Easing.ease)
     });
   }, [isPressed, progress]);
-  const pressedScale = useDerivedValue(function chunkB3EAZ2CCJs3Factory({
-    _worklet_2835586366723_init_data,
+  const pressedScale = useDerivedValue(function chunkCLU6QDYCJs3Factory({
+    _worklet_2213648027133_init_data,
     pressScaleFor,
     size
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkB3EAZ2CCJs3 = () => pressScaleFor(size.value.width);
-    chunkB3EAZ2CCJs3.__closure = {
+    const chunkCLU6QDYCJs3 = () => pressScaleFor(size.value.width);
+    chunkCLU6QDYCJs3.__closure = {
       pressScaleFor,
       size
     };
-    chunkB3EAZ2CCJs3.__workletHash = 2835586366723;
-    chunkB3EAZ2CCJs3.__pluginVersion = "0.7.4";
-    chunkB3EAZ2CCJs3.__initData = _worklet_2835586366723_init_data;
-    chunkB3EAZ2CCJs3.__stackDetails = _e;
-    return chunkB3EAZ2CCJs3;
+    chunkCLU6QDYCJs3.__workletHash = 2213648027133;
+    chunkCLU6QDYCJs3.__pluginVersion = "0.7.4";
+    chunkCLU6QDYCJs3.__initData = _worklet_2213648027133_init_data;
+    chunkCLU6QDYCJs3.__stackDetails = _e;
+    return chunkCLU6QDYCJs3;
   }({
-    _worklet_2835586366723_init_data,
+    _worklet_2213648027133_init_data,
     pressScaleFor,
     size
   }));
-  const animatedStyle = useAnimatedStyle(function chunkB3EAZ2CCJs4Factory({
-    _worklet_629504988883_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkCLU6QDYCJs4Factory({
+    _worklet_14720418343725_init_data,
     animation,
     pressedScale,
     progress
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkB3EAZ2CCJs4 = function () {
+    const chunkCLU6QDYCJs4 = function () {
       if (!animation.scale) return {};
       return {
         transform: [{
@@ -507,18 +512,18 @@ var AnimatedFeedback = forwardRef2(function AnimatedFeedback2({
         }]
       };
     };
-    chunkB3EAZ2CCJs4.__closure = {
+    chunkCLU6QDYCJs4.__closure = {
       animation,
       pressedScale,
       progress
     };
-    chunkB3EAZ2CCJs4.__workletHash = 629504988883;
-    chunkB3EAZ2CCJs4.__pluginVersion = "0.7.4";
-    chunkB3EAZ2CCJs4.__initData = _worklet_629504988883_init_data;
-    chunkB3EAZ2CCJs4.__stackDetails = _e;
-    return chunkB3EAZ2CCJs4;
+    chunkCLU6QDYCJs4.__workletHash = 14720418343725;
+    chunkCLU6QDYCJs4.__pluginVersion = "0.7.4";
+    chunkCLU6QDYCJs4.__initData = _worklet_14720418343725_init_data;
+    chunkCLU6QDYCJs4.__stackDetails = _e;
+    return chunkCLU6QDYCJs4;
   }({
-    _worklet_629504988883_init_data,
+    _worklet_14720418343725_init_data,
     animation,
     pressedScale,
     progress
@@ -632,7 +637,8 @@ import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function PressableFeedbackHighlight({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     isPressed,
@@ -641,11 +647,12 @@ function PressableFeedbackHighlight({
     ink,
     corners
   } = useFeedback();
+  const [styleProps] = useStyleProps(props);
   const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION);
   const base = [StyleSheet2.absoluteFillObject, {
     backgroundColor: ink,
     pointerEvents: "none"
-  }, corners, style];
+  }, corners, styleProps, style];
   if (!progress || !settings.enabled) {
     return /* @__PURE__ */jsxs2(Fragment, {
       children: [/* @__PURE__ */jsx3(View2, {
@@ -665,10 +672,10 @@ function PressableFeedbackHighlight({
 }
 PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
 markOverlay(PressableFeedbackHighlight);
-const _worklet_15840805364323_init_data = {
-  code: "function chunkB3EAZ2CCJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkB3EAZ2CCJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AAyqB0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+const _worklet_11837960236317_init_data = {
+  code: "function chunkCLU6QDYCJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCLU6QDYCJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AAwrB0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
 };
 function AnimatedHighlight({
   base,
@@ -684,28 +691,28 @@ function AnimatedHighlight({
       duration
     });
   }, [isPressed, shown, duration]);
-  const animatedStyle = useAnimatedStyle2(function chunkB3EAZ2CCJs5Factory({
-    _worklet_15840805364323_init_data,
+  const animatedStyle = useAnimatedStyle2(function chunkCLU6QDYCJs5Factory({
+    _worklet_11837960236317_init_data,
     shown,
     opacity
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkB3EAZ2CCJs5 = function () {
+    const chunkCLU6QDYCJs5 = function () {
       return {
         opacity: shown.value * opacity
       };
     };
-    chunkB3EAZ2CCJs5.__closure = {
+    chunkCLU6QDYCJs5.__closure = {
       shown,
       opacity
     };
-    chunkB3EAZ2CCJs5.__workletHash = 15840805364323;
-    chunkB3EAZ2CCJs5.__pluginVersion = "0.7.4";
-    chunkB3EAZ2CCJs5.__initData = _worklet_15840805364323_init_data;
-    chunkB3EAZ2CCJs5.__stackDetails = _e;
-    return chunkB3EAZ2CCJs5;
+    chunkCLU6QDYCJs5.__workletHash = 11837960236317;
+    chunkCLU6QDYCJs5.__pluginVersion = "0.7.4";
+    chunkCLU6QDYCJs5.__initData = _worklet_11837960236317_init_data;
+    chunkCLU6QDYCJs5.__stackDetails = _e;
+    return chunkCLU6QDYCJs5;
   }({
-    _worklet_15840805364323_init_data,
+    _worklet_11837960236317_init_data,
     shown,
     opacity
   }), [shown, opacity]);
@@ -722,7 +729,8 @@ import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-run
 function PressableFeedbackRipple({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     animation,
@@ -730,6 +738,8 @@ function PressableFeedbackRipple({
     ink,
     corners
   } = useFeedback();
+  const [styleProps] = useStyleProps(props);
+  const waveStyle = [styleProps, style];
   const settings = resolveSlotAnimation(override, animation.ripple, RIPPLE_OPACITY);
   const [size, setSize] = useState({
     width: 0,
@@ -762,17 +772,17 @@ function PressableFeedbackRipple({
         },
         color: ink,
         opacity: settings.opacity,
-        style
+        style: waveStyle
       }, index))
     }), children]
   });
 }
 PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
 markOverlay(PressableFeedbackRipple);
-const _worklet_7503622698860_init_data = {
-  code: "function chunkB3EAZ2CCJs6(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkB3EAZ2CCJs6\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-B3EAZ2CC.js\"],\"mappings\":\"AAsuB0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
+const _worklet_14369036823378_init_data = {
+  code: "function chunkCLU6QDYCJs6(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCLU6QDYCJs6\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CLU6QDYC.js\"],\"mappings\":\"AAwvB0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function RippleWave({
   wave,
@@ -782,8 +792,8 @@ function RippleWave({
   opacity,
   style
 }) {
-  const animatedStyle = useAnimatedStyle3(function chunkB3EAZ2CCJs6Factory({
-    _worklet_7503622698860_init_data,
+  const animatedStyle = useAnimatedStyle3(function chunkCLU6QDYCJs6Factory({
+    _worklet_14369036823378_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -791,7 +801,7 @@ function RippleWave({
     radius
   }) {
     const _e = [new global.Error(), -6, -27];
-    const chunkB3EAZ2CCJs6 = function () {
+    const chunkCLU6QDYCJs6 = function () {
       const t = wave.expand.value;
       const from = wave.origin.value;
       const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -809,20 +819,20 @@ function RippleWave({
         }]
       };
     };
-    chunkB3EAZ2CCJs6.__closure = {
+    chunkCLU6QDYCJs6.__closure = {
       wave,
       RIPPLE_START_SCALE,
       center,
       opacity,
       radius
     };
-    chunkB3EAZ2CCJs6.__workletHash = 7503622698860;
-    chunkB3EAZ2CCJs6.__pluginVersion = "0.7.4";
-    chunkB3EAZ2CCJs6.__initData = _worklet_7503622698860_init_data;
-    chunkB3EAZ2CCJs6.__stackDetails = _e;
-    return chunkB3EAZ2CCJs6;
+    chunkCLU6QDYCJs6.__workletHash = 14369036823378;
+    chunkCLU6QDYCJs6.__pluginVersion = "0.7.4";
+    chunkCLU6QDYCJs6.__initData = _worklet_14369036823378_init_data;
+    chunkCLU6QDYCJs6.__stackDetails = _e;
+    return chunkCLU6QDYCJs6;
   }({
-    _worklet_7503622698860_init_data,
+    _worklet_14369036823378_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -1007,4 +1017,4 @@ function apply(fns, theme, colors) {
   }
   return merged;
 }
-export { IconContext, useIconContext, Icon, childrenToString, createSlotContext, mergeRefs, mergeProps, Slot, useStyleProps, useFeedback, PRESS_SCALE, PRESS_DURATION, SCALE_REFERENCE_WIDTH, pressScaleFor, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION, RIPPLE_OPACITY, RIPPLE_START_SCALE, RIPPLE_EXPAND_DURATION, RIPPLE_CONFIRM_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT_DELAY, RIPPLE_FADE_OUT, rippleRadiusFor, resolveAnimation, resolveSlotAnimation, FEEDBACK_OVERLAY, markOverlay, PressableFeedback3 as PressableFeedback, createRecipe };
+export { useStyleProps, IconContext, useIconContext, Icon, childrenToString, createSlotContext, mergeRefs, mergeProps, Slot, useFeedback, PRESS_SCALE, PRESS_DURATION, SCALE_REFERENCE_WIDTH, pressScaleFor, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION, RIPPLE_OPACITY, RIPPLE_START_SCALE, RIPPLE_EXPAND_DURATION, RIPPLE_CONFIRM_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT_DELAY, RIPPLE_FADE_OUT, rippleRadiusFor, resolveAnimation, resolveSlotAnimation, FEEDBACK_OVERLAY, markOverlay, PressableFeedback3 as PressableFeedback, createRecipe };

package/dist/{chunk-2FOEFUPM.cjs → chunk-F2TPUVVO.cjs}

@@ -1,4 +1,8 @@
-"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; }// src/system/portal/portal.tsx
+"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 _chunkGRXC6J5Mcjs = require('./chunk-GRXC6J5M.cjs');
+
+// src/system/portal/portal.tsx
 var _react = require('react');
 
 // src/system/portal/portal-context.ts
@@ -26,7 +30,8 @@ var _jsxruntime = require('react/jsx-runtime');
 var styles = _reactnative.StyleSheet.create({
   container: { flex: 1 }
 });
-function PortalHost({ children }) {
+function PortalHost({ children, ...props }) {
+  const [styleProps] = _chunkGRXC6J5Mcjs.useStyleProps.call(void 0, props);
   const [portals, setPortals] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
   const addPortal = _react.useCallback.call(void 0, (key, element) => {
     setPortals((current) => new Map(current).set(key, element));
@@ -43,7 +48,7 @@ function PortalHost({ children }) {
     () => ({ addPortal, removePortal }),
     [addPortal, removePortal]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, { value: methods, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: styles.container, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, { value: methods, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: [styles.container, styleProps], children: [
     children,
     Array.from(portals, ([key, element]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: element }, key))
   ] }) });