@xaui/native 0.9.1-alpha.1 → 0.9.1-alpha.11

package/dist/chunk-R4HJCQPI.js

@@ -0,0 +1,889 @@
+import { deriveTint, useXAUITheme } from "./chunk-X2K2FX3W.js";
+
+// src/system/icon/icon-context.ts
+import { createContext, useContext } from "react";
+var IconContext = createContext({});
+IconContext.displayName = "XAUI.Icon.Context";
+function useIconContext() {
+  return useContext(IconContext);
+}
+
+// src/system/icon/icon.tsx
+import { cloneElement, isValidElement } from "react";
+import { Image } from "react-native";
+import { jsx } from "react/jsx-runtime";
+function Icon({
+  as: Component,
+  children,
+  source,
+  size,
+  color,
+  style
+}) {
+  const inherited = useIconContext();
+  const theme = useXAUITheme();
+  const resolvedSize = size ?? inherited.size ?? theme.fontSizes.md;
+  const resolvedColor = color ?? inherited.color ?? theme.colors.foreground;
+  if (Component) {
+    return /* @__PURE__ */jsx(Component, {
+      size: resolvedSize,
+      color: resolvedColor
+    });
+  }
+  if (isValidElement(children)) {
+    return cloneElement(children, {
+      width: resolvedSize,
+      height: resolvedSize,
+      color: resolvedColor
+    });
+  }
+  if (source) {
+    return /* @__PURE__ */jsx(Image, {
+      source,
+      style: [{
+        width: resolvedSize,
+        height: resolvedSize,
+        tintColor: resolvedColor
+      }, 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.");
+}
+Icon.displayName = "XAUI.Icon";
+
+// src/system/slot/children-to-string.ts
+import { isValidElement as isValidElement2 } from "react";
+function childrenToString(children) {
+  const text = stringify(children);
+  return text === null || text === "" ? null : text;
+}
+function stringify(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (isValidElement2(node)) return null;
+  if (Array.isArray(node)) {
+    let text = "";
+    for (const child of node) {
+      const part = stringify(child);
+      if (part === null) return null;
+      text += part;
+    }
+    return text;
+  }
+  return null;
+}
+
+// src/system/slot/create-slot-context.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+function createSlotContext(name) {
+  const Context = createContext2(null);
+  Context.displayName = `XAUI.${name}.Context`;
+  function useSlotContext() {
+    const value = useContext2(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.`);
+      Error.captureStackTrace?.(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
+import { cloneElement as cloneElement2, forwardRef, isValidElement as isValidElement3 } from "react";
+var Slot = forwardRef(function Slot2({
+  children,
+  ...ours
+}, ref) {
+  if (!isValidElement3(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 cloneElement2(child, merged);
+});
+Slot.displayName = "XAUI.Slot";
+function refOf(element) {
+  const fromProps = element.props.ref;
+  const fromElement = element.ref;
+  return fromProps ?? fromElement;
+}
+
+// src/system/pressable-feedback/pressable-feedback-context.ts
+import { createContext as createContext3 } from "react";
+var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
+var DisableAllContext = createContext3(false);
+
+// src/system/pressable-feedback/pressable-feedback.animation.ts
+var PRESS_SCALE = 0.975;
+var PRESS_DURATION = 100;
+var RELEASE_DURATION = 150;
+var HIGHLIGHT_OPACITY = 0.08;
+var RIPPLE_OPACITY = 0.12;
+var RIPPLE_DURATION = 350;
+var RIPPLE_COVERAGE = 1.25;
+var ALL_OFF = {
+  scale: false,
+  highlight: false,
+  ripple: false,
+  none: true
+};
+var ALL_ON = {
+  scale: true,
+  highlight: true,
+  ripple: true,
+  none: false
+};
+function resolveAnimation(animation, inheritedDisableAll = false) {
+  if (inheritedDisableAll) return {
+    ...ALL_OFF,
+    disableAll: true
+  };
+  if (animation === false || animation === "disabled") {
+    return {
+      ...ALL_OFF,
+      disableAll: false
+    };
+  }
+  if (animation === "disable-all") return {
+    ...ALL_OFF,
+    disableAll: true
+  };
+  if (animation === void 0 || animation === true) {
+    return {
+      ...ALL_ON,
+      disableAll: false
+    };
+  }
+  const scale = animation.scale ?? true;
+  const highlight = animation.highlight ?? true;
+  const ripple = animation.ripple ?? true;
+  return {
+    scale,
+    highlight,
+    ripple,
+    none: !scale && !highlight && !ripple,
+    disableAll: false
+  };
+}
+function resolveSlotAnimation(override, enabledByRoot, defaultOpacity, defaultDuration = PRESS_DURATION) {
+  const fallback = {
+    enabled: enabledByRoot,
+    duration: defaultDuration,
+    opacity: defaultOpacity
+  };
+  if (override === void 0 || override === true) return fallback;
+  if (override === false) return {
+    ...fallback,
+    enabled: false
+  };
+  return {
+    enabled: enabledByRoot,
+    duration: override.duration ?? defaultDuration,
+    opacity: override.opacity ?? defaultOpacity
+  };
+}
+
+// src/system/pressable-feedback/pressable-feedback.tsx
+import { forwardRef as forwardRef2, useContext as useContext3, useEffect as useEffect2, useMemo } from "react";
+import { Pressable } from "react-native";
+import Animated3, { useAnimatedStyle as useAnimatedStyle3, useSharedValue as useSharedValue3, withTiming as withTiming3 } from "react-native-reanimated";
+
+// src/system/pressable-feedback/pressable-feedback-highlight.tsx
+import { useEffect } from "react";
+import { StyleSheet, View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function PressableFeedbackHighlight({
+  style,
+  animation: override
+}) {
+  const {
+    isPressed,
+    animation,
+    progress
+  } = useFeedback();
+  const theme = useXAUITheme();
+  const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY);
+  const base = [StyleSheet.absoluteFillObject, {
+    backgroundColor: theme.colors.foreground
+  }, style];
+  if (!progress || !settings.enabled) {
+    return /* @__PURE__ */jsx2(View, {
+      pointerEvents: "none",
+      style: [base, {
+        opacity: isPressed ? settings.opacity : 0
+      }]
+    });
+  }
+  return /* @__PURE__ */jsx2(AnimatedHighlight, {
+    base,
+    duration: settings.duration,
+    opacity: settings.opacity
+  });
+}
+PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
+const _worklet_6834204559797_init_data = {
+  code: "function chunkR4HJCQPIJs1(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkR4HJCQPIJs1\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js\"],\"mappings\":\"AA2SyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+};
+function AnimatedHighlight({
+  base,
+  duration,
+  opacity
+}) {
+  const {
+    isPressed
+  } = useFeedback();
+  const shown = useSharedValue(0);
+  useEffect(() => {
+    shown.value = withTiming(isPressed ? 1 : 0, {
+      duration
+    });
+  }, [isPressed, shown, duration]);
+  const animatedStyle = useAnimatedStyle(function chunkR4HJCQPIJs1Factory({
+    _worklet_6834204559797_init_data,
+    shown,
+    opacity
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkR4HJCQPIJs1 = function () {
+      return {
+        opacity: shown.value * opacity
+      };
+    };
+    chunkR4HJCQPIJs1.__closure = {
+      shown,
+      opacity
+    };
+    chunkR4HJCQPIJs1.__workletHash = 6834204559797;
+    chunkR4HJCQPIJs1.__pluginVersion = "0.7.4";
+    chunkR4HJCQPIJs1.__initData = _worklet_6834204559797_init_data;
+    chunkR4HJCQPIJs1.__stackDetails = _e;
+    return chunkR4HJCQPIJs1;
+  }({
+    _worklet_6834204559797_init_data,
+    shown,
+    opacity
+  }), [shown, opacity]);
+  return /* @__PURE__ */jsx2(Animated.View, {
+    pointerEvents: "none",
+    style: [base, animatedStyle]
+  });
+}
+
+// src/system/pressable-feedback/pressable-feedback-ripple.tsx
+import Animated2, { useAnimatedReaction, useAnimatedStyle as useAnimatedStyle2, useSharedValue as useSharedValue2, withTiming as withTiming2 } from "react-native-reanimated";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function PressableFeedbackRipple({
+  style,
+  animation: override
+}) {
+  const {
+    animation,
+    progress,
+    pressCount,
+    origin,
+    size
+  } = useFeedback();
+  const theme = useXAUITheme();
+  const settings = resolveSlotAnimation(override, animation.ripple, RIPPLE_OPACITY, RIPPLE_DURATION);
+  if (!progress || !pressCount || !origin || !size || !settings.enabled) return null;
+  return /* @__PURE__ */jsx3(AnimatedRipple, {
+    color: theme.colors.foreground,
+    duration: settings.duration,
+    opacity: settings.opacity,
+    style
+  });
+}
+PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
+const _worklet_2345335598483_init_data = {
+  code: "function chunkR4HJCQPIJs2(){const{pressCount}=this.__closure;var _pressCount$value,_pressCount;return(_pressCount$value=(_pressCount=pressCount)===null||_pressCount===void 0?void 0:_pressCount.value)!==null&&_pressCount$value!==void 0?_pressCount$value:0;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkR4HJCQPIJs2\",\"pressCount\",\"__closure\",\"_pressCount$value\",\"_pressCount\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js\"],\"mappings\":\"AA+VI,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,OAAAC,SAAA,KAAAC,iBAAA,CAAAC,WAAA,CAEJ,OAAAD,iBAAA,EAAAC,WAAA,CAAOH,UAAU,UAAAG,WAAA,iBAAVA,WAAA,CAAYC,KAAK,UAAAF,iBAAA,UAAAA,iBAAA,CAAI,CAAC,CAC/B\",\"ignoreList\":[]}"
+};
+const _worklet_10706360407264_init_data = {
+  code: "function chunkR4HJCQPIJs3(count,previous){const{useA,waveA,waveB,fromA,fromB,origin,withTiming2,duration}=this.__closure;var _origin$value,_origin;if(previous===null||count===previous)return;const wave=useA.value?waveA:waveB;const from=useA.value?fromA:fromB;from.value=(_origin$value=(_origin=origin)===null||_origin===void 0?void 0:_origin.value)!==null&&_origin$value!==void 0?_origin$value:{x:0,y:0};wave.value=0;wave.value=withTiming2(1,{duration:duration});useA.value=!useA.value;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkR4HJCQPIJs3\",\"count\",\"previous\",\"useA\",\"waveA\",\"waveB\",\"fromA\",\"fromB\",\"origin\",\"withTiming2\",\"duration\",\"__closure\",\"_origin$value\",\"_origin\",\"wave\",\"value\",\"from\",\"x\",\"y\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js\"],\"mappings\":\"AAmWI,QAAC,CAAAA,gBAAOA,CAAQC,KAAK,CAAAC,QAAA,QAAAC,IAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,KAAA,CAAAC,MAAA,CAAAC,WAAA,CAAAC,QAAA,OAAAC,SAAA,KAAAC,aAAA,CAAAC,OAAA,CAEnB,GAAIX,QAAQ,GAAK,IAAI,EAAID,KAAK,GAAKC,QAAQ,CAAE,OAC7C,KAAM,CAAAY,IAAI,CAAGX,IAAI,CAACY,KAAK,CAAGX,KAAK,CAAGC,KAAK,CACvC,KAAM,CAAAW,IAAI,CAAGb,IAAI,CAACY,KAAK,CAAGT,KAAK,CAAGC,KAAK,CACvCS,IAAI,CAACD,KAAK,EAAAH,aAAA,EAAAC,OAAA,CAAGL,MAAM,UAAAK,OAAA,iBAANA,OAAA,CAAQE,KAAK,UAAAH,aAAA,UAAAA,aAAA,CAAI,CAAEK,CAAC,CAAE,CAAC,CAAEC,CAAC,CAAE,CAAE,CAAC,CAC5CJ,IAAI,CAACC,KAAK,CAAG,CAAC,CACdD,IAAI,CAACC,KAAK,CAAGN,WAAW,CAAC,CAAC,CAAE,CAAEC,QAAA,CAAAA,QAAS,CAAC,CAAC,CACzCP,IAAI,CAACY,KAAK,CAAG,CAACZ,IAAI,CAACY,KAAK,CAC1B\",\"ignoreList\":[]}"
+};
+function AnimatedRipple({
+  color,
+  duration,
+  opacity,
+  style
+}) {
+  const {
+    pressCount,
+    origin,
+    size
+  } = useFeedback();
+  const waveA = useSharedValue2(0);
+  const waveB = useSharedValue2(0);
+  const fromA = useSharedValue2({
+    x: 0,
+    y: 0
+  });
+  const fromB = useSharedValue2({
+    x: 0,
+    y: 0
+  });
+  const useA = useSharedValue2(true);
+  useAnimatedReaction(function chunkR4HJCQPIJs2Factory({
+    _worklet_2345335598483_init_data,
+    pressCount
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkR4HJCQPIJs2 = function () {
+      return pressCount?.value ?? 0;
+    };
+    chunkR4HJCQPIJs2.__closure = {
+      pressCount
+    };
+    chunkR4HJCQPIJs2.__workletHash = 2345335598483;
+    chunkR4HJCQPIJs2.__pluginVersion = "0.7.4";
+    chunkR4HJCQPIJs2.__initData = _worklet_2345335598483_init_data;
+    chunkR4HJCQPIJs2.__stackDetails = _e;
+    return chunkR4HJCQPIJs2;
+  }({
+    _worklet_2345335598483_init_data,
+    pressCount
+  }), function chunkR4HJCQPIJs3Factory({
+    _worklet_10706360407264_init_data,
+    useA,
+    waveA,
+    waveB,
+    fromA,
+    fromB,
+    origin,
+    withTiming2,
+    duration
+  }) {
+    const _e = [new global.Error(), -9, -27];
+    const chunkR4HJCQPIJs3 = function (count, previous) {
+      if (previous === null || count === previous) return;
+      const wave = useA.value ? waveA : waveB;
+      const from = useA.value ? fromA : fromB;
+      from.value = origin?.value ?? {
+        x: 0,
+        y: 0
+      };
+      wave.value = 0;
+      wave.value = withTiming2(1, {
+        duration
+      });
+      useA.value = !useA.value;
+    };
+    chunkR4HJCQPIJs3.__closure = {
+      useA,
+      waveA,
+      waveB,
+      fromA,
+      fromB,
+      origin,
+      withTiming2,
+      duration
+    };
+    chunkR4HJCQPIJs3.__workletHash = 10706360407264;
+    chunkR4HJCQPIJs3.__pluginVersion = "0.7.4";
+    chunkR4HJCQPIJs3.__initData = _worklet_10706360407264_init_data;
+    chunkR4HJCQPIJs3.__stackDetails = _e;
+    return chunkR4HJCQPIJs3;
+  }({
+    _worklet_10706360407264_init_data,
+    useA,
+    waveA,
+    waveB,
+    fromA,
+    fromB,
+    origin,
+    withTiming2,
+    duration
+  }), [pressCount, origin, duration, waveA, waveB, fromA, fromB, useA]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx3(RippleWave, {
+      wave: waveA,
+      from: fromA,
+      size,
+      color,
+      opacity,
+      style
+    }), /* @__PURE__ */jsx3(RippleWave, {
+      wave: waveB,
+      from: fromB,
+      size,
+      color,
+      opacity,
+      style
+    })]
+  });
+}
+const _worklet_4774866344303_init_data = {
+  code: "function chunkR4HJCQPIJs4(){const{size,RIPPLE_COVERAGE,from,progress,opacity,wave}=this.__closure;var _size$value,_size,_progress$value,_progress;const within=(_size$value=(_size=size)===null||_size===void 0?void 0:_size.value)!==null&&_size$value!==void 0?_size$value:{width:0,height:0};const radius=Math.sqrt(within.width*within.width+within.height*within.height)*RIPPLE_COVERAGE;const at=from.value;return{width:radius*2,height:radius*2,borderRadius:radius,opacity:((_progress$value=(_progress=progress)===null||_progress===void 0?void 0:_progress.value)!==null&&_progress$value!==void 0?_progress$value:0)*opacity,transform:[{translateX:at.x-radius},{translateY:at.y-radius},{scale:wave.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkR4HJCQPIJs4\",\"size\",\"RIPPLE_COVERAGE\",\"from\",\"progress\",\"opacity\",\"wave\",\"__closure\",\"_size$value\",\"_size\",\"_progress$value\",\"_progress\",\"within\",\"value\",\"width\",\"height\",\"radius\",\"Math\",\"sqrt\",\"at\",\"borderRadius\",\"transform\",\"translateX\",\"x\",\"translateY\",\"y\",\"scale\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js\"],\"mappings\":\"AAiZ0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,eAAA,CAAAC,IAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAC,IAAA,OAAAC,SAAA,KAAAC,WAAA,CAAAC,KAAA,CAAAC,eAAA,CAAAC,SAAA,CAE5C,KAAM,CAAAC,MAAM,EAAAJ,WAAA,EAAAC,KAAA,CAAGR,IAAI,UAAAQ,KAAA,iBAAJA,KAAA,CAAMI,KAAK,UAAAL,WAAA,UAAAA,WAAA,CAAI,CAAEM,KAAK,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAE,CAAC,CACrD,KAAM,CAAAC,MAAM,CAAGC,IAAI,CAACC,IAAI,CAACN,MAAM,CAACE,KAAK,CAAGF,MAAM,CAACE,KAAK,CAAGF,MAAM,CAACG,MAAM,CAAGH,MAAM,CAACG,MAAM,CAAC,CAAGb,eAAe,CACvG,KAAM,CAAAiB,EAAE,CAAGhB,IAAI,CAACU,KAAK,CACrB,MAAO,CACLC,KAAK,CAAEE,MAAM,CAAG,CAAC,CACjBD,MAAM,CAAEC,MAAM,CAAG,CAAC,CAClBI,YAAY,CAAEJ,MAAM,CAGpBX,OAAO,CAAE,EAAAK,eAAA,EAAAC,SAAA,CAACP,QAAQ,UAAAO,SAAA,iBAARA,SAAA,CAAUE,KAAK,UAAAH,eAAA,UAAAA,eAAA,CAAI,CAAC,EAAIL,OAAO,CACzCgB,SAAS,CAAE,CACT,CAAEC,UAAU,CAAEH,EAAE,CAACI,CAAC,CAAGP,MAAO,CAAC,CAC7B,CAAEQ,UAAU,CAAEL,EAAE,CAACM,CAAC,CAAGT,MAAO,CAAC,CAC7B,CAAEU,KAAK,CAAEpB,IAAI,CAACO,KAAM,CAAC,CAEzB,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function RippleWave({
+  wave,
+  from,
+  size,
+  color,
+  opacity,
+  style
+}) {
+  const {
+    progress
+  } = useFeedback();
+  const animatedStyle = useAnimatedStyle2(function chunkR4HJCQPIJs4Factory({
+    _worklet_4774866344303_init_data,
+    size,
+    RIPPLE_COVERAGE,
+    from,
+    progress,
+    opacity,
+    wave
+  }) {
+    const _e = [new global.Error(), -7, -27];
+    const chunkR4HJCQPIJs4 = function () {
+      const within = size?.value ?? {
+        width: 0,
+        height: 0
+      };
+      const radius = Math.sqrt(within.width * within.width + within.height * within.height) * RIPPLE_COVERAGE;
+      const at = from.value;
+      return {
+        width: radius * 2,
+        height: radius * 2,
+        borderRadius: radius,
+        // The press, not the expansion. The wave is at full strength the instant it is
+        // touched, stays while the finger stays, and drains when it lifts.
+        opacity: (progress?.value ?? 0) * opacity,
+        transform: [{
+          translateX: at.x - radius
+        }, {
+          translateY: at.y - radius
+        }, {
+          scale: wave.value
+        }]
+      };
+    };
+    chunkR4HJCQPIJs4.__closure = {
+      size,
+      RIPPLE_COVERAGE,
+      from,
+      progress,
+      opacity,
+      wave
+    };
+    chunkR4HJCQPIJs4.__workletHash = 4774866344303;
+    chunkR4HJCQPIJs4.__pluginVersion = "0.7.4";
+    chunkR4HJCQPIJs4.__initData = _worklet_4774866344303_init_data;
+    chunkR4HJCQPIJs4.__stackDetails = _e;
+    return chunkR4HJCQPIJs4;
+  }({
+    _worklet_4774866344303_init_data,
+    size,
+    RIPPLE_COVERAGE,
+    from,
+    progress,
+    opacity,
+    wave
+  }), [wave, from, size, opacity, progress]);
+  return /* @__PURE__ */jsx3(Animated2.View, {
+    pointerEvents: "none",
+    style: [{
+      position: "absolute",
+      backgroundColor: color
+    }, animatedStyle, style]
+  });
+}
+
+// src/system/pressable-feedback/pressable-feedback.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var AnimatedPressable = Animated3.createAnimatedComponent(Pressable);
+var AnimatedSlot = Animated3.createAnimatedComponent(Slot);
+var PressableFeedback = forwardRef2(function PressableFeedback2({
+  animation,
+  feedbackVariant = "scale-highlight",
+  ...rest
+}, ref) {
+  const inheritedDisableAll = useContext3(DisableAllContext);
+  const resolved = resolveAnimation(animation, inheritedDisableAll);
+  const Feedback = resolved.none || feedbackVariant === "none" ? StaticFeedback : AnimatedFeedback;
+  const body2 = /* @__PURE__ */jsx4(Feedback, {
+    ref,
+    animation: resolved,
+    feedbackVariant,
+    ...rest
+  });
+  return resolved.disableAll ? /* @__PURE__ */jsx4(DisableAllContext.Provider, {
+    value: true,
+    children: body2
+  }) : body2;
+});
+var StaticFeedback = forwardRef2(function StaticFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  feedbackVariant,
+  children,
+  style,
+  ...rest
+}, ref) {
+  const context = useMemo(() => ({
+    isPressed,
+    animation
+  }), [isPressed, animation]);
+  const Root = asChild ? Slot : Pressable;
+  return /* @__PURE__ */jsx4(FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx4(Root, {
+      ref,
+      style: [clipFor(feedbackVariant, asChild), style],
+      disabled: isDisabled,
+      ...rest,
+      children: body(asChild, feedbackVariant, children)
+    })
+  });
+});
+const _worklet_6138658545541_init_data = {
+  code: "function chunkR4HJCQPIJs5(){const{animation,PRESS_SCALE,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-PRESS_SCALE)*progress.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkR4HJCQPIJs5\",\"animation\",\"PRESS_SCALE\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-R4HJCQPI.js\"],\"mappings\":\"AAkf0C,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,WAAA,CAAAC,QAAA,OAAAC,SAAA,CAE5C,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,WAAW,EAAIC,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAC3E\",\"ignoreList\":[]}"
+};
+var AnimatedFeedback = forwardRef2(function AnimatedFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  feedbackVariant,
+  children,
+  style,
+  onPressIn,
+  onLayout,
+  ...rest
+}, ref) {
+  const progress = useSharedValue3(0);
+  const pressCount = useSharedValue3(0);
+  const origin = useSharedValue3({
+    x: 0,
+    y: 0
+  });
+  const size = useSharedValue3({
+    width: 0,
+    height: 0
+  });
+  useEffect2(() => {
+    progress.value = withTiming3(isPressed ? 1 : 0, {
+      duration: isPressed ? PRESS_DURATION : RELEASE_DURATION
+    });
+  }, [isPressed, progress]);
+  const animatedStyle = useAnimatedStyle3(function chunkR4HJCQPIJs5Factory({
+    _worklet_6138658545541_init_data,
+    animation,
+    PRESS_SCALE,
+    progress
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkR4HJCQPIJs5 = function () {
+      if (!animation.scale) return {};
+      return {
+        transform: [{
+          scale: 1 - (1 - PRESS_SCALE) * progress.value
+        }]
+      };
+    };
+    chunkR4HJCQPIJs5.__closure = {
+      animation,
+      PRESS_SCALE,
+      progress
+    };
+    chunkR4HJCQPIJs5.__workletHash = 6138658545541;
+    chunkR4HJCQPIJs5.__pluginVersion = "0.7.4";
+    chunkR4HJCQPIJs5.__initData = _worklet_6138658545541_init_data;
+    chunkR4HJCQPIJs5.__stackDetails = _e;
+    return chunkR4HJCQPIJs5;
+  }({
+    _worklet_6138658545541_init_data,
+    animation,
+    PRESS_SCALE,
+    progress
+  }), [animation.scale, progress]);
+  const context = useMemo(() => ({
+    isPressed,
+    animation,
+    progress,
+    pressCount,
+    origin,
+    size
+  }), [isPressed, animation, progress, pressCount, origin, size]);
+  const handlePressIn = event => {
+    const {
+      locationX,
+      locationY
+    } = event.nativeEvent;
+    origin.value = {
+      x: locationX,
+      y: locationY
+    };
+    pressCount.value += 1;
+    onPressIn?.(event);
+  };
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    size.value = {
+      width,
+      height
+    };
+    onLayout?.(event);
+  };
+  const Root = asChild ? AnimatedSlot : AnimatedPressable;
+  return /* @__PURE__ */jsx4(FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx4(Root, {
+      ref,
+      style: [clipFor(feedbackVariant, asChild), style, animatedStyle],
+      disabled: isDisabled,
+      onPressIn: handlePressIn,
+      onLayout: handleLayout,
+      ...rest,
+      children: body(asChild, feedbackVariant, children)
+    })
+  });
+});
+function body(asChild, variant, children) {
+  if (asChild) return children;
+  return /* @__PURE__ */jsxs2(Fragment2, {
+    children: [/* @__PURE__ */jsx4(DefaultOverlay, {
+      variant
+    }), children]
+  });
+}
+var OVERLAY_CLIP = {
+  overflow: "hidden"
+};
+function clipFor(variant, asChild) {
+  if (asChild) return null;
+  const mountsOverlay = variant === "scale-highlight" || variant === "scale-ripple";
+  return mountsOverlay ? OVERLAY_CLIP : null;
+}
+function DefaultOverlay({
+  variant
+}) {
+  if (variant === "scale-highlight") return /* @__PURE__ */jsx4(PressableFeedbackHighlight, {});
+  if (variant === "scale-ripple") return /* @__PURE__ */jsx4(PressableFeedbackRipple, {});
+  return null;
+}
+
+// src/system/pressable-feedback/index.ts
+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 = deriveTint(color, theme);
+  const colors = {};
+  for (const [role, token] of Object.entries(tokens ?? {})) {
+    colors[role] = tint[tintSliceFor(token)];
+  }
+  return colors;
+}
+
+// src/system/recipe/style-cache.ts
+import { StyleSheet as StyleSheet2 } from "react-native";
+
+// 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(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] ? states?.[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(config.variants ?? {})) {
+    const value = selection[axis];
+    const fn = value === void 0 ? void 0 : values[value];
+    if (fn) fns.push(fn);
+  }
+  for (const compound of 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(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] = built[slot] ?? {};
+      const created = StyleSheet2.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}:${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 : config.variantTokens?.[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;
+}
+export { IconContext, useIconContext, Icon, childrenToString, createSlotContext, mergeRefs, mergeProps, Slot, useFeedback, PRESS_SCALE, PRESS_DURATION, RELEASE_DURATION, HIGHLIGHT_OPACITY, RIPPLE_OPACITY, RIPPLE_DURATION, RIPPLE_COVERAGE, resolveAnimation, resolveSlotAnimation, PressableFeedback3 as PressableFeedback, createRecipe };