@expokit/cli 0.3.0 → 0.4.0

package/registry/dialog/files/src/components/ui/dialog.tsx

@@ -137,7 +137,8 @@ export function Dialog({
   accent,
   style,
 }: DialogProps) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const uid = useId().replace(/[^a-zA-Z0-9]/g, '');
   const reduceMotion = useReduceMotion();
   const destructive = variant === 'destructive';
@@ -331,6 +332,7 @@ export function Dialog({
       selectionColor={accent ?? colors.accent}
       style={[
         ios ? styles.inputIos : styles.input,
+        ff,
         {
           color: colors.foreground,
           backgroundColor: alpha(colors.foreground, dark ? 0.07 : 0.04),
@@ -351,19 +353,19 @@ export function Dialog({
       {title ? (
         <Text
           accessibilityRole="header"
-          style={[ios ? styles.titleIos : styles.title, { color: colors.foreground }, centred && styles.textCenter]}
+          style={[ios ? styles.titleIos : styles.title, ff, { color: colors.foreground }, centred && styles.textCenter]}
         >
           {title}
         </Text>
       ) : null}
       {description ? (
-        <Text style={[ios ? styles.descIos : styles.desc, { color: colors.mutedForeground }, centred && styles.textCenter]}>
+        <Text style={[ios ? styles.descIos : styles.desc, ff, { color: colors.mutedForeground }, centred && styles.textCenter]}>
           {description}
         </Text>
       ) : null}
       {field ? <View style={ios ? styles.fieldIos : styles.field}>{field}</View> : null}
       {error ? (
-        <Text accessibilityLiveRegion="polite" style={[styles.error, { color: colors.danger }, centred && styles.textCenter]}>
+        <Text accessibilityLiveRegion="polite" style={[styles.error, ff, { color: colors.danger }, centred && styles.textCenter]}>
           {error}
         </Text>
       ) : null}
@@ -514,6 +516,8 @@ function PillButton({
   onPress: () => void;
   style?: StyleProp<ViewStyle>;
 }) {
+  const { font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const press = useRef(new Animated.Value(0)).current;
   const to = (v: number) => Animated.spring(press, { toValue: v, useNativeDriver: true, ...motion.snappy }).start();
   return (
@@ -538,7 +542,7 @@ function PillButton({
           },
         ]}
       >
-        <Text numberOfLines={1} style={[styles.pillText, { color: fg, opacity: loading ? 0 : 1 }]}>
+        <Text numberOfLines={1} style={[styles.pillText, ff, { color: fg, opacity: loading ? 0 : 1 }]}>
           {label}
         </Text>
         {loading ? <ActivityIndicator style={StyleSheet.absoluteFill} size="small" color={fg} /> : null}
@@ -565,6 +569,8 @@ function IosButton({
   onPress: () => void;
   style?: StyleProp<ViewStyle>;
 }) {
+  const { font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const hl = useRef(new Animated.Value(0)).current;
   return (
     <Pressable
@@ -581,7 +587,7 @@ function IosButton({
       style={[styles.iosButton, style]}
     >
       <Animated.View pointerEvents="none" style={[StyleSheet.absoluteFill, { backgroundColor: highlight, opacity: hl }]} />
-      <Text numberOfLines={1} style={[styles.iosText, { color, opacity: loading ? 0 : disabled ? 0.4 : 1 }]}>
+      <Text numberOfLines={1} style={[styles.iosText, ff, { color, opacity: loading ? 0 : disabled ? 0.4 : 1 }]}>
         {label}
       </Text>
       {loading ? <ActivityIndicator style={StyleSheet.absoluteFill} size="small" color={color} /> : null}

package/registry/dialog/files/src/lib/kit.tsx

@@ -181,14 +181,17 @@ export function useKit(): Theme {
   return useMemo(() => build(scheme, ctx?.overrides), [scheme, ctx?.overrides]);
 }
 
-/** Shared motion presets so the whole kit moves the same way. */
+/**
+ * Shared motion presets so the whole kit moves the same way. Every spring is critically damped
+ * (damping ≥ 2·√(stiffness·mass)): it settles smoothly with no overshoot or wobble.
+ */
 export const motion = {
   /** Toggles, selection indicators. */
-  snappy: { damping: 18, stiffness: 260, mass: 0.8 },
-  /** Press feedback, pops. */
-  bouncy: { damping: 11, stiffness: 220, mass: 0.7 },
+  snappy: { damping: 30, stiffness: 260, mass: 0.8 },
+  /** Press feedback, pops. (Kept under its old name; it no longer bounces.) */
+  bouncy: { damping: 26, stiffness: 220, mass: 0.7 },
   /** Sheets, layout changes. */
-  gentle: { damping: 22, stiffness: 160, mass: 1 },
+  gentle: { damping: 27, stiffness: 160, mass: 1 },
   fast: 160,
   normal: 240,
 };

package/registry/donut-shop.json

@@ -0,0 +1,18 @@
+{
+  "name": "donut-shop",
+  "type": "block",
+  "title": "Donut Shop",
+  "description": "A dessert shop screen where the products roll. Swipe and the donuts roll across the carousel like wheels; \"+\" grows into a stepper and an add-to-cart bar rises; tap the donut and it zooms out to the edge of the screen, still turning, beside its nutrition. The donuts are drawn — icing, sprinkles, drizzle — with light that stays put while they spin, or pass your own round product art.",
+  "tier": "pro",
+  "dependencies": [
+    "react-native-svg",
+    "expo-haptics"
+  ],
+  "registryDependencies": [
+    "kit"
+  ],
+  "sharedFiles": [
+    "lib/kit.tsx"
+  ],
+  "filesDir": null
+}

package/registry/drawer/files/src/components/ui/drawer.tsx

@@ -1,5 +1,5 @@
 import * as Haptics from 'expo-haptics';
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ComponentRef } from 'react';
 import {
   AccessibilityInfo,
   Animated,
@@ -45,7 +45,7 @@ const SHADOW_PAD = 28;
 const PUSH_SCALE = 0.92;
 const PUSH_GAP = 14;
 /** Kit snappy with a touch more damping: the panel lands with a hint of overshoot, not a wobble. */
-const OPEN_SPRING = { ...motion.snappy, damping: 22 };
+const OPEN_SPRING = motion.snappy;
 /** Closing is clamped, so it ends on the first crossing — exits feel faster than entrances. */
 const CLOSE_SPRING = { ...motion.snappy, overshootClamping: true };
 
@@ -226,7 +226,7 @@ export function Drawer({
   }, [isOpen, inline]);
 
   // Root position on the page, for the edge-swipe zone (gesture coordinates are page-based).
-  const rootRef = useRef<View>(null);
+  const rootRef = useRef<ComponentRef<typeof View>>(null);
   const rootX = useRef(0);
   const measure = useCallback(() => {
     rootRef.current?.measure((_x, _y, _w, _h, pageX) => {
@@ -492,7 +492,8 @@ export interface DrawerHeaderProps {
 
 /** Title block with optional leading node and close button — drop into `header`. */
 export function DrawerHeader({ title, subtitle, leading, showClose = false, onClose, children, style }: DrawerHeaderProps) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const drawerCtx = useContext(DrawerContext);
   const close = onClose ?? (() => drawerCtx?.close());
   const canClose = showClose || onClose !== undefined;
@@ -501,12 +502,12 @@ export function DrawerHeader({ title, subtitle, leading, showClose = false, onCl
       {leading ? <View>{leading}</View> : null}
       <View style={styles.headerText}>
         {title ? (
-          <Text accessibilityRole="header" style={[styles.headerTitle, { color: colors.foreground }]} numberOfLines={1}>
+          <Text accessibilityRole="header" style={[styles.headerTitle, ff, { color: colors.foreground }]} numberOfLines={1}>
             {title}
           </Text>
         ) : null}
         {subtitle ? (
-          <Text style={[styles.headerSub, { color: colors.mutedForeground }]} numberOfLines={1}>
+          <Text style={[styles.headerSub, ff, { color: colors.mutedForeground }]} numberOfLines={1}>
             {subtitle}
           </Text>
         ) : null}
@@ -569,7 +570,8 @@ export function DrawerProfile({
   accessibilityHint,
   style,
 }: DrawerProfileProps) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const press = useRef(new Animated.Value(0)).current;
   const stacked = layout === 'stacked';
   const trailing =
@@ -587,11 +589,11 @@ export function DrawerProfile({
     ) : null;
   const text = (
     <View style={styles.profileText}>
-      <Text numberOfLines={1} style={[styles.profileName, { color: colors.foreground }, stacked && styles.profileNameLg]}>
+      <Text numberOfLines={1} style={[styles.profileName, ff, { color: colors.foreground }, stacked && styles.profileNameLg]}>
         {name}
       </Text>
       {email ? (
-        <Text numberOfLines={1} style={[styles.profileEmail, { color: colors.mutedForeground }]}>
+        <Text numberOfLines={1} style={[styles.profileEmail, ff, { color: colors.mutedForeground }]}>
           {email}
         </Text>
       ) : null}
@@ -637,7 +639,8 @@ export function DrawerProfile({
 }
 
 function ProfileAvatar({ name, src, size, status }: { name: string; src?: string; size: number; status?: DrawerPresence }) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const ring = useContext(SurfaceContext) ?? colors.card;
   const hue = nameColor(name);
   const ink = dark ? mix(hue, colors.foreground, 0.35) : mix(hue, colors.foreground, 0.3);
@@ -670,7 +673,7 @@ function ProfileAvatar({ name, src, size, status }: { name: string; src?: string
           },
         ]}
       >
-        <Text style={{ color: ink, fontSize: size * 0.36, fontWeight: '400', letterSpacing: -0.2 }}>{initials}</Text>
+        <Text style={[{ color: ink, fontSize: size * 0.36, fontWeight: '400', letterSpacing: -0.2 }, ff]}>{initials}</Text>
         {src ? <Image source={{ uri: src }} alt="" style={StyleSheet.absoluteFill} /> : null}
       </View>
       {status ? (
@@ -811,7 +814,8 @@ export function DrawerItem({
   disabled,
   style,
 }: DrawerItemProps) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const drawer = useContext(DrawerContext);
   const reduceMotion = useReduceMotion();
   const danger = tone === 'danger';
@@ -910,7 +914,7 @@ export function DrawerItem({
             )}
           </Animated.View>
         ) : null}
-        <Text numberOfLines={1} style={[styles.itemLabel, { color: labelColor }]}>
+        <Text numberOfLines={1} style={[styles.itemLabel, ff, { color: labelColor }]}>
           {label}
         </Text>
         {showBadge ? (
@@ -921,7 +925,7 @@ export function DrawerItem({
               { borderRadius: radius.capsule(22), backgroundColor: badgeColors.bg, transform: [{ scale: badgePop }] },
             ]}
           >
-            <Text style={[styles.badgeText, { color: badgeColors.fg }]}>
+            <Text style={[styles.badgeText, ff, { color: badgeColors.fg }]}>
               {typeof badge === 'number' && badge > 99 ? '99+' : badge}
             </Text>
           </Animated.View>
@@ -943,12 +947,13 @@ export interface DrawerSectionProps {
 
 /** A quiet heading between groups of DrawerItems, with a hairline divider above it. */
 export function DrawerSection({ title, trailing, divider = true, style }: DrawerSectionProps) {
-  const { colors, dark } = useKit();
+  const { colors, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   return (
     <View style={style}>
       {divider ? <View style={[styles.divider, { backgroundColor: alpha(colors.foreground, dark ? 0.1 : 0.07) }]} /> : null}
       <View style={[styles.section, !divider && styles.sectionFlush]}>
-        <Text accessibilityRole="header" style={[styles.sectionText, { color: colors.mutedForeground }]}>
+        <Text accessibilityRole="header" style={[styles.sectionText, ff, { color: colors.mutedForeground }]}>
           {title}
         </Text>
         {trailing}
@@ -972,7 +977,8 @@ export interface DrawerFooterProps {
 
 /** A compact footer row — storage meter, app version, sync status — for the `footer` slot. */
 export function DrawerFooter({ label, detail, icon, progress, onPress, trailing, style }: DrawerFooterProps) {
-  const { colors, radius, dark } = useKit();
+  const { colors, radius, dark, font } = useKit();
+  const ff = font.family ? { fontFamily: font.family } : null;
   const pct = progress === undefined ? undefined : Math.max(0, Math.min(1, progress));
   return (
     <Pressable
@@ -996,7 +1002,7 @@ export function DrawerFooter({ label, detail, icon, progress, onPress, trailing,
         </View>
       ) : null}
       <View style={styles.footerText}>
-        <Text numberOfLines={1} style={[styles.footerLabel, { color: colors.foreground }]}>
+        <Text numberOfLines={1} style={[styles.footerLabel, ff, { color: colors.foreground }]}>
           {label}
         </Text>
         {pct !== undefined ? (
@@ -1012,7 +1018,7 @@ export function DrawerFooter({ label, detail, icon, progress, onPress, trailing,
           </View>
         ) : null}
         {detail ? (
-          <Text numberOfLines={1} style={[styles.footerDetail, { color: colors.mutedForeground }]}>
+          <Text numberOfLines={1} style={[styles.footerDetail, ff, { color: colors.mutedForeground }]}>
             {detail}
           </Text>
         ) : null}

package/registry/drawer/files/src/lib/kit.tsx

@@ -181,14 +181,17 @@ export function useKit(): Theme {
   return useMemo(() => build(scheme, ctx?.overrides), [scheme, ctx?.overrides]);
 }
 
-/** Shared motion presets so the whole kit moves the same way. */
+/**
+ * Shared motion presets so the whole kit moves the same way. Every spring is critically damped
+ * (damping ≥ 2·√(stiffness·mass)): it settles smoothly with no overshoot or wobble.
+ */
 export const motion = {
   /** Toggles, selection indicators. */
-  snappy: { damping: 18, stiffness: 260, mass: 0.8 },
-  /** Press feedback, pops. */
-  bouncy: { damping: 11, stiffness: 220, mass: 0.7 },
+  snappy: { damping: 30, stiffness: 260, mass: 0.8 },
+  /** Press feedback, pops. (Kept under its old name; it no longer bounces.) */
+  bouncy: { damping: 26, stiffness: 220, mass: 0.7 },
   /** Sheets, layout changes. */
-  gentle: { damping: 22, stiffness: 160, mass: 1 },
+  gentle: { damping: 27, stiffness: 160, mass: 1 },
   fast: 160,
   normal: 240,
 };

package/registry/fintech-app.json

@@ -0,0 +1,57 @@
+{
+  "name": "fintech-app",
+  "type": "template",
+  "title": "Business banking app",
+  "description": "A complete Expo Router app for a small-business bank account: onboarding once, phone + OTP sign in, a live revenue dashboard, cards you can reveal and freeze, slide-to-pay transfers, profile and settings.",
+  "tier": "pro",
+  "dependencies": [
+    "react-native-svg",
+    "expo-haptics",
+    "expo-router",
+    "expo-splash-screen",
+    "expo-status-bar",
+    "react-native-safe-area-context",
+    "react-native-screens",
+    "@react-native-async-storage/async-storage"
+  ],
+  "registryDependencies": [
+    "kit",
+    "bottom-nav",
+    "onboarding",
+    "sign-in",
+    "dashboard",
+    "payment-card",
+    "switch",
+    "avatar",
+    "chip-group",
+    "slide-to-confirm",
+    "profile",
+    "settings"
+  ],
+  "sharedFiles": [
+    "lib/kit.tsx",
+    "components/ui/bottom-nav.tsx",
+    "components/blocks/onboarding.tsx",
+    "components/ui/button.tsx",
+    "components/ui/floating-input.tsx",
+    "components/ui/password-input.tsx",
+    "components/ui/otp-input.tsx",
+    "components/blocks/sign-in.tsx",
+    "components/ui/avatar.tsx",
+    "components/ui/badge.tsx",
+    "components/ui/list-item.tsx",
+    "components/ui/number-ticker.tsx",
+    "components/ui/segmented-control.tsx",
+    "components/ui/skeleton.tsx",
+    "components/blocks/dashboard.tsx",
+    "components/ui/tilt-card.tsx",
+    "components/ui/flip-card.tsx",
+    "components/ui/payment-card.tsx",
+    "components/ui/switch.tsx",
+    "components/ui/chip-group.tsx",
+    "components/ui/slide-to-confirm.tsx",
+    "components/blocks/profile.tsx",
+    "components/blocks/settings.tsx"
+  ],
+  "filesDir": null
+}

package/registry/flip-card/files/src/components/ui/flip-card.tsx

@@ -121,7 +121,7 @@ export function FlipCard({
       borderRadius: radius,
       opacity,
       transform: [{ perspective }, { [axis]: turn } as never, { scale: lift }],
-    }) as Animated.WithAnimatedObject<ViewStyle>;
+    }) as Animated.WithAnimatedValue<ViewStyle>;
 
   // The shadow squeezes along the turning axis as the card goes edge-on (see SQUEEZE) and fades a little.
   const squeeze = p.interpolate(SQUEEZE);

package/registry/flip-card/files/src/lib/kit.tsx

@@ -181,14 +181,17 @@ export function useKit(): Theme {
   return useMemo(() => build(scheme, ctx?.overrides), [scheme, ctx?.overrides]);
 }
 
-/** Shared motion presets so the whole kit moves the same way. */
+/**
+ * Shared motion presets so the whole kit moves the same way. Every spring is critically damped
+ * (damping ≥ 2·√(stiffness·mass)): it settles smoothly with no overshoot or wobble.
+ */
 export const motion = {
   /** Toggles, selection indicators. */
-  snappy: { damping: 18, stiffness: 260, mass: 0.8 },
-  /** Press feedback, pops. */
-  bouncy: { damping: 11, stiffness: 220, mass: 0.7 },
+  snappy: { damping: 30, stiffness: 260, mass: 0.8 },
+  /** Press feedback, pops. (Kept under its old name; it no longer bounces.) */
+  bouncy: { damping: 26, stiffness: 220, mass: 0.7 },
   /** Sheets, layout changes. */
-  gentle: { damping: 22, stiffness: 160, mass: 1 },
+  gentle: { damping: 27, stiffness: 160, mass: 1 },
   fast: 160,
   normal: 240,
 };

package/registry/floating-input/files/src/components/ui/floating-input.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState, type ComponentRef } from 'react';
 import {
   Animated,
   Easing,
@@ -99,7 +99,7 @@ const NO_WEB_OUTLINE = Platform.OS === 'web' ? ({ outlineStyle: 'none', outlineW
 const AUTOFILL_CSS = `@keyframes ekAutofillOn{from{}to{}}@keyframes ekAutofillOff{from{}to{}}
 input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{animation:ekAutofillOn 1ms;-webkit-text-fill-color:currentColor!important;caret-color:currentColor;transition:background-color 99999s 0s,color 99999s 0s!important}
 input:not(:-webkit-autofill){animation:ekAutofillOff 1ms}`;
-function useWebAutofill(inputRef: React.RefObject<TextInput | null>, onChange: (filled: boolean) => void) {
+function useWebAutofill(inputRef: React.RefObject<ComponentRef<typeof TextInput> | null>, onChange: (filled: boolean) => void) {
   useEffect(() => {
     if (Platform.OS !== 'web' || typeof document === 'undefined') return;
     if (!document.getElementById('expokit-autofill')) {
@@ -126,7 +126,7 @@ function useWebAutofill(inputRef: React.RefObject<TextInput | null>, onChange: (
  * cutting a notch in the outline (Material-style). Focus draws a soft halo, errors shake,
  * success pops a check — all spring-driven.
  */
-export const FloatingInput = forwardRef<TextInput, FloatingInputProps>(function FloatingInput(
+export const FloatingInput = forwardRef<ComponentRef<typeof TextInput>, FloatingInputProps>(function FloatingInput(
   {
     label,
     floatingLabel = true,
@@ -169,7 +169,7 @@ export const FloatingInput = forwardRef<TextInput, FloatingInputProps>(function
   const ff = font.family ? { fontFamily: font.family } : null;
   const S = FLOATING_INPUT_SIZES[size];
   // The user's border colour only replaces the resting one; numeric height / radius drive the layout maths.
-  const { borderColor: userBorder, ...userField } = StyleSheet.flatten(fieldStyle) ?? {};
+  const { borderColor: userBorder, ...userField } = flattenView(fieldStyle);
   const userLabelColor = StyleSheet.flatten(labelStyleProp)?.color;
   const HEIGHT = typeof userField.height === 'number' ? userField.height : S.height;
   // Floated size stays relative to the resting size, so a bigger label floats bigger at the same ratio.
@@ -179,8 +179,8 @@ export const FloatingInput = forwardRef<TextInput, FloatingInputProps>(function
   const slot = S.icon + 10; // room for the clear button / check
   const tint = accent ?? colors.accent;
   const bg = surface ?? colors.background;
-  const inputRef = useRef<TextInput>(null);
-  useImperativeHandle(ref, () => inputRef.current as TextInput);
+  const inputRef = useRef<ComponentRef<typeof TextInput>>(null);
+  useImperativeHandle(ref, () => inputRef.current as ComponentRef<typeof TextInput>);
 
   const [focused, setFocused] = useState(false);
   const [inner, setInner] = useState(defaultValue ?? '');
@@ -500,6 +500,16 @@ function FieldMessage({ text, tone, color, style }: { text: string; tone: Messag
   );
 }
 
+/**
+ * The user's field style as one object. Not StyleSheet.flatten: with TypeScript 6 its RN 0.88 signature
+ * rejects a plain StyleProp<ViewStyle> once expo/types adds web-only keys to ViewStyle.
+ */
+function flattenView(style: StyleProp<ViewStyle>): ViewStyle {
+  if (!style || typeof style !== 'object') return {};
+  if (Array.isArray(style)) return Object.assign({}, ...style.map((s) => flattenView(s as StyleProp<ViewStyle>)));
+  return style as ViewStyle;
+}
+
 const styles = StyleSheet.create({
   disabled: { opacity: 0.5 },
   halo: { position: 'absolute', top: -HALO, left: -HALO, right: -HALO, bottom: -HALO },

package/registry/floating-input/files/src/lib/kit.tsx

@@ -181,14 +181,17 @@ export function useKit(): Theme {
   return useMemo(() => build(scheme, ctx?.overrides), [scheme, ctx?.overrides]);
 }
 
-/** Shared motion presets so the whole kit moves the same way. */
+/**
+ * Shared motion presets so the whole kit moves the same way. Every spring is critically damped
+ * (damping ≥ 2·√(stiffness·mass)): it settles smoothly with no overshoot or wobble.
+ */
 export const motion = {
   /** Toggles, selection indicators. */
-  snappy: { damping: 18, stiffness: 260, mass: 0.8 },
-  /** Press feedback, pops. */
-  bouncy: { damping: 11, stiffness: 220, mass: 0.7 },
+  snappy: { damping: 30, stiffness: 260, mass: 0.8 },
+  /** Press feedback, pops. (Kept under its old name; it no longer bounces.) */
+  bouncy: { damping: 26, stiffness: 220, mass: 0.7 },
   /** Sheets, layout changes. */
-  gentle: { damping: 22, stiffness: 160, mass: 1 },
+  gentle: { damping: 27, stiffness: 160, mass: 1 },
   fast: 160,
   normal: 240,
 };

package/registry/food-app.json

@@ -0,0 +1,55 @@
+{
+  "name": "food-app",
+  "type": "template",
+  "title": "Food ordering app",
+  "description": "A complete Expo Router app for a donut shop: onboarding once, sign in, a rolling menu, coupons, bag with checkout, profile and settings with a working light / dark switch.",
+  "tier": "pro",
+  "dependencies": [
+    "react-native-svg",
+    "expo-haptics",
+    "expo-router",
+    "expo-splash-screen",
+    "expo-status-bar",
+    "react-native-safe-area-context",
+    "react-native-screens",
+    "@react-native-async-storage/async-storage"
+  ],
+  "registryDependencies": [
+    "kit",
+    "bottom-nav",
+    "onboarding",
+    "sign-in",
+    "donut-shop",
+    "offers",
+    "checkout",
+    "profile",
+    "settings"
+  ],
+  "sharedFiles": [
+    "lib/kit.tsx",
+    "components/ui/bottom-nav.tsx",
+    "components/blocks/onboarding.tsx",
+    "components/ui/button.tsx",
+    "components/ui/floating-input.tsx",
+    "components/ui/password-input.tsx",
+    "components/ui/otp-input.tsx",
+    "components/blocks/sign-in.tsx",
+    "components/blocks/donut-shop.tsx",
+    "components/ui/tilt-card.tsx",
+    "components/ui/flip-card.tsx",
+    "lib/ticket-shape.tsx",
+    "components/ui/coupon.tsx",
+    "components/ui/confetti.tsx",
+    "components/blocks/offers.tsx",
+    "components/ui/slide-to-confirm.tsx",
+    "components/ui/stepper.tsx",
+    "components/blocks/checkout.tsx",
+    "components/blocks/profile.tsx",
+    "components/ui/avatar.tsx",
+    "components/ui/badge.tsx",
+    "components/ui/segmented-control.tsx",
+    "components/ui/switch.tsx",
+    "components/blocks/settings.tsx"
+  ],
+  "filesDir": null
+}