@xaui/native 0.9.1-alpha.2 → 0.9.1-alpha.20

package/dist/chunk-WXAME7KB.js

@@ -0,0 +1,728 @@
+import { Slot, createSlotContext, useStyleProps } from "./chunk-EXX6ATAS.js";
+import { contrastOn, isHex, useXAUITheme } from "./chunk-A3EGFI6T.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(props) {
+  const inherited = useIconContext();
+  const theme = useXAUITheme();
+  const size = props.size ?? inherited.size ?? theme.fontSizes.md;
+  const color = props.color ?? inherited.color ?? theme.colors.foreground;
+  if (props.as) {
+    const Component = props.as;
+    return /* @__PURE__ */jsx(Component, {
+      size,
+      color
+    });
+  }
+  if (isValidElement(props.children)) {
+    return cloneElement(props.children, {
+      width: size,
+      height: size,
+      color
+    });
+  }
+  if (props.source) return /* @__PURE__ */jsx(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";
+function IconImage({
+  source,
+  style,
+  resolved,
+  size: _size,
+  color: _color,
+  ...props
+}) {
+  const [styleProps] = useStyleProps(props);
+  return /* @__PURE__ */jsx(Image, {
+    source,
+    style: [{
+      width: resolved.size,
+      height: resolved.size,
+      tintColor: resolved.color
+    }, styleProps, style]
+  });
+}
+
+// src/system/pressable-feedback/pressable-feedback-context.ts
+import { createContext as createContext2 } from "react";
+var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
+var DisableAllContext = createContext2(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_1477207651784_init_data = {
+  code: "function pressScaleFor_chunkWXAME7KBJs1(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-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkWXAME7KBJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA4EA,SAAAA,8BAA8BA,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_chunkWXAME7KBJs1Factory({
+  _worklet_1477207651784_init_data,
+  SCALE_REFERENCE_WIDTH,
+  PRESS_SCALE
+}) {
+  const _e = [new global.Error(), -3, -27];
+  const pressScaleFor = function (width) {
+    const coefficient = width > 0 ? SCALE_REFERENCE_WIDTH / width : 1;
+    return 1 - (1 - PRESS_SCALE) * coefficient;
+  };
+  pressScaleFor.__closure = {
+    SCALE_REFERENCE_WIDTH,
+    PRESS_SCALE
+  };
+  pressScaleFor.__workletHash = 1477207651784;
+  pressScaleFor.__pluginVersion = "0.7.4";
+  pressScaleFor.__initData = _worklet_1477207651784_init_data;
+  pressScaleFor.__stackDetails = _e;
+  return pressScaleFor;
+}({
+  _worklet_1477207651784_init_data,
+  SCALE_REFERENCE_WIDTH,
+  PRESS_SCALE
+});
+var HIGHLIGHT_OPACITY = 0.1;
+var HIGHLIGHT_DURATION = 200;
+var RIPPLE_OPACITY = 0.1;
+var RIPPLE_START_SCALE = 0.3;
+var RIPPLE_EXPAND_DURATION = 1e3;
+var RIPPLE_CONFIRM_DURATION = 225;
+var RIPPLE_FADE_IN = 75;
+var RIPPLE_FADE_OUT_DELAY = 225;
+var RIPPLE_FADE_OUT = 150;
+const _worklet_6998368132659_init_data = {
+  code: "function rippleRadiusFor_chunkWXAME7KBJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkWXAME7KBJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA0FA,SAAAA,gCAAwCA,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_chunkWXAME7KBJs2Factory({
+  _worklet_6998368132659_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 = 6998368132659;
+  rippleRadiusFor.__pluginVersion = "0.7.4";
+  rippleRadiusFor.__initData = _worklet_6998368132659_init_data;
+  rippleRadiusFor.__stackDetails = _e;
+  return rippleRadiusFor;
+}({
+  _worklet_6998368132659_init_data
+});
+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.overlay.ts
+import { Children, Fragment, createElement, isValidElement as isValidElement2 } from "react";
+var FEEDBACK_OVERLAY = /* @__PURE__ */Symbol.for("xaui.PressableFeedback.overlay");
+function markOverlay(component) {
+  return Object.assign(component, {
+    [FEEDBACK_OVERLAY]: true
+  });
+}
+function isBareOverlay(node) {
+  if (!isValidElement2(node)) return false;
+  const type = node.type;
+  if (typeof type !== "function" && typeof type !== "object") return false;
+  if (type === null) return false;
+  if (type[FEEDBACK_OVERLAY] !== true) return false;
+  return node.props.children === void 0;
+}
+function partitionOverlays(children) {
+  const all = Children.toArray(children);
+  const overlays = all.filter(isBareOverlay);
+  if (overlays.length === 0) return {
+    overlays: null,
+    content: children
+  };
+  return {
+    overlays,
+    content: all.filter(node => !isBareOverlay(node))
+  };
+}
+function feedbackChildren(children, asChild) {
+  if (asChild) return children;
+  const {
+    overlays,
+    content
+  } = partitionOverlays(children);
+  if (overlays === null) return content;
+  return createElement(Fragment, null, overlays, content);
+}
+
+// src/system/pressable-feedback/pressable-feedback.tsx
+import { forwardRef, useContext as useContext2, useEffect, useMemo, useRef } from "react";
+import { Pressable, StyleSheet } from "react-native";
+import Animated, { Easing, useAnimatedStyle, useDerivedValue, useSharedValue, withDelay, withTiming } from "react-native-reanimated";
+
+// src/system/pressable-feedback/pressable-feedback.surface.ts
+function inkFor(background, colors) {
+  if (typeof background !== "string" || !isHex(background)) return colors.foreground;
+  return contrastOn(background, colors.snow, colors.eclipse);
+}
+var RADIUS_KEYS = ["borderRadius", "borderStartStartRadius", "borderStartEndRadius", "borderEndStartRadius", "borderEndEndRadius"];
+function radiusFrom(style) {
+  if (!style) return {};
+  const radius = {};
+  for (const key of RADIUS_KEYS) {
+    const value = style[key];
+    if (value !== void 0) radius[key] = value;
+  }
+  return radius;
+}
+
+// src/system/pressable-feedback/pressable-feedback.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+var AnimatedSlot = Animated.createAnimatedComponent(Slot);
+var PressableFeedback = forwardRef(function PressableFeedback2({
+  animation,
+  style,
+  ...props
+}, ref) {
+  const inheritedDisableAll = useContext2(DisableAllContext);
+  const resolved = resolveAnimation(animation, inheritedDisableAll);
+  const [styleProps, rest] = useStyleProps(props);
+  const Feedback = resolved.none ? StaticFeedback : AnimatedFeedback;
+  const body = /* @__PURE__ */jsx2(Feedback, {
+    ref,
+    animation: resolved,
+    style: [styleProps, style],
+    ...rest
+  });
+  return resolved.disableAll ? /* @__PURE__ */jsx2(DisableAllContext.Provider, {
+    value: true,
+    children: body
+  }) : body;
+});
+var StaticFeedback = forwardRef(function StaticFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  children,
+  style,
+  ...rest
+}, ref) {
+  const surface = useSurface(style);
+  const context = useMemo(() => ({
+    isPressed,
+    animation,
+    ...surface
+  }), [isPressed, animation, surface]);
+  const Root = asChild ? Slot : Pressable;
+  return /* @__PURE__ */jsx2(FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx2(Root, {
+      ref,
+      style,
+      disabled: isDisabled,
+      ...rest,
+      children: feedbackChildren(children, asChild)
+    })
+  });
+});
+const _worklet_3682262406534_init_data = {
+  code: "function chunkWXAME7KBJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAwQuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
+};
+const _worklet_10640067524054_init_data = {
+  code: "function chunkWXAME7KBJs4(){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-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAyQyC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,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 = forwardRef(function AnimatedFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  children,
+  style,
+  onLayout,
+  onTouchStart,
+  onTouchEnd,
+  onTouchCancel,
+  ...rest
+}, ref) {
+  const progress = useSharedValue(0);
+  const size = useSharedValue({
+    width: 0,
+    height: 0
+  });
+  const waves = [useWave(), useWave()];
+  const nextWave = useRef(0);
+  useEffect(() => {
+    progress.value = withTiming(isPressed ? 1 : 0, {
+      duration: PRESS_DURATION,
+      easing: Easing.out(Easing.ease)
+    });
+  }, [isPressed, progress]);
+  const pressedScale = useDerivedValue(function chunkWXAME7KBJs3Factory({
+    _worklet_3682262406534_init_data,
+    pressScaleFor,
+    size
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkWXAME7KBJs3 = () => pressScaleFor(size.value.width);
+    chunkWXAME7KBJs3.__closure = {
+      pressScaleFor,
+      size
+    };
+    chunkWXAME7KBJs3.__workletHash = 3682262406534;
+    chunkWXAME7KBJs3.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs3.__initData = _worklet_3682262406534_init_data;
+    chunkWXAME7KBJs3.__stackDetails = _e;
+    return chunkWXAME7KBJs3;
+  }({
+    _worklet_3682262406534_init_data,
+    pressScaleFor,
+    size
+  }));
+  const animatedStyle = useAnimatedStyle(function chunkWXAME7KBJs4Factory({
+    _worklet_10640067524054_init_data,
+    animation,
+    pressedScale,
+    progress
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkWXAME7KBJs4 = function () {
+      if (!animation.scale) return {};
+      return {
+        transform: [{
+          scale: 1 - (1 - pressedScale.value) * progress.value
+        }]
+      };
+    };
+    chunkWXAME7KBJs4.__closure = {
+      animation,
+      pressedScale,
+      progress
+    };
+    chunkWXAME7KBJs4.__workletHash = 10640067524054;
+    chunkWXAME7KBJs4.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs4.__initData = _worklet_10640067524054_init_data;
+    chunkWXAME7KBJs4.__stackDetails = _e;
+    return chunkWXAME7KBJs4;
+  }({
+    _worklet_10640067524054_init_data,
+    animation,
+    pressedScale,
+    progress
+  }), [animation.scale, progress, pressedScale]);
+  const surface = useSurface(style);
+  const context = useMemo(() => ({
+    isPressed,
+    animation,
+    progress,
+    size,
+    waves,
+    ...surface
+  }), [isPressed, animation, progress, size, waves, surface]);
+  const handleTouchStart = event => {
+    const wave = waves[nextWave.current];
+    nextWave.current = nextWave.current === 0 ? 1 : 0;
+    const {
+      locationX,
+      locationY
+    } = event.nativeEvent;
+    wave.origin.value = {
+      x: locationX,
+      y: locationY
+    };
+    wave.expand.value = 0;
+    wave.expand.value = withTiming(1, {
+      duration: RIPPLE_EXPAND_DURATION,
+      easing: Easing.ease
+    });
+    wave.alpha.value = withTiming(1, {
+      duration: RIPPLE_FADE_IN
+    });
+    onTouchStart?.(event);
+  };
+  const releaseWave = () => {
+    const wave = waves[nextWave.current === 0 ? 1 : 0];
+    wave.expand.value = withTiming(1, {
+      duration: RIPPLE_CONFIRM_DURATION,
+      easing: Easing.ease
+    });
+    wave.alpha.value = withDelay(RIPPLE_FADE_OUT_DELAY, withTiming(0, {
+      duration: RIPPLE_FADE_OUT
+    }));
+  };
+  const handleTouchEnd = event => {
+    releaseWave();
+    onTouchEnd?.(event);
+  };
+  const handleTouchCancel = event => {
+    releaseWave();
+    onTouchCancel?.(event);
+  };
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    size.value = {
+      width,
+      height
+    };
+    onLayout?.(event);
+  };
+  const Root = asChild ? AnimatedSlot : AnimatedPressable;
+  return /* @__PURE__ */jsx2(FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx2(Root, {
+      ref,
+      style: [style, animatedStyle],
+      disabled: isDisabled,
+      onLayout: handleLayout,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: handleTouchCancel,
+      ...rest,
+      children: feedbackChildren(children, asChild)
+    })
+  });
+});
+PressableFeedback.displayName = "XAUI.PressableFeedback";
+function useWave() {
+  return {
+    expand: useSharedValue(0),
+    alpha: useSharedValue(0),
+    origin: useSharedValue({
+      x: 0,
+      y: 0
+    })
+  };
+}
+function useSurface(style) {
+  const theme = useXAUITheme();
+  return useMemo(() => {
+    const flat = StyleSheet.flatten(style);
+    return {
+      ink: inkFor(flat?.backgroundColor, theme.colors),
+      corners: radiusFrom(flat)
+    };
+  }, [style, theme]);
+}
+
+// src/system/pressable-feedback/pressable-feedback-highlight.tsx
+import { useEffect as useEffect2 } from "react";
+import { StyleSheet as StyleSheet2, View as View2 } from "react-native";
+import Animated2, { useAnimatedStyle as useAnimatedStyle2, useSharedValue as useSharedValue2, withTiming as withTiming2 } from "react-native-reanimated";
+import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function PressableFeedbackHighlight({
+  style,
+  animation: override,
+  children,
+  ...props
+}) {
+  const {
+    isPressed,
+    animation,
+    progress,
+    ink,
+    corners
+  } = useFeedback();
+  const [styleProps] = useStyleProps(props);
+  const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION);
+  const base = [StyleSheet2.absoluteFillObject, {
+    backgroundColor: ink,
+    pointerEvents: "none"
+  }, corners, styleProps, style];
+  if (!progress || !settings.enabled) {
+    return /* @__PURE__ */jsxs(Fragment2, {
+      children: [/* @__PURE__ */jsx3(View2, {
+        style: [base, {
+          opacity: isPressed ? settings.opacity : 0
+        }]
+      }), children]
+    });
+  }
+  return /* @__PURE__ */jsxs(Fragment2, {
+    children: [/* @__PURE__ */jsx3(AnimatedHighlight, {
+      base,
+      duration: settings.duration,
+      opacity: settings.opacity
+    }), children]
+  });
+}
+PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
+markOverlay(PressableFeedbackHighlight);
+const _worklet_4673236042662_init_data = {
+  code: "function chunkWXAME7KBJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAuZ0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+};
+function AnimatedHighlight({
+  base,
+  duration,
+  opacity
+}) {
+  const {
+    isPressed
+  } = useFeedback();
+  const shown = useSharedValue2(0);
+  useEffect2(() => {
+    shown.value = withTiming2(isPressed ? 1 : 0, {
+      duration
+    });
+  }, [isPressed, shown, duration]);
+  const animatedStyle = useAnimatedStyle2(function chunkWXAME7KBJs5Factory({
+    _worklet_4673236042662_init_data,
+    shown,
+    opacity
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkWXAME7KBJs5 = function () {
+      return {
+        opacity: shown.value * opacity
+      };
+    };
+    chunkWXAME7KBJs5.__closure = {
+      shown,
+      opacity
+    };
+    chunkWXAME7KBJs5.__workletHash = 4673236042662;
+    chunkWXAME7KBJs5.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs5.__initData = _worklet_4673236042662_init_data;
+    chunkWXAME7KBJs5.__stackDetails = _e;
+    return chunkWXAME7KBJs5;
+  }({
+    _worklet_4673236042662_init_data,
+    shown,
+    opacity
+  }), [shown, opacity]);
+  return /* @__PURE__ */jsx3(Animated2.View, {
+    style: [base, animatedStyle]
+  });
+}
+
+// src/system/pressable-feedback/pressable-feedback-ripple.tsx
+import { useState } from "react";
+import { StyleSheet as StyleSheet3, View as View3 } from "react-native";
+import Animated3, { useAnimatedStyle as useAnimatedStyle3 } from "react-native-reanimated";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function PressableFeedbackRipple({
+  style,
+  animation: override,
+  children,
+  ...props
+}) {
+  const {
+    animation,
+    waves,
+    ink,
+    corners
+  } = useFeedback();
+  const [styleProps] = useStyleProps(props);
+  const waveStyle = [styleProps, style];
+  const settings = resolveSlotAnimation(override, animation.ripple, RIPPLE_OPACITY);
+  const [size, setSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setSize(current => current.width === width && current.height === height ? current : {
+      width,
+      height
+    });
+  };
+  if (!waves || !settings.enabled) return /* @__PURE__ */jsx4(Fragment3, {
+    children
+  });
+  const radius = rippleRadiusFor(size.width, size.height);
+  return /* @__PURE__ */jsxs2(Fragment3, {
+    children: [/* @__PURE__ */jsx4(View3, {
+      style: [StyleSheet3.absoluteFill, styles.clip, corners],
+      onLayout: handleLayout,
+      children: waves.map((wave, index) => /* @__PURE__ */jsx4(RippleWave, {
+        wave,
+        radius,
+        center: {
+          x: size.width / 2,
+          y: size.height / 2
+        },
+        color: ink,
+        opacity: settings.opacity,
+        style: waveStyle
+      }, index))
+    }), children]
+  });
+}
+PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
+markOverlay(PressableFeedbackRipple);
+const _worklet_1833417637801_init_data = {
+  code: "function chunkWXAME7KBJs6(){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-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs6\",\"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-WXAME7KB.js\"],\"mappings\":\"AAud0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,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,
+  radius,
+  center,
+  color,
+  opacity,
+  style
+}) {
+  const animatedStyle = useAnimatedStyle3(function chunkWXAME7KBJs6Factory({
+    _worklet_1833417637801_init_data,
+    wave,
+    RIPPLE_START_SCALE,
+    center,
+    opacity,
+    radius
+  }) {
+    const _e = [new global.Error(), -6, -27];
+    const chunkWXAME7KBJs6 = function () {
+      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 {
+        // Its own curve, not the expansion's: full ink in 75ms, held while the circle grows.
+        opacity: wave.alpha.value * opacity,
+        transform: [{
+          translateX: x - radius
+        }, {
+          translateY: y - radius
+        }, {
+          scale
+        }]
+      };
+    };
+    chunkWXAME7KBJs6.__closure = {
+      wave,
+      RIPPLE_START_SCALE,
+      center,
+      opacity,
+      radius
+    };
+    chunkWXAME7KBJs6.__workletHash = 1833417637801;
+    chunkWXAME7KBJs6.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs6.__initData = _worklet_1833417637801_init_data;
+    chunkWXAME7KBJs6.__stackDetails = _e;
+    return chunkWXAME7KBJs6;
+  }({
+    _worklet_1833417637801_init_data,
+    wave,
+    RIPPLE_START_SCALE,
+    center,
+    opacity,
+    radius
+  }), [wave, radius, center, opacity]);
+  return /* @__PURE__ */jsx4(Animated3.View, {
+    style: [styles.wave, {
+      backgroundColor: color,
+      width: radius * 2,
+      height: radius * 2,
+      borderRadius: radius
+    }, style, animatedStyle]
+  });
+}
+var styles = StyleSheet3.create({
+  // `pointerEvents` in the style rather than as a prop: the prop form is deprecated, and it
+  // is not decoration — a container that ate touches would claim every press meant for the
+  // control it covers.
+  clip: {
+    overflow: "hidden",
+    pointerEvents: "none"
+  },
+  wave: {
+    position: "absolute",
+    top: 0,
+    start: 0
+  }
+});
+
+// src/system/pressable-feedback/index.ts
+var PressableFeedback3 = Object.assign(PressableFeedback, {
+  Highlight: PressableFeedbackHighlight,
+  Ripple: PressableFeedbackRipple
+});
+export { IconContext, useIconContext, Icon, useFeedback, PRESS_SCALE, PRESS_DURATION, SCALE_REFERENCE_WIDTH, pressScaleFor, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION, RIPPLE_OPACITY, RIPPLE_START_SCALE, RIPPLE_EXPAND_DURATION, RIPPLE_CONFIRM_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT_DELAY, RIPPLE_FADE_OUT, rippleRadiusFor, resolveAnimation, resolveSlotAnimation, FEEDBACK_OVERLAY, markOverlay, PressableFeedback3 as PressableFeedback };