@xaui/native 0.9.1-alpha.16 → 0.9.1-alpha.18

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

@@ -36,52 +36,11 @@ function _optionalChain(ops) {
   }
   return value;
 }
+var _chunk5SU7FXWHcjs = require('./chunk-5SU7FXWH.cjs');
 var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
 
-// 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 _react = require('react');
 var IconContext = _react.createContext.call(void 0, {});
 IconContext.displayName = "XAUI.Icon.Context";
 function useIconContext() {
@@ -92,173 +51,70 @@ function useIconContext() {
 
 var _reactnative = require('react-native');
 var _jsxruntime = require('react/jsx-runtime');
-function Icon({
-  as: Component,
-  children,
-  source,
-  size,
-  color,
-  style,
-  ...props
-}) {
+function Icon(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) {
+  const size = _nullishCoalesce(_nullishCoalesce(props.size, () => inherited.size), () => theme.fontSizes.md);
+  const color = _nullishCoalesce(_nullishCoalesce(props.color, () => inherited.color), () => theme.colors.foreground);
+  if (props.as) {
+    const Component = props.as;
     return /* @__PURE__ */_jsxruntime.jsx.call(void 0, Component, {
-      size: resolvedSize,
-      color: resolvedColor
+      size,
+      color
     });
   }
-  if (_react.isValidElement.call(void 0, children)) {
-    return _react.cloneElement.call(void 0, children, {
-      width: resolvedSize,
-      height: resolvedSize,
-      color: resolvedColor
-    });
-  }
-  if (source) {
-    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Image, {
-      source,
-      style: [{
-        width: resolvedSize,
-        height: resolvedSize,
-        tintColor: resolvedColor
-      }, styleProps, style]
+  if (_react.isValidElement.call(void 0, props.children)) {
+    return _react.cloneElement.call(void 0, props.children, {
+      width: size,
+      height: size,
+      color
     });
   }
+  if (props.source) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, IconImage, {
+    ...props,
+    resolved: {
+      size,
+      color
+    }
+  });
   throw new Error("XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own.");
 }
 Icon.displayName = "XAUI.Icon";
-
-// src/system/slot/children-to-string.ts
-
-function childrenToString(children) {
-  const text = stringify(children);
-  return text === null || text === "" ? null : text;
-}
-function stringify(node) {
-  if (node === null || node === void 0 || typeof node === "boolean") return "";
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (_react.isValidElement.call(void 0, node)) return null;
-  if (Array.isArray(node)) {
-    let text = "";
-    for (const child of node) {
-      const part = stringify(child);
-      if (part === null) return null;
-      text += part;
-    }
-    return text;
-  }
-  return null;
-}
-
-// src/system/slot/create-slot-context.ts
-
-function createSlotContext(name) {
-  const Context = _react.createContext.call(void 0, null);
-  Context.displayName = `XAUI.${name}.Context`;
-  function useSlotContext() {
-    const value = _react.useContext.call(void 0, Context);
-    if (value === null) {
-      const error = new Error(`XAUI: use${name} must be called inside <${name}>. A slot reads the values its root resolved, so it can only be rendered as a child of one.`);
-      _optionalChain([Error, 'access', _ => _.captureStackTrace, 'optionalCall', _2 => _2(error, useSlotContext)]);
-      throw error;
-    }
-    return value;
-  }
-  return [Context.Provider, useSlotContext];
-}
-
-// src/system/slot/merge-refs.ts
-function mergeRefs(...refs) {
-  return value => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(value);else if (ref) ref.current = value;
-    }
-  };
-}
-
-// src/system/slot/merge-props.ts
-var EVENT_HANDLER = /^on[A-Z]/;
-function mergeProps(ours, theirs) {
-  const merged = {
-    ...ours
-  };
-  for (const key of Object.keys(theirs)) {
-    const ourValue = ours[key];
-    const theirValue = theirs[key];
-    if (EVENT_HANDLER.test(key)) {
-      merged[key] = composeHandlers(ourValue, theirValue);
-    } else if (key === "style") {
-      merged[key] = mergeStyles(ourValue, theirValue);
-    } else if (key === "ref") {
-      merged[key] = mergeRefs(ourValue, theirValue);
-    } else {
-      merged[key] = theirValue;
-    }
-  }
-  return merged;
-}
-function composeHandlers(ours, theirs) {
-  if (typeof ours !== "function") return theirs;
-  if (typeof theirs !== "function") return ours;
-  return (...args) => {
-    ;
-    ours(...args);
-    return theirs(...args);
-  };
-}
-function mergeStyles(ours, theirs) {
-  if (typeof ours === "function" || typeof theirs === "function") {
-    return state => [resolveStyle(ours, state), resolveStyle(theirs, state)];
-  }
-  return [ours, theirs];
-}
-function resolveStyle(style, state) {
-  return typeof style === "function" ? style(state) : style;
-}
-
-// src/system/slot/slot.tsx
-
-var Slot = _react.forwardRef.call(void 0, function Slot2({
-  children,
-  ...ours
-}, ref) {
-  if (!_react.isValidElement.call(void 0, children)) {
-    throw new Error("XAUI: asChild expects exactly one React element as its child, and merges the component's props into it. Text, a fragment, several children or none give it nothing to merge into \u2014 drop `asChild` to render the component itself.");
-  }
-  const child = children;
-  const merged = mergeProps(ours, child.props);
-  merged.ref = mergeRefs(ref, refOf(child));
-  return _react.cloneElement.call(void 0, child, merged);
-});
-Slot.displayName = "XAUI.Slot";
-function refOf(element) {
-  const fromProps = element.props.ref;
-  const fromElement = element.ref;
-  return _nullishCoalesce(fromProps, () => fromElement);
+function IconImage({
+  source,
+  style,
+  resolved,
+  size: _size,
+  color: _color,
+  ...props
+}) {
+  const [styleProps] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Image, {
+    source,
+    style: [{
+      width: resolved.size,
+      height: resolved.size,
+      tintColor: resolved.color
+    }, styleProps, style]
+  });
 }
 
 // src/system/pressable-feedback/pressable-feedback-context.ts
 
-var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
+var [FeedbackProvider, useFeedback] = _chunk5SU7FXWHcjs.createSlotContext.call(void 0, "PressableFeedback");
 var DisableAllContext = _react.createContext.call(void 0, false);
 
 // src/system/pressable-feedback/pressable-feedback.animation.ts
 var PRESS_SCALE = 0.985;
 var PRESS_DURATION = 300;
 var SCALE_REFERENCE_WIDTH = 300;
-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 _worklet_6765538674509_init_data = {
+  code: "function pressScaleFor_chunkP5MKOLIWCjs1(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-P5MKOLIW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkP5MKOLIWCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs\"],\"mappings\":\"AA4EA,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_chunkPUER6Y4MCjs1Factory({
-  _worklet_3638762147639_init_data,
+const pressScaleFor = function pressScaleFor_chunkP5MKOLIWCjs1Factory({
+  _worklet_6765538674509_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 }) {
@@ -271,13 +127,13 @@ const pressScaleFor = function pressScaleFor_chunkPUER6Y4MCjs1Factory({
     SCALE_REFERENCE_WIDTH,
     PRESS_SCALE
   };
-  pressScaleFor.__workletHash = 3638762147639;
+  pressScaleFor.__workletHash = 6765538674509;
   pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_3638762147639_init_data;
+  pressScaleFor.__initData = _worklet_6765538674509_init_data;
   pressScaleFor.__stackDetails = _e;
   return pressScaleFor;
 }({
-  _worklet_3638762147639_init_data,
+  _worklet_6765538674509_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 });
@@ -290,26 +146,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
 var RIPPLE_FADE_IN = 75;
 var RIPPLE_FADE_OUT_DELAY = 225;
 var RIPPLE_FADE_OUT = 150;
-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 _worklet_16027664241398_init_data = {
+  code: "function rippleRadiusFor_chunkP5MKOLIWCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkP5MKOLIWCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs\"],\"mappings\":\"AA0FA,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_chunkPUER6Y4MCjs2Factory({
-  _worklet_15335127470860_init_data
+const rippleRadiusFor = function rippleRadiusFor_chunkP5MKOLIWCjs2Factory({
+  _worklet_16027664241398_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 = 15335127470860;
+  rippleRadiusFor.__workletHash = 16027664241398;
   rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_15335127470860_init_data;
+  rippleRadiusFor.__initData = _worklet_16027664241398_init_data;
   rippleRadiusFor.__stackDetails = _e;
   return rippleRadiusFor;
 }({
-  _worklet_15335127470860_init_data
+  _worklet_16027664241398_init_data
 });
 var ALL_OFF = {
   scale: false,
@@ -435,7 +291,7 @@ function radiusFrom(style) {
 // src/system/pressable-feedback/pressable-feedback.tsx
 
 var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
-var AnimatedSlot = _reactnativereanimated2.default.createAnimatedComponent(Slot);
+var AnimatedSlot = _reactnativereanimated2.default.createAnimatedComponent(_chunk5SU7FXWHcjs.Slot);
 var PressableFeedback = _react.forwardRef.call(void 0, function PressableFeedback2({
   animation,
   style,
@@ -443,7 +299,7 @@ var PressableFeedback = _react.forwardRef.call(void 0, function PressableFeedbac
 }, ref) {
   const inheritedDisableAll = _react.useContext.call(void 0, DisableAllContext);
   const resolved = resolveAnimation(animation, inheritedDisableAll);
-  const [styleProps, rest] = useStyleProps(props);
+  const [styleProps, rest] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
   const Feedback = resolved.none ? StaticFeedback : AnimatedFeedback;
   const body = /* @__PURE__ */_jsxruntime.jsx.call(void 0, Feedback, {
     ref,
@@ -471,7 +327,7 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
     animation,
     ...surface
   }), [isPressed, animation, surface]);
-  const Root = asChild ? Slot : _reactnative.Pressable;
+  const Root = asChild ? _chunk5SU7FXWHcjs.Slot : _reactnative.Pressable;
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
     value: context,
     children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, Root, {
@@ -483,10 +339,10 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
     })
   });
 });
-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\":[]}"
+const _worklet_3780393475220_init_data = {
+  code: "function chunkP5MKOLIWCjs3(){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-P5MKOLIW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkP5MKOLIWCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs\"],\"mappings\":\"AAyQ6E,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,
@@ -515,14 +371,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 chunkPUER6Y4MCjs3Factory({
-    _worklet_14386231340974_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkP5MKOLIWCjs3Factory({
+    _worklet_3780393475220_init_data,
     animation,
     pressedScale,
     progress
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkPUER6Y4MCjs3 = function () {
+    const chunkP5MKOLIWCjs3 = function () {
       if (!animation.scale) return {};
       return {
         transform: [{
@@ -530,18 +386,18 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
         }]
       };
     };
-    chunkPUER6Y4MCjs3.__closure = {
+    chunkP5MKOLIWCjs3.__closure = {
       animation,
       pressedScale,
       progress
     };
-    chunkPUER6Y4MCjs3.__workletHash = 14386231340974;
-    chunkPUER6Y4MCjs3.__pluginVersion = "0.7.4";
-    chunkPUER6Y4MCjs3.__initData = _worklet_14386231340974_init_data;
-    chunkPUER6Y4MCjs3.__stackDetails = _e;
-    return chunkPUER6Y4MCjs3;
+    chunkP5MKOLIWCjs3.__workletHash = 3780393475220;
+    chunkP5MKOLIWCjs3.__pluginVersion = "0.7.4";
+    chunkP5MKOLIWCjs3.__initData = _worklet_3780393475220_init_data;
+    chunkP5MKOLIWCjs3.__stackDetails = _e;
+    return chunkP5MKOLIWCjs3;
   }({
-    _worklet_14386231340974_init_data,
+    _worklet_3780393475220_init_data,
     animation,
     pressedScale,
     progress
@@ -574,7 +430,7 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
     wave.alpha.value = _reactnativereanimated.withTiming.call(void 0, 1, {
       duration: RIPPLE_FADE_IN
     });
-    _optionalChain([onTouchStart, 'optionalCall', _3 => _3(event)]);
+    _optionalChain([onTouchStart, 'optionalCall', _ => _(event)]);
   };
   const releaseWave = () => {
     const wave = waves[nextWave.current === 0 ? 1 : 0];
@@ -588,11 +444,11 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
   };
   const handleTouchEnd = event => {
     releaseWave();
-    _optionalChain([onTouchEnd, 'optionalCall', _4 => _4(event)]);
+    _optionalChain([onTouchEnd, 'optionalCall', _2 => _2(event)]);
   };
   const handleTouchCancel = event => {
     releaseWave();
-    _optionalChain([onTouchCancel, 'optionalCall', _5 => _5(event)]);
+    _optionalChain([onTouchCancel, 'optionalCall', _3 => _3(event)]);
   };
   const handleLayout = event => {
     const {
@@ -603,7 +459,7 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
       width,
       height
     };
-    _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
+    _optionalChain([onLayout, 'optionalCall', _4 => _4(event)]);
   };
   const Root = asChild ? AnimatedSlot : AnimatedPressable;
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
@@ -637,7 +493,7 @@ function useSurface(style) {
   return _react.useMemo.call(void 0, () => {
     const flat = _reactnative.StyleSheet.flatten(style);
     return {
-      ink: inkFor(_optionalChain([flat, 'optionalAccess', _7 => _7.backgroundColor]), theme.colors),
+      ink: inkFor(_optionalChain([flat, 'optionalAccess', _5 => _5.backgroundColor]), theme.colors),
       corners: radiusFrom(flat)
     };
   }, [style, theme]);
@@ -658,7 +514,7 @@ function PressableFeedbackHighlight({
     ink,
     corners
   } = useFeedback();
-  const [styleProps] = useStyleProps(props);
+  const [styleProps] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
   const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION);
   const base = [_reactnative.StyleSheet.absoluteFillObject, {
     backgroundColor: ink,
@@ -683,10 +539,10 @@ function PressableFeedbackHighlight({
 }
 PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
 markOverlay(PressableFeedbackHighlight);
-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\":[]}"
+const _worklet_4159583955298_init_data = {
+  code: "function chunkP5MKOLIWCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkP5MKOLIWCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-P5MKOLIW.cjs\"],\"mappings\":\"AAuZ6E,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,
@@ -702,28 +558,28 @@ function AnimatedHighlight({
       duration
     });
   }, [isPressed, shown, duration]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkPUER6Y4MCjs4Factory({
-    _worklet_9533806899672_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkP5MKOLIWCjs4Factory({
+    _worklet_4159583955298_init_data,
     shown,
     opacity
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkPUER6Y4MCjs4 = function () {
+    const chunkP5MKOLIWCjs4 = function () {
       return {
         opacity: shown.value * opacity
       };
     };
-    chunkPUER6Y4MCjs4.__closure = {
+    chunkP5MKOLIWCjs4.__closure = {
       shown,
       opacity
     };
-    chunkPUER6Y4MCjs4.__workletHash = 9533806899672;
-    chunkPUER6Y4MCjs4.__pluginVersion = "0.7.4";
-    chunkPUER6Y4MCjs4.__initData = _worklet_9533806899672_init_data;
-    chunkPUER6Y4MCjs4.__stackDetails = _e;
-    return chunkPUER6Y4MCjs4;
+    chunkP5MKOLIWCjs4.__workletHash = 4159583955298;
+    chunkP5MKOLIWCjs4.__pluginVersion = "0.7.4";
+    chunkP5MKOLIWCjs4.__initData = _worklet_4159583955298_init_data;
+    chunkP5MKOLIWCjs4.__stackDetails = _e;
+    return chunkP5MKOLIWCjs4;
   }({
-    _worklet_9533806899672_init_data,
+    _worklet_4159583955298_init_data,
     shown,
     opacity
   }), [shown, opacity]);
@@ -746,7 +602,7 @@ function PressableFeedbackRipple({
     ink,
     corners
   } = useFeedback();
-  const [styleProps] = useStyleProps(props);
+  const [styleProps] = _chunk5SU7FXWHcjs.useStyleProps.call(void 0, props);
   const waveStyle = [styleProps, style];
   const settings = resolveSlotAnimation(override, animation.ripple, RIPPLE_OPACITY);
   const [size, setSize] = _react.useState.call(void 0, {
@@ -787,10 +643,10 @@ function PressableFeedbackRipple({
 }
 PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
 markOverlay(PressableFeedbackRipple);
-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\":[]}"
+const _worklet_17082358914191_init_data = {
+  code: "function chunkP5MKOLIWCjs5(){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-P5MKOLIW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkP5MKOLIWCjs5\",\"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-P5MKOLIW.cjs\"],\"mappings\":\"AAud6E,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,
@@ -800,8 +656,8 @@ function RippleWave({
   opacity,
   style
 }) {
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkPUER6Y4MCjs5Factory({
-    _worklet_2787827463541_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkP5MKOLIWCjs5Factory({
+    _worklet_17082358914191_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -809,7 +665,7 @@ function RippleWave({
     radius
   }) {
     const _e = [new global.Error(), -6, -27];
-    const chunkPUER6Y4MCjs5 = function () {
+    const chunkP5MKOLIWCjs5 = function () {
       const t = wave.expand.value;
       const from = wave.origin.value;
       const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -827,20 +683,20 @@ function RippleWave({
         }]
       };
     };
-    chunkPUER6Y4MCjs5.__closure = {
+    chunkP5MKOLIWCjs5.__closure = {
       wave,
       RIPPLE_START_SCALE,
       center,
       opacity,
       radius
     };
-    chunkPUER6Y4MCjs5.__workletHash = 2787827463541;
-    chunkPUER6Y4MCjs5.__pluginVersion = "0.7.4";
-    chunkPUER6Y4MCjs5.__initData = _worklet_2787827463541_init_data;
-    chunkPUER6Y4MCjs5.__stackDetails = _e;
-    return chunkPUER6Y4MCjs5;
+    chunkP5MKOLIWCjs5.__workletHash = 17082358914191;
+    chunkP5MKOLIWCjs5.__pluginVersion = "0.7.4";
+    chunkP5MKOLIWCjs5.__initData = _worklet_17082358914191_init_data;
+    chunkP5MKOLIWCjs5.__stackDetails = _e;
+    return chunkP5MKOLIWCjs5;
   }({
-    _worklet_2787827463541_init_data,
+    _worklet_17082358914191_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -876,163 +732,9 @@ var PressableFeedback3 = Object.assign(PressableFeedback, {
   Highlight: PressableFeedbackHighlight,
   Ripple: PressableFeedbackRipple
 });
-
-// src/system/recipe/resolve-tint.ts
-var TINT_SLICE_BY_SUFFIX = [[/SoftForeground$/, "softForeground"], [/SoftPressed$/, "softPressed"], [/Soft$/, "soft"], [/Foreground$/, "foreground"], [/Pressed$/, "pressed"]];
-function tintSliceFor(token) {
-  for (const [suffix, slice] of TINT_SLICE_BY_SUFFIX) {
-    if (suffix.test(token)) return slice;
-  }
-  return "base";
-}
-function resolveTint(tokens, color, theme) {
-  const tint = _chunk6N5JXRUZcjs.deriveTint.call(void 0, color, theme);
-  const colors = {};
-  for (const [role, token] of Object.entries(_nullishCoalesce(tokens, () => ({})))) {
-    colors[role] = tint[tintSliceFor(token)];
-  }
-  return colors;
-}
-
-// src/system/recipe/style-cache.ts
-
-// src/system/recipe/variant-map.ts
-var STATE_ORDER = ["focused", "pressed", "disabled"];
-function resolveSelection(defaultVariants, selection) {
-  const resolved = {
-    ...defaultVariants
-  };
-  for (const [axis, value] of Object.entries(_nullishCoalesce(selection, () => ({})))) {
-    if (value !== void 0) resolved[axis] = value;
-  }
-  return resolved;
-}
-function resolveVariantColors(tokens, theme) {
-  const colors = {};
-  for (const [role, token] of entriesOf(tokens)) {
-    const value = theme.colors[token];
-    if (value === void 0) {
-      throw new Error(`XAUI: the recipe names "${token}" for its "${role}" role, but the theme has no such colour token. Check the spelling against XAUIColors.`);
-    }
-    colors[role] = value;
-  }
-  return colors;
-}
-function activeStateFns(states, active) {
-  const fns = [];
-  for (const state of STATE_ORDER) {
-    const fn = active[state] ? _optionalChain([states, 'optionalAccess', _8 => _8[state]]) : void 0;
-    if (fn) fns.push(fn);
-  }
-  return fns;
-}
-function collectStyleFns(config, selection, states) {
-  const fns = [];
-  if (config.base) fns.push(config.base);
-  if (config.paint) fns.push(config.paint);
-  for (const [axis, values] of Object.entries(_nullishCoalesce(config.variants, () => ({})))) {
-    const value = selection[axis];
-    const fn = value === void 0 ? void 0 : values[value];
-    if (fn) fns.push(fn);
-  }
-  for (const compound of _nullishCoalesce(config.compoundVariants, () => [])) {
-    if (appliesTo(compound.when, selection)) fns.push(compound.style);
-  }
-  return [...fns, ...activeStateFns(config.states, states)];
-}
-function appliesTo(when, selection) {
-  return Object.entries(when).every(([axis, value]) => selection[axis] === value);
-}
-function entriesOf(tokens) {
-  return Object.entries(_nullishCoalesce(tokens, () => ({})));
-}
-
-// src/system/recipe/style-cache.ts
-function createStyleCache(slots) {
-  const entries = /* @__PURE__ */new Map();
-  return {
-    read(key, build) {
-      const hit = entries.get(key);
-      if (hit) return hit;
-      const built = build();
-      const complete = {};
-      for (const slot of slots) complete[slot] = _nullishCoalesce(built[slot], () => ({}));
-      const created = _reactnative.StyleSheet.create(complete);
-      entries.set(key, created);
-      return created;
-    },
-    get size() {
-      return entries.size;
-    },
-    clear() {
-      entries.clear();
-    }
-  };
-}
-function cacheKey(theme, selection, states) {
-  const axes = Object.keys(selection).sort().map(axis => `${axis}:${_nullishCoalesce(selection[axis], () => "-")}`).join("|");
-  const active = STATE_ORDER.filter(state => states[state]).join(",");
-  return `${theme.id}|${theme.mode}|${axes}|${active}`;
-}
-
-// src/system/recipe/create-recipe.ts
-function createRecipe(config) {
-  const cache = createStyleCache(config.slots);
-  const tokensFor = variant => variant === void 0 ? void 0 : _optionalChain([config, 'access', _9 => _9.variantTokens, 'optionalAccess', _10 => _10[variant]]);
-  return {
-    slots: config.slots,
-    resolve({
-      theme,
-      selection,
-      states = {}
-    }) {
-      const resolved = resolveSelection(config.defaultVariants, selection);
-      return cache.read(cacheKey(theme, resolved, states), () => {
-        const colors = resolveVariantColors(tokensFor(resolved.variant), theme);
-        return apply(collectStyleFns(config, resolved, states), theme, colors);
-      });
-    },
-    tint({
-      theme,
-      color,
-      selection,
-      states = {}
-    }) {
-      if (!config.paint) return {};
-      const resolved = resolveSelection(config.defaultVariants, selection);
-      const tokens = tokensFor(resolved.variant);
-      if (!tokens) return {};
-      const colors = resolveTint(tokens, color, theme);
-      const fns = [config.paint, ...activeStateFns(config.states, states)];
-      return apply(fns, theme, colors);
-    }
-  };
-}
-function apply(fns, theme, colors) {
-  const merged = {};
-  for (const fn of fns) {
-    const produced = fn(theme, colors);
-    for (const slot of Object.keys(produced)) {
-      const style = produced[slot];
-      if (!style) continue;
-      const previous = merged[slot];
-      merged[slot] = previous ? {
-        ...previous,
-        ...style
-      } : style;
-    }
-  }
-  return merged;
-}
-exports.useStyleProps = useStyleProps;
 exports.IconContext = IconContext;
 exports.useIconContext = useIconContext;
 exports.Icon = Icon;
-exports.childrenToString = childrenToString;
-exports.createSlotContext = createSlotContext;
-exports.mergeRefs = mergeRefs;
-exports.mergeProps = mergeProps;
-exports.Slot = Slot;
 exports.useFeedback = useFeedback;
 exports.PRESS_SCALE = PRESS_SCALE;
 exports.PRESS_DURATION = PRESS_DURATION;
@@ -1052,5 +754,4 @@ exports.resolveAnimation = resolveAnimation;
 exports.resolveSlotAnimation = resolveSlotAnimation;
 exports.FEEDBACK_OVERLAY = FEEDBACK_OVERLAY;
 exports.markOverlay = markOverlay;
-exports.PressableFeedback = PressableFeedback3;
-exports.createRecipe = createRecipe;
+exports.PressableFeedback = PressableFeedback3;