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

package/dist/chunk-IVVFYUDW.cjs

@@ -0,0 +1,1044 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _nullishCoalesce(lhs, rhsFn) {
+  if (lhs != null) {
+    return lhs;
+  } else {
+    return rhsFn();
+  }
+}
+function _optionalChain(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
+var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
+
+// src/system/icon/icon-context.ts
+var _react = require('react');
+var IconContext = _react.createContext.call(void 0, {});
+IconContext.displayName = "XAUI.Icon.Context";
+function useIconContext() {
+  return _react.useContext.call(void 0, IconContext);
+}
+
+// src/system/icon/icon.tsx
+
+var _reactnative = require('react-native');
+var _jsxruntime = require('react/jsx-runtime');
+function Icon({
+  as: Component,
+  children,
+  source,
+  size,
+  color,
+  style
+}) {
+  const inherited = useIconContext();
+  const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
+  const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => inherited.size), () => theme.fontSizes.md);
+  const resolvedColor = _nullishCoalesce(_nullishCoalesce(color, () => inherited.color), () => theme.colors.foreground);
+  if (Component) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, Component, {
+      size: resolvedSize,
+      color: resolvedColor
+    });
+  }
+  if (_react.isValidElement.call(void 0, children)) {
+    return _react.cloneElement.call(void 0, children, {
+      width: resolvedSize,
+      height: resolvedSize,
+      color: resolvedColor
+    });
+  }
+  if (source) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Image, {
+      source,
+      style: [{
+        width: resolvedSize,
+        height: resolvedSize,
+        tintColor: resolvedColor
+      }, 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
+
+function childrenToString(children) {
+  const text = stringify(children);
+  return text === null || text === "" ? null : text;
+}
+function stringify(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (_react.isValidElement.call(void 0, node)) return null;
+  if (Array.isArray(node)) {
+    let text = "";
+    for (const child of node) {
+      const part = stringify(child);
+      if (part === null) return null;
+      text += part;
+    }
+    return text;
+  }
+  return null;
+}
+
+// src/system/slot/create-slot-context.ts
+
+function createSlotContext(name) {
+  const Context = _react.createContext.call(void 0, null);
+  Context.displayName = `XAUI.${name}.Context`;
+  function useSlotContext() {
+    const value = _react.useContext.call(void 0, Context);
+    if (value === null) {
+      const error = new Error(`XAUI: use${name} must be called inside <${name}>. A slot reads the values its root resolved, so it can only be rendered as a child of one.`);
+      _optionalChain([Error, 'access', _ => _.captureStackTrace, 'optionalCall', _2 => _2(error, useSlotContext)]);
+      throw error;
+    }
+    return value;
+  }
+  return [Context.Provider, useSlotContext];
+}
+
+// src/system/slot/merge-refs.ts
+function mergeRefs(...refs) {
+  return value => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(value);else if (ref) ref.current = value;
+    }
+  };
+}
+
+// src/system/slot/merge-props.ts
+var EVENT_HANDLER = /^on[A-Z]/;
+function mergeProps(ours, theirs) {
+  const merged = {
+    ...ours
+  };
+  for (const key of Object.keys(theirs)) {
+    const ourValue = ours[key];
+    const theirValue = theirs[key];
+    if (EVENT_HANDLER.test(key)) {
+      merged[key] = composeHandlers(ourValue, theirValue);
+    } else if (key === "style") {
+      merged[key] = mergeStyles(ourValue, theirValue);
+    } else if (key === "ref") {
+      merged[key] = mergeRefs(ourValue, theirValue);
+    } else {
+      merged[key] = theirValue;
+    }
+  }
+  return merged;
+}
+function composeHandlers(ours, theirs) {
+  if (typeof ours !== "function") return theirs;
+  if (typeof theirs !== "function") return ours;
+  return (...args) => {
+    ;
+    ours(...args);
+    return theirs(...args);
+  };
+}
+function mergeStyles(ours, theirs) {
+  if (typeof ours === "function" || typeof theirs === "function") {
+    return state => [resolveStyle(ours, state), resolveStyle(theirs, state)];
+  }
+  return [ours, theirs];
+}
+function resolveStyle(style, state) {
+  return typeof style === "function" ? style(state) : style;
+}
+
+// src/system/slot/slot.tsx
+
+var Slot = _react.forwardRef.call(void 0, function Slot2({
+  children,
+  ...ours
+}, ref) {
+  if (!_react.isValidElement.call(void 0, children)) {
+    throw new Error("XAUI: asChild expects exactly one React element as its child, and merges the component's props into it. Text, a fragment, several children or none give it nothing to merge into \u2014 drop `asChild` to render the component itself.");
+  }
+  const child = children;
+  const merged = mergeProps(ours, child.props);
+  merged.ref = mergeRefs(ref, refOf(child));
+  return _react.cloneElement.call(void 0, child, merged);
+});
+Slot.displayName = "XAUI.Slot";
+function refOf(element) {
+  const fromProps = element.props.ref;
+  const fromElement = element.ref;
+  return _nullishCoalesce(fromProps, () => fromElement);
+}
+
+// src/system/style-props/use-style-props.ts
+
+// src/utils/style-props.ts
+var STYLE_PROP_KEYS = [
+// Flex and layout
+"alignContent", "alignItems", "alignSelf", "aspectRatio", "boxSizing", "columnGap", "direction", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "overflow", "rowGap",
+// Position
+"bottom", "end", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetInline", "insetInlineEnd", "insetInlineStart", "position", "start", "top", "zIndex",
+// Margin
+"margin", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginBottom", "marginEnd", "marginHorizontal", "marginInline", "marginInlineEnd", "marginInlineStart", "marginStart", "marginTop", "marginVertical",
+// Padding
+"padding", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingInline", "paddingInlineEnd", "paddingInlineStart", "paddingStart", "paddingTop", "paddingVertical",
+// Size
+"height", "maxHeight", "maxWidth", "minHeight", "minWidth", "width",
+// Border
+"borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderEndEndRadius", "borderEndStartRadius", "borderEndWidth", "borderRadius", "borderStartColor", "borderStartEndRadius", "borderStartStartRadius", "borderStartWidth", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth",
+// Fill, shadow, and the rest of a box's paint
+"backfaceVisibility", "backgroundColor", "boxShadow", "cursor", "elevation", "experimental_backgroundImage", "filter", "isolation", "mixBlendMode", "opacity", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius",
+// Transform
+"rotation", "scaleX", "scaleY", "transform", "transformMatrix", "transformOrigin", "translateX", "translateY",
+// Text — a text slot only
+"color", "fontFamily", "fontSize", "fontStyle", "fontVariant", "fontWeight", "includeFontPadding", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "userSelect", "verticalAlign", "writingDirection",
+// Image — an image slot only
+"objectFit", "overlayColor", "resizeMode", "tintColor"];
+var STYLE_PROP_KEY_SET = new Set(STYLE_PROP_KEYS);
+function splitStyleProps(props) {
+  const styleProps = {};
+  const rest = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (STYLE_PROP_KEY_SET.has(key)) styleProps[key] = value;else rest[key] = value;
+  }
+  return [styleProps, rest];
+}
+
+// src/system/style-props/use-style-props.ts
+function useStyleProps(props) {
+  const [styleProps, rest] = splitStyleProps(props);
+  const key = _chunk6N5JXRUZcjs.stableHash.call(void 0, styleProps);
+  return [_react.useMemo.call(void 0, () => styleProps, [key]), rest];
+}
+
+// src/system/pressable-feedback/pressable-feedback-context.ts
+
+var [FeedbackProvider, useFeedback] = createSlotContext("PressableFeedback");
+var DisableAllContext = _react.createContext.call(void 0, false);
+
+// src/system/pressable-feedback/pressable-feedback.animation.ts
+var PRESS_SCALE = 0.985;
+var PRESS_DURATION = 300;
+var SCALE_REFERENCE_WIDTH = 300;
+const _worklet_876271243075_init_data = {
+  code: "function pressScaleFor_chunkIVVFYUDWCjs1(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-IVVFYUDW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkIVVFYUDWCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAwWA,SAAAA,+BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
+};
+const pressScaleFor = function pressScaleFor_chunkIVVFYUDWCjs1Factory({
+  _worklet_876271243075_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 = 876271243075;
+  pressScaleFor.__pluginVersion = "0.7.4";
+  pressScaleFor.__initData = _worklet_876271243075_init_data;
+  pressScaleFor.__stackDetails = _e;
+  return pressScaleFor;
+}({
+  _worklet_876271243075_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_15154597410360_init_data = {
+  code: "function rippleRadiusFor_chunkIVVFYUDWCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkIVVFYUDWCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAsXA,SAAAA,iCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
+};
+const rippleRadiusFor = function rippleRadiusFor_chunkIVVFYUDWCjs2Factory({
+  _worklet_15154597410360_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 = 15154597410360;
+  rippleRadiusFor.__pluginVersion = "0.7.4";
+  rippleRadiusFor.__initData = _worklet_15154597410360_init_data;
+  rippleRadiusFor.__stackDetails = _e;
+  return rippleRadiusFor;
+}({
+  _worklet_15154597410360_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 = _nullishCoalesce(animation.scale, () => true);
+  const highlight = _nullishCoalesce(animation.highlight, () => true);
+  const ripple = _nullishCoalesce(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: _nullishCoalesce(override.duration, () => defaultDuration),
+    opacity: _nullishCoalesce(override.opacity, () => defaultOpacity)
+  };
+}
+
+// src/system/pressable-feedback/pressable-feedback.overlay.ts
+
+var FEEDBACK_OVERLAY = /* @__PURE__ */Symbol.for("xaui.PressableFeedback.overlay");
+function markOverlay(component) {
+  return Object.assign(component, {
+    [FEEDBACK_OVERLAY]: true
+  });
+}
+function isBareOverlay(node) {
+  if (!_react.isValidElement.call(void 0, 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 = _react.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))
+  };
+}
+
+// src/system/pressable-feedback/pressable-feedback.tsx
+
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/system/pressable-feedback/pressable-feedback.surface.ts
+function inkFor(background, colors) {
+  if (typeof background !== "string" || !_chunk6N5JXRUZcjs.isHex.call(void 0, background)) return colors.foreground;
+  return _chunk6N5JXRUZcjs.contrastOn.call(void 0, 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
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var AnimatedSlot = _reactnativereanimated2.default.createAnimatedComponent(Slot);
+var PressableFeedback = _react.forwardRef.call(void 0, function PressableFeedback2({
+  animation,
+  ...rest
+}, ref) {
+  const inheritedDisableAll = _react.useContext.call(void 0, DisableAllContext);
+  const resolved = resolveAnimation(animation, inheritedDisableAll);
+  const Feedback = resolved.none ? StaticFeedback : AnimatedFeedback;
+  const body = /* @__PURE__ */_jsxruntime.jsx.call(void 0, Feedback, {
+    ref,
+    animation: resolved,
+    ...rest
+  });
+  return resolved.disableAll ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, DisableAllContext.Provider, {
+    value: true,
+    children: body
+  }) : body;
+});
+var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  children,
+  style,
+  ...rest
+}, ref) {
+  const surface = useSurface(style);
+  const context = _react.useMemo.call(void 0, () => ({
+    isPressed,
+    animation,
+    ...surface
+  }), [isPressed, animation, surface]);
+  const Root = asChild ? Slot : _reactnative.Pressable;
+  const {
+    overlays,
+    content
+  } = partitionOverlays(children);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsxs.call(void 0, Root, {
+      ref,
+      style,
+      disabled: isDisabled,
+      ...rest,
+      children: [overlays, content]
+    })
+  });
+});
+const _worklet_7067782382362_init_data = {
+  code: "function chunkIVVFYUDWCjs3(){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-IVVFYUDW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AA0hB6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
+};
+var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2({
+  isPressed = false,
+  isDisabled,
+  asChild = false,
+  animation,
+  children,
+  style,
+  onLayout,
+  onTouchStart,
+  onTouchEnd,
+  onTouchCancel,
+  ...rest
+}, ref) {
+  const progress = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const size = _reactnativereanimated.useSharedValue.call(void 0, {
+    width: 0,
+    height: 0
+  });
+  const waves = [useWave(), useWave()];
+  const nextWave = _react.useRef.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    progress.value = _reactnativereanimated.withTiming.call(void 0, isPressed ? 1 : 0, {
+      duration: PRESS_DURATION,
+      easing: _reactnativereanimated.Easing.out(_reactnativereanimated.Easing.ease)
+    });
+  }, [isPressed, progress]);
+  const pressedScale = _reactnativereanimated.useDerivedValue.call(void 0, () => pressScaleFor(size.value.width));
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs3Factory({
+    _worklet_7067782382362_init_data,
+    animation,
+    pressedScale,
+    progress
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkIVVFYUDWCjs3 = function () {
+      if (!animation.scale) return {};
+      return {
+        transform: [{
+          scale: 1 - (1 - pressedScale.value) * progress.value
+        }]
+      };
+    };
+    chunkIVVFYUDWCjs3.__closure = {
+      animation,
+      pressedScale,
+      progress
+    };
+    chunkIVVFYUDWCjs3.__workletHash = 7067782382362;
+    chunkIVVFYUDWCjs3.__pluginVersion = "0.7.4";
+    chunkIVVFYUDWCjs3.__initData = _worklet_7067782382362_init_data;
+    chunkIVVFYUDWCjs3.__stackDetails = _e;
+    return chunkIVVFYUDWCjs3;
+  }({
+    _worklet_7067782382362_init_data,
+    animation,
+    pressedScale,
+    progress
+  }), [animation.scale, progress, pressedScale]);
+  const surface = useSurface(style);
+  const context = _react.useMemo.call(void 0, () => ({
+    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 = _reactnativereanimated.withTiming.call(void 0, 1, {
+      duration: RIPPLE_EXPAND_DURATION,
+      easing: _reactnativereanimated.Easing.ease
+    });
+    wave.alpha.value = _reactnativereanimated.withTiming.call(void 0, 1, {
+      duration: RIPPLE_FADE_IN
+    });
+    _optionalChain([onTouchStart, 'optionalCall', _3 => _3(event)]);
+  };
+  const releaseWave = () => {
+    const wave = waves[nextWave.current === 0 ? 1 : 0];
+    wave.expand.value = _reactnativereanimated.withTiming.call(void 0, 1, {
+      duration: RIPPLE_CONFIRM_DURATION,
+      easing: _reactnativereanimated.Easing.ease
+    });
+    wave.alpha.value = _reactnativereanimated.withDelay.call(void 0, RIPPLE_FADE_OUT_DELAY, _reactnativereanimated.withTiming.call(void 0, 0, {
+      duration: RIPPLE_FADE_OUT
+    }));
+  };
+  const handleTouchEnd = event => {
+    releaseWave();
+    _optionalChain([onTouchEnd, 'optionalCall', _4 => _4(event)]);
+  };
+  const handleTouchCancel = event => {
+    releaseWave();
+    _optionalChain([onTouchCancel, 'optionalCall', _5 => _5(event)]);
+  };
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    size.value = {
+      width,
+      height
+    };
+    _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
+  };
+  const Root = asChild ? AnimatedSlot : AnimatedPressable;
+  const {
+    overlays,
+    content
+  } = partitionOverlays(children);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FeedbackProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsxs.call(void 0, Root, {
+      ref,
+      style: [style, animatedStyle],
+      disabled: isDisabled,
+      onLayout: handleLayout,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: handleTouchCancel,
+      ...rest,
+      children: [overlays, content]
+    })
+  });
+});
+PressableFeedback.displayName = "XAUI.PressableFeedback";
+function useWave() {
+  return {
+    expand: _reactnativereanimated.useSharedValue.call(void 0, 0),
+    alpha: _reactnativereanimated.useSharedValue.call(void 0, 0),
+    origin: _reactnativereanimated.useSharedValue.call(void 0, {
+      x: 0,
+      y: 0
+    })
+  };
+}
+function useSurface(style) {
+  const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
+  return _react.useMemo.call(void 0, () => {
+    const flat = _reactnative.StyleSheet.flatten(style);
+    return {
+      ink: inkFor(_optionalChain([flat, 'optionalAccess', _7 => _7.backgroundColor]), theme.colors),
+      corners: radiusFrom(flat)
+    };
+  }, [style, theme]);
+}
+
+// src/system/pressable-feedback/pressable-feedback-highlight.tsx
+
+function PressableFeedbackHighlight({
+  style,
+  animation: override,
+  children
+}) {
+  const {
+    isPressed,
+    animation,
+    progress,
+    ink,
+    corners
+  } = useFeedback();
+  const settings = resolveSlotAnimation(override, animation.highlight, HIGHLIGHT_OPACITY, HIGHLIGHT_DURATION);
+  const base = [_reactnative.StyleSheet.absoluteFillObject, {
+    backgroundColor: ink,
+    pointerEvents: "none"
+  }, corners, style];
+  if (!progress || !settings.enabled) {
+    return /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+      children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+        style: [base, {
+          opacity: isPressed ? settings.opacity : 0
+        }]
+      }), children]
+    });
+  }
+  return /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+    children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedHighlight, {
+      base,
+      duration: settings.duration,
+      opacity: settings.opacity
+    }), children]
+  });
+}
+PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
+markOverlay(PressableFeedbackHighlight);
+const _worklet_10691781134764_init_data = {
+  code: "function chunkIVVFYUDWCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IVVFYUDW.cjs\"],\"mappings\":\"AAyqB6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+};
+function AnimatedHighlight({
+  base,
+  duration,
+  opacity
+}) {
+  const {
+    isPressed
+  } = useFeedback();
+  const shown = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    shown.value = _reactnativereanimated.withTiming.call(void 0, isPressed ? 1 : 0, {
+      duration
+    });
+  }, [isPressed, shown, duration]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs4Factory({
+    _worklet_10691781134764_init_data,
+    shown,
+    opacity
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkIVVFYUDWCjs4 = function () {
+      return {
+        opacity: shown.value * opacity
+      };
+    };
+    chunkIVVFYUDWCjs4.__closure = {
+      shown,
+      opacity
+    };
+    chunkIVVFYUDWCjs4.__workletHash = 10691781134764;
+    chunkIVVFYUDWCjs4.__pluginVersion = "0.7.4";
+    chunkIVVFYUDWCjs4.__initData = _worklet_10691781134764_init_data;
+    chunkIVVFYUDWCjs4.__stackDetails = _e;
+    return chunkIVVFYUDWCjs4;
+  }({
+    _worklet_10691781134764_init_data,
+    shown,
+    opacity
+  }), [shown, opacity]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [base, animatedStyle]
+  });
+}
+
+// src/system/pressable-feedback/pressable-feedback-ripple.tsx
+
+function PressableFeedbackRipple({
+  style,
+  animation: override,
+  children
+}) {
+  const {
+    animation,
+    waves,
+    ink,
+    corners
+  } = useFeedback();
+  const settings = resolveSlotAnimation(override, animation.ripple, RIPPLE_OPACITY);
+  const [size, setSize] = _react.useState.call(void 0, {
+    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__ */_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {
+    children
+  });
+  const radius = rippleRadiusFor(size.width, size.height);
+  return /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+    children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      style: [_reactnative.StyleSheet.absoluteFill, styles.clip, corners],
+      onLayout: handleLayout,
+      children: waves.map((wave, index) => /* @__PURE__ */_jsxruntime.jsx.call(void 0, RippleWave, {
+        wave,
+        radius,
+        center: {
+          x: size.width / 2,
+          y: size.height / 2
+        },
+        color: ink,
+        opacity: settings.opacity,
+        style
+      }, index))
+    }), children]
+  });
+}
+PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
+markOverlay(PressableFeedbackRipple);
+const _worklet_10425801678593_init_data = {
+  code: "function chunkIVVFYUDWCjs5(){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-IVVFYUDW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkIVVFYUDWCjs5\",\"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-IVVFYUDW.cjs\"],\"mappings\":\"AAsuB6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function RippleWave({
+  wave,
+  radius,
+  center,
+  color,
+  opacity,
+  style
+}) {
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIVVFYUDWCjs5Factory({
+    _worklet_10425801678593_init_data,
+    wave,
+    RIPPLE_START_SCALE,
+    center,
+    opacity,
+    radius
+  }) {
+    const _e = [new global.Error(), -6, -27];
+    const chunkIVVFYUDWCjs5 = 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
+        }]
+      };
+    };
+    chunkIVVFYUDWCjs5.__closure = {
+      wave,
+      RIPPLE_START_SCALE,
+      center,
+      opacity,
+      radius
+    };
+    chunkIVVFYUDWCjs5.__workletHash = 10425801678593;
+    chunkIVVFYUDWCjs5.__pluginVersion = "0.7.4";
+    chunkIVVFYUDWCjs5.__initData = _worklet_10425801678593_init_data;
+    chunkIVVFYUDWCjs5.__stackDetails = _e;
+    return chunkIVVFYUDWCjs5;
+  }({
+    _worklet_10425801678593_init_data,
+    wave,
+    RIPPLE_START_SCALE,
+    center,
+    opacity,
+    radius
+  }), [wave, radius, center, opacity]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [styles.wave, {
+      backgroundColor: color,
+      width: radius * 2,
+      height: radius * 2,
+      borderRadius: radius
+    }, style, animatedStyle]
+  });
+}
+var styles = _reactnative.StyleSheet.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 = _chunk6N5JXRUZcjs.deriveTint.call(void 0, color, theme);
+  const colors = {};
+  for (const [role, token] of Object.entries(_nullishCoalesce(tokens, () => ({})))) {
+    colors[role] = tint[tintSliceFor(token)];
+  }
+  return colors;
+}
+
+// src/system/recipe/style-cache.ts
+
+// src/system/recipe/variant-map.ts
+var STATE_ORDER = ["focused", "pressed", "disabled"];
+function resolveSelection(defaultVariants, selection) {
+  const resolved = {
+    ...defaultVariants
+  };
+  for (const [axis, value] of Object.entries(_nullishCoalesce(selection, () => ({})))) {
+    if (value !== void 0) resolved[axis] = value;
+  }
+  return resolved;
+}
+function resolveVariantColors(tokens, theme) {
+  const colors = {};
+  for (const [role, token] of entriesOf(tokens)) {
+    const value = theme.colors[token];
+    if (value === void 0) {
+      throw new Error(`XAUI: the recipe names "${token}" for its "${role}" role, but the theme has no such colour token. Check the spelling against XAUIColors.`);
+    }
+    colors[role] = value;
+  }
+  return colors;
+}
+function activeStateFns(states, active) {
+  const fns = [];
+  for (const state of STATE_ORDER) {
+    const fn = active[state] ? _optionalChain([states, 'optionalAccess', _8 => _8[state]]) : void 0;
+    if (fn) fns.push(fn);
+  }
+  return fns;
+}
+function collectStyleFns(config, selection, states) {
+  const fns = [];
+  if (config.base) fns.push(config.base);
+  if (config.paint) fns.push(config.paint);
+  for (const [axis, values] of Object.entries(_nullishCoalesce(config.variants, () => ({})))) {
+    const value = selection[axis];
+    const fn = value === void 0 ? void 0 : values[value];
+    if (fn) fns.push(fn);
+  }
+  for (const compound of _nullishCoalesce(config.compoundVariants, () => [])) {
+    if (appliesTo(compound.when, selection)) fns.push(compound.style);
+  }
+  return [...fns, ...activeStateFns(config.states, states)];
+}
+function appliesTo(when, selection) {
+  return Object.entries(when).every(([axis, value]) => selection[axis] === value);
+}
+function entriesOf(tokens) {
+  return Object.entries(_nullishCoalesce(tokens, () => ({})));
+}
+
+// src/system/recipe/style-cache.ts
+function createStyleCache(slots) {
+  const entries = /* @__PURE__ */new Map();
+  return {
+    read(key, build) {
+      const hit = entries.get(key);
+      if (hit) return hit;
+      const built = build();
+      const complete = {};
+      for (const slot of slots) complete[slot] = _nullishCoalesce(built[slot], () => ({}));
+      const created = _reactnative.StyleSheet.create(complete);
+      entries.set(key, created);
+      return created;
+    },
+    get size() {
+      return entries.size;
+    },
+    clear() {
+      entries.clear();
+    }
+  };
+}
+function cacheKey(theme, selection, states) {
+  const axes = Object.keys(selection).sort().map(axis => `${axis}:${_nullishCoalesce(selection[axis], () => "-")}`).join("|");
+  const active = STATE_ORDER.filter(state => states[state]).join(",");
+  return `${theme.id}|${theme.mode}|${axes}|${active}`;
+}
+
+// src/system/recipe/create-recipe.ts
+function createRecipe(config) {
+  const cache = createStyleCache(config.slots);
+  const tokensFor = variant => variant === void 0 ? void 0 : _optionalChain([config, 'access', _9 => _9.variantTokens, 'optionalAccess', _10 => _10[variant]]);
+  return {
+    slots: config.slots,
+    resolve({
+      theme,
+      selection,
+      states = {}
+    }) {
+      const resolved = resolveSelection(config.defaultVariants, selection);
+      return cache.read(cacheKey(theme, resolved, states), () => {
+        const colors = resolveVariantColors(tokensFor(resolved.variant), theme);
+        return apply(collectStyleFns(config, resolved, states), theme, colors);
+      });
+    },
+    tint({
+      theme,
+      color,
+      selection,
+      states = {}
+    }) {
+      if (!config.paint) return {};
+      const resolved = resolveSelection(config.defaultVariants, selection);
+      const tokens = tokensFor(resolved.variant);
+      if (!tokens) return {};
+      const colors = resolveTint(tokens, color, theme);
+      const fns = [config.paint, ...activeStateFns(config.states, states)];
+      return apply(fns, theme, colors);
+    }
+  };
+}
+function apply(fns, theme, colors) {
+  const merged = {};
+  for (const fn of fns) {
+    const produced = fn(theme, colors);
+    for (const slot of Object.keys(produced)) {
+      const style = produced[slot];
+      if (!style) continue;
+      const previous = merged[slot];
+      merged[slot] = previous ? {
+        ...previous,
+        ...style
+      } : style;
+    }
+  }
+  return merged;
+}
+exports.IconContext = IconContext;
+exports.useIconContext = useIconContext;
+exports.Icon = Icon;
+exports.childrenToString = childrenToString;
+exports.createSlotContext = createSlotContext;
+exports.mergeRefs = mergeRefs;
+exports.mergeProps = mergeProps;
+exports.Slot = Slot;
+exports.useStyleProps = useStyleProps;
+exports.useFeedback = useFeedback;
+exports.PRESS_SCALE = PRESS_SCALE;
+exports.PRESS_DURATION = PRESS_DURATION;
+exports.SCALE_REFERENCE_WIDTH = SCALE_REFERENCE_WIDTH;
+exports.pressScaleFor = pressScaleFor;
+exports.HIGHLIGHT_OPACITY = HIGHLIGHT_OPACITY;
+exports.HIGHLIGHT_DURATION = HIGHLIGHT_DURATION;
+exports.RIPPLE_OPACITY = RIPPLE_OPACITY;
+exports.RIPPLE_START_SCALE = RIPPLE_START_SCALE;
+exports.RIPPLE_EXPAND_DURATION = RIPPLE_EXPAND_DURATION;
+exports.RIPPLE_CONFIRM_DURATION = RIPPLE_CONFIRM_DURATION;
+exports.RIPPLE_FADE_IN = RIPPLE_FADE_IN;
+exports.RIPPLE_FADE_OUT_DELAY = RIPPLE_FADE_OUT_DELAY;
+exports.RIPPLE_FADE_OUT = RIPPLE_FADE_OUT;
+exports.rippleRadiusFor = rippleRadiusFor;
+exports.resolveAnimation = resolveAnimation;
+exports.resolveSlotAnimation = resolveSlotAnimation;
+exports.FEEDBACK_OVERLAY = FEEDBACK_OVERLAY;
+exports.markOverlay = markOverlay;
+exports.PressableFeedback = PressableFeedback3;
+exports.createRecipe = createRecipe;