@otfdashkit/ui-native 0.1.2 → 0.1.3

package/dist/index.d.ts

@@ -308,13 +308,9 @@ export const useCollapsibleHeader: any
 export type UseCollapsibleHeaderOptions = any
 export type UseCollapsibleHeaderReturn = any
 
-// ─── Shockwave (Skia shader transition) ───────────────────────────────────
-export const Shockwave: any
-export type ShockwaveProps = any
-export type ShockwaveSlotProps = any
-export type ShockwaveContextValue = any
-export type ShockwaveOrigin = any
-export type ShockwaveValue = 'from' | 'to'
+// ─── Shockwave moved to `@otfdashkit/ui-native/skia` subpath ──────────────
+// See `packages/ui-native/types/skia.d.ts` for the type stubs and the
+// "Why subpath exports?" section in `docs/sdk-design.md`.
 
 // ─── Stay (real-estate / booking marketing screens) ───────────────────────
 export const StayBrowseScreen: any

package/dist/index.js

@@ -29,8 +29,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
+var src_exports = {};
+__export(src_exports, {
   Accordion: () => import_tamagui78.Accordion,
   ActionSheet: () => ActionSheet,
   Adapt: () => import_tamagui78.Adapt,
@@ -152,7 +152,6 @@ __export(index_exports, {
   Separator: () => import_tamagui78.Separator,
   SettingsScreen: () => SettingsScreen,
   Sheet: () => import_tamagui78.Sheet,
-  Shockwave: () => Shockwave,
   SizableStack: () => import_tamagui78.SizableStack,
   SizableText: () => import_tamagui78.SizableText,
   Skeleton: () => Skeleton,
@@ -238,7 +237,7 @@ __export(index_exports, {
   useWindowDimensions: () => import_tamagui78.useWindowDimensions,
   withStaticProperties: () => import_tamagui78.withStaticProperties
 });
-module.exports = __toCommonJS(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/config/tamagui.config.ts
 var import_v5 = require("@tamagui/config/v5");
@@ -4233,7 +4232,7 @@ function OtfPopover({
 }
 
 // src/index.ts
-__reExport(index_exports, require("@tamagui/lucide-icons"), module.exports);
+__reExport(src_exports, require("@tamagui/lucide-icons"), module.exports);
 
 // src/patterns/ImmersiveMediaScreen.tsx
 var import_tamagui67 = require("tamagui");
@@ -5911,298 +5910,11 @@ function useCollapsibleHeader(opts = {}) {
   return { scrollHandler, headerStyle, titleStyle, scrollY };
 }
 
-// src/patterns/Shockwave/Shockwave.tsx
-var import_react27 = require("react");
-var import_react_native14 = require("react-native");
-var import_react_native_skia2 = require("@shopify/react-native-skia");
-var import_react_native_reanimated11 = require("react-native-reanimated");
-var import_react_native_worklets = require("react-native-worklets");
-
-// src/patterns/Shockwave/conf.ts
-var SHOCKWAVE_DEFAULTS = {
-  WIDTH: 320,
-  HEIGHT: 320,
-  DURATION: 900,
-  SHOCK_STRENGTH: 0.12,
-  LENSING_SPREAD: 0.2
-};
-
-// src/patterns/Shockwave/shader.ts
-var SHOCKWAVE_SHADER_SOURCE = `
-uniform float2 iResolution;
-uniform float  iTime;
-uniform float2 iMouse;
-uniform float  uShockStrength;
-uniform float  uLensingSpread;
-uniform shader iChannel0;
-uniform shader iChannel1;
-
-half4 main(float2 fragCoord) {
-  float2 uv = fragCoord / iResolution;
-  float2 origin = iMouse / iResolution;
-
-  float t = clamp(iTime, 0.0, 1.0);
-  float radius = sqrt(2.0) * t;
-  float circle = radius - distance(origin, uv);
-  float factor = uShockStrength
-                 * sin(t * 3.14159265)
-                 * pow(clamp(1.0 - abs(circle), 0.0, 1.0), 20.0);
-
-  float2 delta = origin - uv;
-  float2 dir = delta / (length(delta) + 1e-6);
-
-  float2 d0 = (uLensingSpread)        * factor * dir * iResolution;
-  float2 d1 = (uLensingSpread * 1.2)  * factor * dir * iResolution;
-  float2 d2 = (uLensingSpread * 1.5)  * factor * dir * iResolution;
-
-  half4 a = half4(
-    iChannel0.eval(fragCoord + d0).r,
-    iChannel0.eval(fragCoord + d1).g,
-    iChannel0.eval(fragCoord + d2).b,
-    1.0
-  );
-  half4 b = half4(
-    iChannel1.eval(fragCoord + d0).r,
-    iChannel1.eval(fragCoord + d1).g,
-    iChannel1.eval(fragCoord + d2).b,
-    1.0
-  );
-
-  half mixT = half(clamp(t + circle * 5.0, 0.0, 1.0));
-  return mix(a, b, mixT);
-}
-`;
-
-// src/patterns/Shockwave/utils.ts
-var import_react_native13 = require("react-native");
-var import_react_native_skia = require("@shopify/react-native-skia");
-var webNoopCallback = () => Promise.resolve(null);
-async function snapshotPair(fromRef, toRef, prev, next) {
-  const callback = import_react_native13.Platform.OS === "web" ? webNoopCallback : null;
-  const fromImg = await (0, import_react_native_skia.makeImageFromView)(
-    fromRef,
-    callback
-  );
-  const toImg = await (0, import_react_native_skia.makeImageFromView)(
-    toRef,
-    callback
-  );
-  if (!fromImg || !toImg) return null;
-  const fromSnapshot = prev === "from" ? fromImg : toImg;
-  const toSnapshot = next === "from" ? fromImg : toImg;
-  return { from: fromSnapshot, to: toSnapshot };
-}
-
-// src/patterns/Shockwave/Shockwave.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var useShockwaveShader = () => {
-  const [shader, setShader] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
-    let cancelled = false;
-    let attempts = 0;
-    let timer = null;
-    const tryCompile = () => {
-      if (cancelled) return;
-      try {
-        if (import_react_native_skia2.Skia?.RuntimeEffect?.Make) {
-          const compiled = import_react_native_skia2.Skia.RuntimeEffect.Make(SHOCKWAVE_SHADER_SOURCE);
-          if (compiled) {
-            setShader(compiled);
-            return;
-          }
-        }
-      } catch {
-      }
-      attempts += 1;
-      if (attempts < 30) {
-        timer = setTimeout(tryCompile, 80);
-      }
-    };
-    tryCompile();
-    return () => {
-      cancelled = true;
-      if (timer !== null) clearTimeout(timer);
-    };
-  }, []);
-  return shader;
-};
-var ShockwaveContext = (0, import_react27.createContext)(null);
-var useShockwaveContext = () => {
-  const ctx = (0, import_react27.useContext)(ShockwaveContext);
-  if (!ctx) {
-    throw new Error(
-      "<Shockwave.Transition.From> / <Shockwave.Transition.To> must be rendered inside <Shockwave>"
-    );
-  }
-  return ctx;
-};
-var OFFSCREEN_OFFSET = 1e5;
-var From = (0, import_react27.memo)(function From2({ children, style }) {
-  const { fromRef, activeValue, isTransitioning } = useShockwaveContext();
-  const isActive = activeValue === "from";
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-    import_react_native14.View,
-    {
-      ref: fromRef,
-      collapsable: false,
-      pointerEvents: isActive && !isTransitioning ? "auto" : "none",
-      style: [
-        import_react_native14.StyleSheet.absoluteFill,
-        {
-          zIndex: isActive ? 2 : 1,
-          transform: [{ translateX: isActive ? 0 : OFFSCREEN_OFFSET }]
-        },
-        style
-      ],
-      children
-    }
-  );
-});
-var To = (0, import_react27.memo)(function To2({ children, style }) {
-  const { toRef, activeValue, isTransitioning } = useShockwaveContext();
-  const isActive = activeValue === "to";
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-    import_react_native14.View,
-    {
-      ref: toRef,
-      collapsable: false,
-      pointerEvents: isActive && !isTransitioning ? "auto" : "none",
-      style: [
-        import_react_native14.StyleSheet.absoluteFill,
-        {
-          zIndex: isActive ? 2 : 1,
-          transform: [{ translateX: isActive ? 0 : OFFSCREEN_OFFSET }]
-        },
-        style
-      ],
-      children
-    }
-  );
-});
-var Transition = { From, To };
-var ShockwaveRoot = (0, import_react27.memo)(function ShockwaveRoot2({
-  value,
-  width = SHOCKWAVE_DEFAULTS.WIDTH,
-  height = SHOCKWAVE_DEFAULTS.HEIGHT,
-  duration = SHOCKWAVE_DEFAULTS.DURATION,
-  origin,
-  shockStrength = SHOCKWAVE_DEFAULTS.SHOCK_STRENGTH,
-  lensingSpread = SHOCKWAVE_DEFAULTS.LENSING_SPREAD,
-  style,
-  children,
-  onTransitionEnd
-}) {
-  const fromRef = (0, import_react27.useRef)(null);
-  const toRef = (0, import_react27.useRef)(null);
-  const prevValueRef = (0, import_react27.useRef)(value);
-  const shader = useShockwaveShader();
-  const [activeValue, setActiveValue] = (0, import_react27.useState)(value);
-  const [snapshots, setSnapshots] = (0, import_react27.useState)(null);
-  const progress = (0, import_react_native_reanimated11.useSharedValue)(0);
-  const finishTransition = (0, import_react27.useCallback)(
-    (next) => {
-      setActiveValue(next);
-      setSnapshots(null);
-      onTransitionEnd?.(next);
-    },
-    [onTransitionEnd]
-  );
-  (0, import_react27.useEffect)(() => {
-    if (value === prevValueRef.current) return;
-    const prev = prevValueRef.current;
-    const next = value;
-    prevValueRef.current = value;
-    let cancelled = false;
-    void (async () => {
-      const pair = await snapshotPair(
-        fromRef,
-        toRef,
-        prev,
-        next
-      );
-      if (cancelled) return;
-      if (!pair) {
-        setActiveValue(next);
-        return;
-      }
-      setSnapshots(pair);
-      progress.value = 0;
-      progress.value = (0, import_react_native_reanimated11.withTiming)(
-        1,
-        { duration, easing: import_react_native_reanimated11.Easing.linear },
-        (done) => {
-          if (done) (0, import_react_native_worklets.scheduleOnRN)(finishTransition, next);
-        }
-      );
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [value, duration, finishTransition, progress]);
-  const ox = origin?.x ?? width / 2;
-  const oy = origin?.y ?? height / 2;
-  const uniforms = (0, import_react_native_reanimated11.useDerivedValue)(() => ({
-    iResolution: [width, height],
-    iTime: progress.value,
-    iMouse: [ox, oy],
-    uShockStrength: shockStrength,
-    uLensingSpread: lensingSpread
-  }));
-  const ctxValue = (0, import_react27.useMemo)(
-    () => ({
-      fromRef,
-      toRef,
-      activeValue,
-      isTransitioning: snapshots !== null
-    }),
-    [activeValue, snapshots]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react_native14.View, { style: [styles.wrapper, { width, height }, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ShockwaveContext.Provider, { value: ctxValue, children }),
-    snapshots && shader ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-      import_react_native_skia2.Canvas,
-      {
-        style: [import_react_native14.StyleSheet.absoluteFill, styles.canvasOverlay],
-        pointerEvents: "none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_native_skia2.Fill, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react_native_skia2.Shader, { source: shader, uniforms, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-            import_react_native_skia2.ImageShader,
-            {
-              image: snapshots.from,
-              fit: "cover",
-              rect: { x: 0, y: 0, width, height }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-            import_react_native_skia2.ImageShader,
-            {
-              image: snapshots.to,
-              fit: "cover",
-              rect: { x: 0, y: 0, width, height }
-            }
-          )
-        ] }) })
-      }
-    ) : null
-  ] });
-});
-var styles = import_react_native14.StyleSheet.create({
-  wrapper: {
-    position: "relative",
-    overflow: "hidden",
-    backgroundColor: "transparent"
-  },
-  canvasOverlay: {
-    zIndex: 3
-  }
-});
-var Shockwave = Object.assign(ShockwaveRoot, { Transition });
-
 // src/patterns/StayCard/StayBrowseScreen.tsx
-var import_react_native15 = require("react-native");
+var import_react_native13 = require("react-native");
 var import_tamagui75 = require("tamagui");
 var import_lucide_icons4 = require("@tamagui/lucide-icons");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var DEFAULT_CATEGORIES = [
   { label: "Villa" },
   { label: "Hotel", active: true },
@@ -6217,13 +5929,13 @@ function StayBrowseScreen({
   onFavorite,
   backgroundColor = "#fafaf9"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.YStack, { flex: 1, backgroundColor, padding: 18, gap: 14, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.YStack, { gap: 4, marginTop: 28, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.SizableText, { size: "$2", color: "#737373", children: greeting }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.H3, { color: "#0a0a0a", size: "$7", lineHeight: 28, children: headline })
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.YStack, { flex: 1, backgroundColor, padding: 18, gap: 14, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.YStack, { gap: 4, marginTop: 28, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.SizableText, { size: "$2", color: "#737373", children: greeting }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.H3, { color: "#0a0a0a", size: "$7", lineHeight: 28, children: headline })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.XStack, { gap: 8, flexWrap: "wrap", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-      import_react_native15.View,
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.XStack, { gap: 8, flexWrap: "wrap", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      import_react_native13.View,
       {
         onTouchEnd: c.onPress,
         style: {
@@ -6232,7 +5944,7 @@ function StayBrowseScreen({
           borderRadius: 999,
           backgroundColor: c.active ? "#d9f99d" : "#f4f4f5"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           import_tamagui75.SizableText,
           {
             size: "$2",
@@ -6244,7 +5956,7 @@ function StayBrowseScreen({
       },
       c.label
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       import_tamagui75.YStack,
       {
         flex: 1,
@@ -6253,41 +5965,41 @@ function StayBrowseScreen({
         backgroundColor: "#e7e5e4",
         marginTop: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-            import_react_native15.Image,
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            import_react_native13.Image,
             {
               source: { uri: listing.image },
               style: { width: "100%", height: "60%" },
               resizeMode: "cover"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.YStack, { flex: 1, padding: 14, gap: 8, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { alignItems: "center", justifyContent: "space-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.H4, { color: "#0a0a0a", size: "$5", children: listing.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_native15.View, { onTouchEnd: onFavorite, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons4.Heart, { size: 18, color: "#ef4444" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.YStack, { flex: 1, padding: 14, gap: 8, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.H4, { color: "#0a0a0a", size: "$5", children: listing.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_native13.View, { onTouchEnd: onFavorite, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_icons4.Heart, { size: 18, color: "#ef4444" }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons4.MapPin, { size: 12, color: "#737373" }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.SizableText, { size: "$1", color: "#737373", children: listing.address })
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_icons4.MapPin, { size: 12, color: "#737373" }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.SizableText, { size: "$1", color: "#737373", children: listing.address })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { gap: 14, marginTop: 6, children: [
-              typeof listing.bed === "number" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons4.Bed, { size: 14, color: "#737373" }),
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { gap: 14, marginTop: 6, children: [
+              typeof listing.bed === "number" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_icons4.Bed, { size: 14, color: "#737373" }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: [
                   "Bed: ",
                   listing.bed
                 ] })
               ] }) : null,
-              typeof listing.bath === "number" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons4.Bath, { size: 14, color: "#737373" }),
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: [
+              typeof listing.bath === "number" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_icons4.Bath, { size: 14, color: "#737373" }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: [
                   "Bath: ",
                   listing.bath
                 ] })
               ] }) : null,
-              typeof listing.rating === "number" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons4.Star, { size: 14, color: "#f59e0b", fill: "#f59e0b" }),
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: listing.rating.toFixed(1) })
+              typeof listing.rating === "number" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_tamagui75.XStack, { alignItems: "center", gap: 4, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_icons4.Star, { size: 14, color: "#f59e0b", fill: "#f59e0b" }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_tamagui75.SizableText, { size: "$1", color: "#525252", children: listing.rating.toFixed(1) })
               ] }) : null
             ] })
           ] })
@@ -6298,10 +6010,10 @@ function StayBrowseScreen({
 }
 
 // src/patterns/StayCard/StayDetailScreen.tsx
-var import_react_native16 = require("react-native");
+var import_react_native14 = require("react-native");
 var import_tamagui76 = require("tamagui");
 var import_lucide_icons5 = require("@tamagui/lucide-icons");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var formatPrice = (n) => "$" + n.toLocaleString("en-US", { maximumFractionDigits: 0 });
 var buildDefaultMetrics = (props) => {
   const out = [];
@@ -6313,20 +6025,20 @@ var buildDefaultMetrics = (props) => {
   } else if (typeof props.listing.bed === "number") {
     out.push({
       label: "Beds",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_icons5.Bed, { size: 14, color: "#fafaf9" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons5.Bed, { size: 14, color: "#fafaf9" }),
       value: props.listing.bed
     });
   }
   if (typeof props.listing.bath === "number") {
     out.push({
       label: "Baths",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_icons5.Bath, { size: 14, color: "#fafaf9" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons5.Bath, { size: 14, color: "#fafaf9" }),
       value: props.listing.bath
     });
   }
   out.push({
     label: "Wifi",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_icons5.Wifi, { size: 14, color: "#fafaf9" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons5.Wifi, { size: 14, color: "#fafaf9" }),
     value: "Fast"
   });
   return out;
@@ -6342,18 +6054,18 @@ function StayDetailScreen(props) {
     ctaColor = "#f97316"
   } = props;
   const resolvedMetrics = metrics ?? buildDefaultMetrics(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.YStack, { flex: 1, backgroundColor, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react_native16.View, { style: { position: "relative", height: "50%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-        import_react_native16.Image,
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.YStack, { flex: 1, backgroundColor, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react_native14.View, { style: { position: "relative", height: "50%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        import_react_native14.Image,
         {
           source: { uri: listing.image },
           style: { width: "100%", height: "100%" },
           resizeMode: "cover"
         }
       ),
-      typeof listing.rating === "number" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
-        import_react_native16.View,
+      typeof listing.rating === "number" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        import_react_native14.View,
         {
           style: {
             position: "absolute",
@@ -6368,30 +6080,30 @@ function StayDetailScreen(props) {
             gap: 4
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_icons5.Star, { size: 12, color: "#f59e0b", fill: "#f59e0b" }),
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$1", color: "#0a0a0a", fontWeight: "700", children: listing.rating.toFixed(1) })
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_icons5.Star, { size: 12, color: "#f59e0b", fill: "#f59e0b" }),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$1", color: "#0a0a0a", fontWeight: "700", children: listing.rating.toFixed(1) })
           ]
         }
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.YStack, { flex: 1, padding: 18, gap: 10, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$2", color: "#a3a3a3", children: eyebrow }),
-      typeof listing.pricePerNight === "number" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.H3, { color: "#fafaf9", size: "$7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.YStack, { flex: 1, padding: 18, gap: 10, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$2", color: "#a3a3a3", children: eyebrow }),
+      typeof listing.pricePerNight === "number" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.H3, { color: "#fafaf9", size: "$7", children: [
         formatPrice(listing.pricePerNight),
         "/night"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.H3, { color: "#fafaf9", size: "$7", children: listing.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.SizableText, { size: "$2", color: "#a3a3a3", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.H3, { color: "#fafaf9", size: "$7", children: listing.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.SizableText, { size: "$2", color: "#a3a3a3", children: [
         listing.ownerName ? listing.ownerName + " \xB7 " : "",
         listing.address
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.XStack, { gap: 20, marginTop: 6, children: resolvedMetrics.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.YStack, { gap: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$1", color: "#737373", children: m.label }),
-        m.icon ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_tamagui76.XStack, { alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.XStack, { gap: 20, marginTop: 6, children: resolvedMetrics.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.YStack, { gap: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$1", color: "#737373", children: m.label }),
+        m.icon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_tamagui76.XStack, { alignItems: "center", gap: 4, children: [
           m.icon,
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fafaf9", fontWeight: "600", children: m.value })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fafaf9", fontWeight: "600", children: m.value })
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fafaf9", fontWeight: "600", children: m.value })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fafaf9", fontWeight: "600", children: m.value })
       ] }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         import_tamagui76.YStack,
         {
           marginTop: "auto",
@@ -6400,7 +6112,7 @@ function StayDetailScreen(props) {
           backgroundColor: ctaColor,
           alignItems: "center",
           onPress: onReserve,
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fff", fontWeight: "700", children: ctaLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_tamagui76.SizableText, { size: "$3", color: "#fff", fontWeight: "700", children: ctaLabel })
         }
       )
     ] })
@@ -6529,7 +6241,6 @@ function StayDetailScreen(props) {
   Separator,
   SettingsScreen,
   Sheet,
-  Shockwave,
   SizableStack,
   SizableText,
   Skeleton,