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

package/dist/chunk-R4HJCQPI.js

@@ -1,889 +0,0 @@
-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 };