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

package/dist/chunk-64L44HEI.js

@@ -1,1021 +0,0 @@
-import { contrastOn, deriveTint, isHex, stableHash, useXAUITheme } from "./chunk-XJARE6SC.js";
-
-// src/system/style-props/use-style-props.ts
-import { useMemo } from "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 = stableHash(styleProps);
-  return [useMemo(() => styleProps, [key]), rest];
-}
-
-// 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,
-  ...props
-}) {
-  const inherited = useIconContext();
-  const theme = useXAUITheme();
-  const [styleProps] = useStyleProps(props);
-  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
-      }, styleProps, style]
-    });
-  }
-  throw new Error("XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own.");
-}
-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.985;
-var PRESS_DURATION = 300;
-var SCALE_REFERENCE_WIDTH = 300;
-const _worklet_7139534127642_init_data = {
-  code: "function pressScaleFor_chunk64L44HEIJs1(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-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunk64L44HEIJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js\"],\"mappings\":\"AA2WA,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_chunk64L44HEIJs1Factory({
-  _worklet_7139534127642_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 = 7139534127642;
-  pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_7139534127642_init_data;
-  pressScaleFor.__stackDetails = _e;
-  return pressScaleFor;
-}({
-  _worklet_7139534127642_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_8530012985633_init_data = {
-  code: "function rippleRadiusFor_chunk64L44HEIJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunk64L44HEIJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js\"],\"mappings\":\"AAyXA,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_chunk64L44HEIJs2Factory({
-  _worklet_8530012985633_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 = 8530012985633;
-  rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_8530012985633_init_data;
-  rippleRadiusFor.__stackDetails = _e;
-  return rippleRadiusFor;
-}({
-  _worklet_8530012985633_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 isValidElement4 } 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 (!isValidElement4(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 as forwardRef2, useContext as useContext3, useEffect, useMemo as useMemo2, 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 = forwardRef2(function PressableFeedback2({
-  animation,
-  style,
-  ...props
-}, ref) {
-  const inheritedDisableAll = useContext3(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 = forwardRef2(function StaticFeedback2({
-  isPressed = false,
-  isDisabled,
-  asChild = false,
-  animation,
-  children,
-  style,
-  ...rest
-}, ref) {
-  const surface = useSurface(style);
-  const context = useMemo2(() => ({
-    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_17549026676436_init_data = {
-  code: "function chunk64L44HEIJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk64L44HEIJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js\"],\"mappings\":\"AAuiBuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
-};
-const _worklet_11319249043844_init_data = {
-  code: "function chunk64L44HEIJs4(){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-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk64L44HEIJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js\"],\"mappings\":\"AAwiByC,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 = forwardRef2(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 chunk64L44HEIJs3Factory({
-    _worklet_17549026676436_init_data,
-    pressScaleFor,
-    size
-  }) {
-    const _e = [new global.Error(), -3, -27];
-    const chunk64L44HEIJs3 = () => pressScaleFor(size.value.width);
-    chunk64L44HEIJs3.__closure = {
-      pressScaleFor,
-      size
-    };
-    chunk64L44HEIJs3.__workletHash = 17549026676436;
-    chunk64L44HEIJs3.__pluginVersion = "0.7.4";
-    chunk64L44HEIJs3.__initData = _worklet_17549026676436_init_data;
-    chunk64L44HEIJs3.__stackDetails = _e;
-    return chunk64L44HEIJs3;
-  }({
-    _worklet_17549026676436_init_data,
-    pressScaleFor,
-    size
-  }));
-  const animatedStyle = useAnimatedStyle(function chunk64L44HEIJs4Factory({
-    _worklet_11319249043844_init_data,
-    animation,
-    pressedScale,
-    progress
-  }) {
-    const _e = [new global.Error(), -4, -27];
-    const chunk64L44HEIJs4 = function () {
-      if (!animation.scale) return {};
-      return {
-        transform: [{
-          scale: 1 - (1 - pressedScale.value) * progress.value
-        }]
-      };
-    };
-    chunk64L44HEIJs4.__closure = {
-      animation,
-      pressedScale,
-      progress
-    };
-    chunk64L44HEIJs4.__workletHash = 11319249043844;
-    chunk64L44HEIJs4.__pluginVersion = "0.7.4";
-    chunk64L44HEIJs4.__initData = _worklet_11319249043844_init_data;
-    chunk64L44HEIJs4.__stackDetails = _e;
-    return chunk64L44HEIJs4;
-  }({
-    _worklet_11319249043844_init_data,
-    animation,
-    pressedScale,
-    progress
-  }), [animation.scale, progress, pressedScale]);
-  const surface = useSurface(style);
-  const context = useMemo2(() => ({
-    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 useMemo2(() => {
-    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_1017691592244_init_data = {
-  code: "function chunk64L44HEIJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk64L44HEIJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-64L44HEI.js\"],\"mappings\":\"AAsrB0C,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 chunk64L44HEIJs5Factory({
-    _worklet_1017691592244_init_data,
-    shown,
-    opacity
-  }) {
-    const _e = [new global.Error(), -3, -27];
-    const chunk64L44HEIJs5 = function () {
-      return {
-        opacity: shown.value * opacity
-      };
-    };
-    chunk64L44HEIJs5.__closure = {
-      shown,
-      opacity
-    };
-    chunk64L44HEIJs5.__workletHash = 1017691592244;
-    chunk64L44HEIJs5.__pluginVersion = "0.7.4";
-    chunk64L44HEIJs5.__initData = _worklet_1017691592244_init_data;
-    chunk64L44HEIJs5.__stackDetails = _e;
-    return chunk64L44HEIJs5;
-  }({
-    _worklet_1017691592244_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_12261780159803_init_data = {
-  code: "function chunk64L44HEIJs6(){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-64L44HEI.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk64L44HEIJs6\",\"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-64L44HEI.js\"],\"mappings\":\"AAsvB0C,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 chunk64L44HEIJs6Factory({
-    _worklet_12261780159803_init_data,
-    wave,
-    RIPPLE_START_SCALE,
-    center,
-    opacity,
-    radius
-  }) {
-    const _e = [new global.Error(), -6, -27];
-    const chunk64L44HEIJs6 = 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
-        }]
-      };
-    };
-    chunk64L44HEIJs6.__closure = {
-      wave,
-      RIPPLE_START_SCALE,
-      center,
-      opacity,
-      radius
-    };
-    chunk64L44HEIJs6.__workletHash = 12261780159803;
-    chunk64L44HEIJs6.__pluginVersion = "0.7.4";
-    chunk64L44HEIJs6.__initData = _worklet_12261780159803_init_data;
-    chunk64L44HEIJs6.__stackDetails = _e;
-    return chunk64L44HEIJs6;
-  }({
-    _worklet_12261780159803_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
-});
-
-// 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 StyleSheet4 } 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 = StyleSheet4.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 { useStyleProps, IconContext, useIconContext, Icon, childrenToString, createSlotContext, mergeRefs, mergeProps, Slot, 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, createRecipe };