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

package/dist/{chunk-IVVFYUDW.cjs → chunk-PUER6Y4M.cjs}

@@ -38,8 +38,50 @@ function _optionalChain(ops) {
 }
 var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
 
-// src/system/icon/icon-context.ts
+// src/system/style-props/use-style-props.ts
 var _react = require('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 = _chunk6N5JXRUZcjs.stableHash.call(void 0, styleProps);
+  return [_react.useMemo.call(void 0, () => styleProps, [key]), rest];
+}
+
+// src/system/icon/icon-context.ts
+
 var IconContext = _react.createContext.call(void 0, {});
 IconContext.displayName = "XAUI.Icon.Context";
 function useIconContext() {
@@ -56,10 +98,12 @@ function Icon({
   source,
   size,
   color,
-  style
+  style,
+  ...props
 }) {
   const inherited = useIconContext();
   const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
+  const [styleProps] = useStyleProps(props);
   const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => inherited.size), () => theme.fontSizes.md);
   const resolvedColor = _nullishCoalesce(_nullishCoalesce(color, () => inherited.color), () => theme.colors.foreground);
   if (Component) {
@@ -82,7 +126,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.");
@@ -199,47 +243,6 @@ function refOf(element) {
   return _nullishCoalesce(fromProps, () => fromElement);
 }
 
-// src/system/style-props/use-style-props.ts
-
-// 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 = _chunk6N5JXRUZcjs.stableHash.call(void 0, styleProps);
-  return [_react.useMemo.call(void 0, () => styleProps, [key]), rest];
-}
-
 // src/system/pressable-feedback/pressable-feedback-context.ts
 
 var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
@@ -249,13 +252,13 @@ var DisableAllContext = _react.createContext.call(void 0, false);
 var PRESS_SCALE = 0.985;
 var PRESS_DURATION = 300;
 var SCALE_REFERENCE_WIDTH = 300;
-const _worklet_876271243075_init_data = {
-  code: "function pressScaleFor_chunkIVVFYUDWCjs1(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-IVVFYUDW.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkIVVFYUDWCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAwWA,SAAAA,+BAA8BA,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_3638762147639_init_data = {
+  code: "function pressScaleFor_chunkPUER6Y4MCjs1(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-PUER6Y4M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkPUER6Y4MCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs\"],\"mappings\":\"AA2WA,SAAAA,+BAA8BA,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_chunkIVVFYUDWCjs1Factory({
-  _worklet_876271243075_init_data,
+const pressScaleFor = function pressScaleFor_chunkPUER6Y4MCjs1Factory({
+  _worklet_3638762147639_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 }) {
@@ -268,13 +271,13 @@ const pressScaleFor = function pressScaleFor_chunkIVVFYUDWCjs1Factory({
     SCALE_REFERENCE_WIDTH,
     PRESS_SCALE
   };
-  pressScaleFor.__workletHash = 876271243075;
+  pressScaleFor.__workletHash = 3638762147639;
   pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_876271243075_init_data;
+  pressScaleFor.__initData = _worklet_3638762147639_init_data;
   pressScaleFor.__stackDetails = _e;
   return pressScaleFor;
 }({
-  _worklet_876271243075_init_data,
+  _worklet_3638762147639_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 });
@@ -287,26 +290,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
 var RIPPLE_FADE_IN = 75;
 var RIPPLE_FADE_OUT_DELAY = 225;
 var RIPPLE_FADE_OUT = 150;
-const _worklet_15154597410360_init_data = {
-  code: "function rippleRadiusFor_chunkIVVFYUDWCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkIVVFYUDWCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAsXA,SAAAA,iCAAwCA,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_15335127470860_init_data = {
+  code: "function rippleRadiusFor_chunkPUER6Y4MCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkPUER6Y4MCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs\"],\"mappings\":\"AAyXA,SAAAA,iCAAwCA,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_chunkIVVFYUDWCjs2Factory({
-  _worklet_15154597410360_init_data
+const rippleRadiusFor = function rippleRadiusFor_chunkPUER6Y4MCjs2Factory({
+  _worklet_15335127470860_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 = 15154597410360;
+  rippleRadiusFor.__workletHash = 15335127470860;
   rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_15154597410360_init_data;
+  rippleRadiusFor.__initData = _worklet_15335127470860_init_data;
   rippleRadiusFor.__stackDetails = _e;
   return rippleRadiusFor;
 }({
-  _worklet_15154597410360_init_data
+  _worklet_15335127470860_init_data
 });
 var ALL_OFF = {
   scale: false,
@@ -398,6 +401,15 @@ function partitionOverlays(children) {
     content: all.filter(node => !isBareOverlay(node))
   };
 }
+function feedbackChildren(children, asChild) {
+  if (asChild) return children;
+  const {
+    overlays,
+    content
+  } = partitionOverlays(children);
+  if (overlays === null) return content;
+  return _react.createElement.call(void 0, _react.Fragment, null, overlays, content);
+}
 
 // src/system/pressable-feedback/pressable-feedback.tsx
 
@@ -426,14 +438,17 @@ var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(
 var AnimatedSlot = _reactnativereanimated2.default.createAnimatedComponent(Slot);
 var PressableFeedback = _react.forwardRef.call(void 0, function PressableFeedback2({
   animation,
-  ...rest
+  style,
+  ...props
 }, ref) {
   const inheritedDisableAll = _react.useContext.call(void 0, DisableAllContext);
   const resolved = resolveAnimation(animation, inheritedDisableAll);
+  const [styleProps, rest] = useStyleProps(props);
   const Feedback = resolved.none ? StaticFeedback : AnimatedFeedback;
   const body = /* @__PURE__ */_jsxruntime.jsx.call(void 0, Feedback, {
     ref,
     animation: resolved,
+    style: [styleProps, style],
     ...rest
   });
   return resolved.disableAll ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, DisableAllContext.Provider, {
@@ -457,25 +472,21 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
     ...surface
   }), [isPressed, animation, surface]);
   const Root = asChild ? Slot : _reactnative.Pressable;
-  const {
-    overlays,
-    content
-  } = partitionOverlays(children);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
     value: context,
-    children: /* @__PURE__ */_jsxruntime.jsxs.call(void 0, Root, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, Root, {
       ref,
       style,
       disabled: isDisabled,
       ...rest,
-      children: [overlays, content]
+      children: feedbackChildren(children, asChild)
     })
   });
 });
-const _worklet_7067782382362_init_data = {
-  code: "function chunkIVVFYUDWCjs3(){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-IVVFYUDW.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AA0hB6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,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_14386231340974_init_data = {
+  code: "function chunkPUER6Y4MCjs3(){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-PUER6Y4M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkPUER6Y4MCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs\"],\"mappings\":\"AAwiB6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,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 = _react.forwardRef.call(void 0, function AnimatedFeedback2({
   isPressed = false,
@@ -504,14 +515,14 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
     });
   }, [isPressed, progress]);
   const pressedScale = _reactnativereanimated.useDerivedValue.call(void 0, () => pressScaleFor(size.value.width));
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs3Factory({
-    _worklet_7067782382362_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkPUER6Y4MCjs3Factory({
+    _worklet_14386231340974_init_data,
     animation,
     pressedScale,
     progress
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkIVVFYUDWCjs3 = function () {
+    const chunkPUER6Y4MCjs3 = function () {
       if (!animation.scale) return {};
       return {
         transform: [{
@@ -519,18 +530,18 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
         }]
       };
     };
-    chunkIVVFYUDWCjs3.__closure = {
+    chunkPUER6Y4MCjs3.__closure = {
       animation,
       pressedScale,
       progress
     };
-    chunkIVVFYUDWCjs3.__workletHash = 7067782382362;
-    chunkIVVFYUDWCjs3.__pluginVersion = "0.7.4";
-    chunkIVVFYUDWCjs3.__initData = _worklet_7067782382362_init_data;
-    chunkIVVFYUDWCjs3.__stackDetails = _e;
-    return chunkIVVFYUDWCjs3;
+    chunkPUER6Y4MCjs3.__workletHash = 14386231340974;
+    chunkPUER6Y4MCjs3.__pluginVersion = "0.7.4";
+    chunkPUER6Y4MCjs3.__initData = _worklet_14386231340974_init_data;
+    chunkPUER6Y4MCjs3.__stackDetails = _e;
+    return chunkPUER6Y4MCjs3;
   }({
-    _worklet_7067782382362_init_data,
+    _worklet_14386231340974_init_data,
     animation,
     pressedScale,
     progress
@@ -595,13 +606,9 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
     _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
   };
   const Root = asChild ? AnimatedSlot : AnimatedPressable;
-  const {
-    overlays,
-    content
-  } = partitionOverlays(children);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
     value: context,
-    children: /* @__PURE__ */_jsxruntime.jsxs.call(void 0, Root, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, Root, {
       ref,
       style: [style, animatedStyle],
       disabled: isDisabled,
@@ -610,7 +617,7 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
       onTouchEnd: handleTouchEnd,
       onTouchCancel: handleTouchCancel,
       ...rest,
-      children: [overlays, content]
+      children: feedbackChildren(children, asChild)
     })
   });
 });
@@ -641,7 +648,8 @@ function useSurface(style) {
 function PressableFeedbackHighlight({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     isPressed,
@@ -650,11 +658,12 @@ function PressableFeedbackHighlight({
     ink,
     corners
   } = useFeedback();
+  const [styleProps] = useStyleProps(props);
   const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION);
   const base = [_reactnative.StyleSheet.absoluteFillObject, {
     backgroundColor: ink,
     pointerEvents: "none"
-  }, corners, style];
+  }, corners, styleProps, style];
   if (!progress || !settings.enabled) {
     return /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
       children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
@@ -674,10 +683,10 @@ function PressableFeedbackHighlight({
 }
 PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
 markOverlay(PressableFeedbackHighlight);
-const _worklet_10691781134764_init_data = {
-  code: "function chunkIVVFYUDWCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAyqB6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+const _worklet_9533806899672_init_data = {
+  code: "function chunkPUER6Y4MCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkPUER6Y4MCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-PUER6Y4M.cjs\"],\"mappings\":\"AAsrB6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
 };
 function AnimatedHighlight({
   base,
@@ -693,28 +702,28 @@ function AnimatedHighlight({
       duration
     });
   }, [isPressed, shown, duration]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs4Factory({
-    _worklet_10691781134764_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkPUER6Y4MCjs4Factory({
+    _worklet_9533806899672_init_data,
     shown,
     opacity
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkIVVFYUDWCjs4 = function () {
+    const chunkPUER6Y4MCjs4 = function () {
       return {
         opacity: shown.value * opacity
       };
     };
-    chunkIVVFYUDWCjs4.__closure = {
+    chunkPUER6Y4MCjs4.__closure = {
       shown,
       opacity
     };
-    chunkIVVFYUDWCjs4.__workletHash = 10691781134764;
-    chunkIVVFYUDWCjs4.__pluginVersion = "0.7.4";
-    chunkIVVFYUDWCjs4.__initData = _worklet_10691781134764_init_data;
-    chunkIVVFYUDWCjs4.__stackDetails = _e;
-    return chunkIVVFYUDWCjs4;
+    chunkPUER6Y4MCjs4.__workletHash = 9533806899672;
+    chunkPUER6Y4MCjs4.__pluginVersion = "0.7.4";
+    chunkPUER6Y4MCjs4.__initData = _worklet_9533806899672_init_data;
+    chunkPUER6Y4MCjs4.__stackDetails = _e;
+    return chunkPUER6Y4MCjs4;
   }({
-    _worklet_10691781134764_init_data,
+    _worklet_9533806899672_init_data,
     shown,
     opacity
   }), [shown, opacity]);
@@ -728,7 +737,8 @@ function AnimatedHighlight({
 function PressableFeedbackRipple({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     animation,
@@ -736,6 +746,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] = _react.useState.call(void 0, {
     width: 0,
@@ -768,17 +780,17 @@ function PressableFeedbackRipple({
         },
         color: ink,
         opacity: settings.opacity,
-        style
+        style: waveStyle
       }, index))
     }), children]
   });
 }
 PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
 markOverlay(PressableFeedbackRipple);
-const _worklet_10425801678593_init_data = {
-  code: "function chunkIVVFYUDWCjs5(){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-IVVFYUDW.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs5\",\"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-IVVFYUDW.cjs\"],\"mappings\":\"AAsuB6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,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_2787827463541_init_data = {
+  code: "function chunkPUER6Y4MCjs5(){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-PUER6Y4M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkPUER6Y4MCjs5\",\"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-PUER6Y4M.cjs\"],\"mappings\":\"AAsvB6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,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,
@@ -788,8 +800,8 @@ function RippleWave({
   opacity,
   style
 }) {
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs5Factory({
-    _worklet_10425801678593_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkPUER6Y4MCjs5Factory({
+    _worklet_2787827463541_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -797,7 +809,7 @@ function RippleWave({
     radius
   }) {
     const _e = [new global.Error(), -6, -27];
-    const chunkIVVFYUDWCjs5 = function () {
+    const chunkPUER6Y4MCjs5 = function () {
       const t = wave.expand.value;
       const from = wave.origin.value;
       const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -815,20 +827,20 @@ function RippleWave({
         }]
       };
     };
-    chunkIVVFYUDWCjs5.__closure = {
+    chunkPUER6Y4MCjs5.__closure = {
       wave,
       RIPPLE_START_SCALE,
       center,
       opacity,
       radius
     };
-    chunkIVVFYUDWCjs5.__workletHash = 10425801678593;
-    chunkIVVFYUDWCjs5.__pluginVersion = "0.7.4";
-    chunkIVVFYUDWCjs5.__initData = _worklet_10425801678593_init_data;
-    chunkIVVFYUDWCjs5.__stackDetails = _e;
-    return chunkIVVFYUDWCjs5;
+    chunkPUER6Y4MCjs5.__workletHash = 2787827463541;
+    chunkPUER6Y4MCjs5.__pluginVersion = "0.7.4";
+    chunkPUER6Y4MCjs5.__initData = _worklet_2787827463541_init_data;
+    chunkPUER6Y4MCjs5.__stackDetails = _e;
+    return chunkPUER6Y4MCjs5;
   }({
-    _worklet_10425801678593_init_data,
+    _worklet_2787827463541_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -1012,6 +1024,7 @@ function apply(fns, theme, colors) {
   }
   return merged;
 }
+exports.useStyleProps = useStyleProps;
 exports.IconContext = IconContext;
 exports.useIconContext = useIconContext;
 exports.Icon = Icon;
@@ -1020,7 +1033,6 @@ exports.createSlotContext = createSlotContext;
 exports.mergeRefs = mergeRefs;
 exports.mergeProps = mergeProps;
 exports.Slot = Slot;
-exports.useStyleProps = useStyleProps;
 exports.useFeedback = useFeedback;
 exports.PRESS_SCALE = PRESS_SCALE;
 exports.PRESS_DURATION = PRESS_DURATION;

package/dist/{chunk-TO6DAGFB.js → chunk-UOJBK5Z4.js}

@@ -1,3 +1,7 @@
+import {
+  useStyleProps
+} from "./chunk-64L44HEI.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/components/button/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkMLJ543GPcjs = require('../../chunk-MLJ543GP.cjs');
-require('../../chunk-IVVFYUDW.cjs');
+var _chunkNLFE3CRMcjs = require('../../chunk-NLFE3CRM.cjs');
+require('../../chunk-PUER6Y4M.cjs');
 require('../../chunk-6N5JXRUZ.cjs');
 
 
 
 
-exports.Button = _chunkMLJ543GPcjs.Button; exports.buttonRecipe = _chunkMLJ543GPcjs.buttonRecipe; exports.useButton = _chunkMLJ543GPcjs.useButton;
+exports.Button = _chunkNLFE3CRMcjs.Button; exports.buttonRecipe = _chunkNLFE3CRMcjs.buttonRecipe; exports.useButton = _chunkNLFE3CRMcjs.useButton;