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

package/dist/{chunk-IVVFYUDW.cjs → chunk-GRXC6J5M.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_13558288134681_init_data = {
+  code: "function pressScaleFor_chunkGRXC6J5MCjs1(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-GRXC6J5M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkGRXC6J5MCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.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_chunkGRXC6J5MCjs1Factory({
+  _worklet_13558288134681_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 = 13558288134681;
   pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_876271243075_init_data;
+  pressScaleFor.__initData = _worklet_13558288134681_init_data;
   pressScaleFor.__stackDetails = _e;
   return pressScaleFor;
 }({
-  _worklet_876271243075_init_data,
+  _worklet_13558288134681_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_4996986896354_init_data = {
+  code: "function rippleRadiusFor_chunkGRXC6J5MCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkGRXC6J5MCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.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_chunkGRXC6J5MCjs2Factory({
+  _worklet_4996986896354_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 = 4996986896354;
   rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_15154597410360_init_data;
+  rippleRadiusFor.__initData = _worklet_4996986896354_init_data;
   rippleRadiusFor.__stackDetails = _e;
   return rippleRadiusFor;
 }({
-  _worklet_15154597410360_init_data
+  _worklet_4996986896354_init_data
 });
 var ALL_OFF = {
   scale: false,
@@ -426,14 +429,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, {
@@ -472,10 +478,10 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
     })
   });
 });
-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_1474706883776_init_data = {
+  code: "function chunkGRXC6J5MCjs3(){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-GRXC6J5M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkGRXC6J5MCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.cjs\"],\"mappings\":\"AAsiB6E,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 +510,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 chunkGRXC6J5MCjs3Factory({
+    _worklet_1474706883776_init_data,
     animation,
     pressedScale,
     progress
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkIVVFYUDWCjs3 = function () {
+    const chunkGRXC6J5MCjs3 = function () {
       if (!animation.scale) return {};
       return {
         transform: [{
@@ -519,18 +525,18 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
         }]
       };
     };
-    chunkIVVFYUDWCjs3.__closure = {
+    chunkGRXC6J5MCjs3.__closure = {
       animation,
       pressedScale,
       progress
     };
-    chunkIVVFYUDWCjs3.__workletHash = 7067782382362;
-    chunkIVVFYUDWCjs3.__pluginVersion = "0.7.4";
-    chunkIVVFYUDWCjs3.__initData = _worklet_7067782382362_init_data;
-    chunkIVVFYUDWCjs3.__stackDetails = _e;
-    return chunkIVVFYUDWCjs3;
+    chunkGRXC6J5MCjs3.__workletHash = 1474706883776;
+    chunkGRXC6J5MCjs3.__pluginVersion = "0.7.4";
+    chunkGRXC6J5MCjs3.__initData = _worklet_1474706883776_init_data;
+    chunkGRXC6J5MCjs3.__stackDetails = _e;
+    return chunkGRXC6J5MCjs3;
   }({
-    _worklet_7067782382362_init_data,
+    _worklet_1474706883776_init_data,
     animation,
     pressedScale,
     progress
@@ -641,7 +647,8 @@ function useSurface(style) {
 function PressableFeedbackHighlight({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     isPressed,
@@ -650,11 +657,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 +682,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_11151204612214_init_data = {
+  code: "function chunkGRXC6J5MCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkGRXC6J5MCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-GRXC6J5M.cjs\"],\"mappings\":\"AAwrB6E,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 +701,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 chunkGRXC6J5MCjs4Factory({
+    _worklet_11151204612214_init_data,
     shown,
     opacity
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkIVVFYUDWCjs4 = function () {
+    const chunkGRXC6J5MCjs4 = function () {
       return {
         opacity: shown.value * opacity
       };
     };
-    chunkIVVFYUDWCjs4.__closure = {
+    chunkGRXC6J5MCjs4.__closure = {
       shown,
       opacity
     };
-    chunkIVVFYUDWCjs4.__workletHash = 10691781134764;
-    chunkIVVFYUDWCjs4.__pluginVersion = "0.7.4";
-    chunkIVVFYUDWCjs4.__initData = _worklet_10691781134764_init_data;
-    chunkIVVFYUDWCjs4.__stackDetails = _e;
-    return chunkIVVFYUDWCjs4;
+    chunkGRXC6J5MCjs4.__workletHash = 11151204612214;
+    chunkGRXC6J5MCjs4.__pluginVersion = "0.7.4";
+    chunkGRXC6J5MCjs4.__initData = _worklet_11151204612214_init_data;
+    chunkGRXC6J5MCjs4.__stackDetails = _e;
+    return chunkGRXC6J5MCjs4;
   }({
-    _worklet_10691781134764_init_data,
+    _worklet_11151204612214_init_data,
     shown,
     opacity
   }), [shown, opacity]);
@@ -728,7 +736,8 @@ function AnimatedHighlight({
 function PressableFeedbackRipple({
   style,
   animation: override,
-  children
+  children,
+  ...props
 }) {
   const {
     animation,
@@ -736,6 +745,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 +779,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_9063586545627_init_data = {
+  code: "function chunkGRXC6J5MCjs5(){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-GRXC6J5M.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkGRXC6J5MCjs5\",\"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-GRXC6J5M.cjs\"],\"mappings\":\"AAwvB6E,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 +799,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 chunkGRXC6J5MCjs5Factory({
+    _worklet_9063586545627_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -797,7 +808,7 @@ function RippleWave({
     radius
   }) {
     const _e = [new global.Error(), -6, -27];
-    const chunkIVVFYUDWCjs5 = function () {
+    const chunkGRXC6J5MCjs5 = function () {
       const t = wave.expand.value;
       const from = wave.origin.value;
       const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -815,20 +826,20 @@ function RippleWave({
         }]
       };
     };
-    chunkIVVFYUDWCjs5.__closure = {
+    chunkGRXC6J5MCjs5.__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;
+    chunkGRXC6J5MCjs5.__workletHash = 9063586545627;
+    chunkGRXC6J5MCjs5.__pluginVersion = "0.7.4";
+    chunkGRXC6J5MCjs5.__initData = _worklet_9063586545627_init_data;
+    chunkGRXC6J5MCjs5.__stackDetails = _e;
+    return chunkGRXC6J5MCjs5;
   }({
-    _worklet_10425801678593_init_data,
+    _worklet_9063586545627_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -1012,6 +1023,7 @@ function apply(fns, theme, colors) {
   }
   return merged;
 }
+exports.useStyleProps = useStyleProps;
 exports.IconContext = IconContext;
 exports.useIconContext = useIconContext;
 exports.Icon = Icon;
@@ -1020,7 +1032,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-RWLODK55.js → chunk-H2USQQUD.js}

@@ -1,4 +1,4 @@
-import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-B3EAZ2CC.js";
+import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-CLU6QDYC.js";
 import { useXAUITheme } from "./chunk-XJARE6SC.js";
 
 // src/components/button/button.context.ts
@@ -70,10 +70,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_6402982653390_init_data = {
-  code: "function chunkRWLODK55Js1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkRWLODK55Js1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js\"],\"mappings\":\"AA0EyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_1169378453226_init_data = {
+  code: "function chunkH2USQQUDJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-H2USQQUD.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkH2USQQUDJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-H2USQQUD.js\"],\"mappings\":\"AA0EyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -86,28 +86,28 @@ function SpinningRing({
     }), -1, false);
     return () => cancelAnimation(angle);
   }, [angle]);
-  const animatedStyle = useAnimatedStyle(function chunkRWLODK55Js1Factory({
-    _worklet_6402982653390_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkH2USQQUDJs1Factory({
+    _worklet_1169378453226_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkRWLODK55Js1 = function () {
+    const chunkH2USQQUDJs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkRWLODK55Js1.__closure = {
+    chunkH2USQQUDJs1.__closure = {
       angle
     };
-    chunkRWLODK55Js1.__workletHash = 6402982653390;
-    chunkRWLODK55Js1.__pluginVersion = "0.7.4";
-    chunkRWLODK55Js1.__initData = _worklet_6402982653390_init_data;
-    chunkRWLODK55Js1.__stackDetails = _e;
-    return chunkRWLODK55Js1;
+    chunkH2USQQUDJs1.__workletHash = 1169378453226;
+    chunkH2USQQUDJs1.__pluginVersion = "0.7.4";
+    chunkH2USQQUDJs1.__initData = _worklet_1169378453226_init_data;
+    chunkH2USQQUDJs1.__stackDetails = _e;
+    return chunkH2USQQUDJs1;
   }({
-    _worklet_6402982653390_init_data,
+    _worklet_1169378453226_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */jsx3(Animated.View, {