@thewhileloop/whileui 0.2.2 → 0.2.4

package/README.md

@@ -11,20 +11,20 @@ Current version: **0.2.1**
 ```bash
 npm install @thewhileloop/whileui
 # or
-pnpm add @thewhileloop/whileui
+bun add @thewhileloop/whileui
 ```
 
 ### Required Peer Dependencies
 
 ```bash
-pnpm add react@^19.0.0 react-native@^0.81.0 uniwind@^1.0.0 tailwindcss@^4.0.0
-pnpm add react-native-reanimated react-native-safe-area-context react-native-screens
+bun add react@^19.0.0 react-native@^0.81.0 uniwind@^1.0.0 tailwindcss@^4.0.0
+bun add react-native-reanimated react-native-safe-area-context react-native-screens
 ```
 
 ### Portal Dependencies (Select, Popover, Tooltip, HoverCard)
 
 ```bash
-pnpm add @rn-primitives/portal @rn-primitives/hooks @rn-primitives/slot @rn-primitives/select @rn-primitives/popover @rn-primitives/tooltip @rn-primitives/hover-card
+bun add @rn-primitives/portal @rn-primitives/hooks @rn-primitives/slot @rn-primitives/select @rn-primitives/popover @rn-primitives/tooltip @rn-primitives/hover-card
 ```
 
 ### Setup Uniwind (required)
@@ -174,6 +174,9 @@ function MyScreen() {
 | **Text**      | Themed text with variant support |
 | **View**      | Themed view wrapper              |
 | **Pressable** | Themed pressable wrapper         |
+| **Stack**     | Vertical flex layout with gap    |
+| **Row**       | Horizontal flex layout with gap  |
+| **Box**       | Flexible container with variants |
 
 ### Form Controls
 
@@ -240,21 +243,21 @@ function MyScreen() {
 
 ### Auth
 
-| Block                  | Description                     |
-| ---------------------- | ------------------------------- |
-| **SignInForm**         | Email/password sign in          |
-| **SignUpForm**         | Registration form               |
-| **ForgotPasswordForm** | Password reset request          |
-| **ResetPasswordForm**  | Set new password                |
-| **VerifyEmailForm**    | Email verification code input   |
-| **SocialConnections**  | OAuth provider buttons          |
-| **UserMenu**           | Profile dropdown for auth flows |
+| Block                  | Description                           |
+| ---------------------- | ------------------------------------- |
+| **SignInForm**         | Email/password sign in with callbacks |
+| **SignUpForm**         | Registration form with callbacks      |
+| **ForgotPasswordForm** | Password reset request                |
+| **ResetPasswordForm**  | Set new password                      |
+| **VerifyEmailForm**    | Email verification code input         |
+| **SocialConnections**  | OAuth provider buttons                |
+| **UserMenu**           | Profile dropdown for auth flows       |
 
 ### Navigation
 
 | Block                 | Description                                       |
 | --------------------- | ------------------------------------------------- |
-| **AppShell**          | Layout shell with slots for navigation            |
+| **AppShell**          | Layout shell with header/footer/bottomNav slots   |
 | **NavigationSidebar** | Sidebar nav with grouped sections and footer slot |
 | **Header**            | Top app bar with back/actions                     |
 | **BottomNav**         | Tab-style bottom navigation bar                   |
@@ -262,21 +265,17 @@ function MyScreen() {
 | **TabBar**            | Top tab bar with indicator                        |
 | **DrawerMenu**        | Drawer with sections and items                    |
 
-### Lists
-
-| Block                | Description                          |
-| -------------------- | ------------------------------------ |
-| **ListItem**         | Title/subtitle row                   |
-| **NotificationItem** | Notification row with metadata       |
-| **SwipeableItem**    | Swipe actions (left/right) list item |
-
-### Commerce
+### Layout
 
-| Block               | Description                     |
-| ------------------- | ------------------------------- |
-| **ProductCard**     | Product card with badge/media   |
-| **PricingCard**     | Pricing tiers with feature list |
-| **CheckoutSummary** | Cart summary with line items    |
+| Block                  | Description                                     |
+| ---------------------- | ----------------------------------------------- |
+| **ActionBar**          | Sticky bottom action row with safe-area padding |
+| **ConfirmActionSheet** | Reusable destructive confirmation sheet         |
+| **FormModalScreen**    | Modal scaffold for forms with loading states    |
+| **EmptyState**         | Empty content placeholder                       |
+| **ErrorState**         | Error display with retry                        |
+| **LoadingScreen**      | Full-screen loading indicator                   |
+| **OnboardingScreen**   | Onboarding flow screen                          |
 
 ### Profile & Settings
 
@@ -287,6 +286,24 @@ function MyScreen() {
 | **SettingsSection** | Section header with optional action |
 | **SettingsItem**    | Row for toggles/links/settings      |
 
+### Lists
+
+| Block                | Description                         |
+| -------------------- | ----------------------------------- |
+| **ListItem**         | Title/subtitle row                  |
+| **NotificationItem** | Notification row with metadata      |
+| **SwipeableItem**    | Swipe actions list item             |
+| **TimelineFeed**     | Vertical feed with connecting lines |
+
+### Commerce
+
+| Block               | Description                        |
+| ------------------- | ---------------------------------- |
+| **ProductCard**     | Product card with badge/media      |
+| **PricingCard**     | Pricing tiers with feature list    |
+| **CheckoutSummary** | Cart summary with line items       |
+| **MetricCard**      | Stats/progress card for dashboards |
+
 ### Splash & States
 
 | Block                | Description                    |
@@ -298,73 +315,82 @@ function MyScreen() {
 | **LoadingScreen**    | Full-screen loading state      |
 | **EmptyState**       | Placeholder empty/content-less |
 | **ErrorState**       | Error message with action      |
-| **UserMenu**         | Avatar dropdown with user info |
 
-### Navigation
+### Media
 
-| Block                 | Description                       |
-| --------------------- | --------------------------------- |
-| **NavigationSidebar** | Sidebar nav with grouped sections |
-| **Header**            | App header with title & actions   |
-| **BottomNav**         | Bottom tab navigation             |
-| **FloatingBottomNav** | Floating bottom navigation        |
-| **TabBar**            | Horizontal tab bar                |
-| **DrawerMenu**        | Side drawer navigation            |
+| Block          | Description                         |
+| -------------- | ----------------------------------- |
+| **SmartImage** | Image with aspect ratio and loading |
 
-### Layout
+## Layout Primitives (Stack, Row, Box)
 
-| Block                  | Description                                     |
-| ---------------------- | ----------------------------------------------- |
-| **AppShell**           | Main app layout wrapper                         |
-| **ActionBar**          | Sticky bottom action row with safe-area padding |
-| **ConfirmActionSheet** | Reusable destructive confirmation sheet         |
-| **EmptyState**         | Empty content placeholder                       |
-| **ErrorState**         | Error display with retry                        |
-| **LoadingScreen**      | Full-screen loading indicator                   |
-| **OnboardingScreen**   | Onboarding flow screen                          |
+Use `Stack` for vertical layouts, `Row` for horizontal layouts. Both support `gap`, `align`, and `justify` variants.
 
-### Splash
+```tsx
+import { Stack, Row, Box } from '@thewhileloop/whileui';
 
-| Block             | Description                                      |
-| ----------------- | ------------------------------------------------ |
-| **SplashScreen**  | Animated app launch splash with fade/scale/slide |
-| **MinimalSplash** | Preset: Simple fade animation                    |
-| **BrandedSplash** | Preset: Scale animation with loading indicator   |
+<Stack gap="lg">
+  <Text>Title</Text>
+  <Row gap="md" justify="between">
+    <Button>
+      <ButtonText>Cancel</ButtonText>
+    </Button>
+    <Button>
+      <ButtonText>Save</ButtonText>
+    </Button>
+  </Row>
+</Stack>;
+```
 
-### Profile
+| Prop    | Stack/Row                                                           | Values                   |
+| ------- | ------------------------------------------------------------------- | ------------------------ |
+| gap     | `'none' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'`           | Spacing between children |
+| align   | `'start' \| 'center' \| 'end' \| 'stretch' \| 'baseline'`           | Cross-axis alignment     |
+| justify | `'start' \| 'center' \| 'end' \| 'between' \| 'around' \| 'evenly'` | Main-axis alignment      |
 
-| Block               | Description                |
-| ------------------- | -------------------------- |
-| **ProfileHeader**   | User profile header        |
-| **AccountCard**     | Account info card          |
-| **SettingsItem**    | Settings list item         |
-| **SettingsSection** | Settings group with header |
+`Box` provides optional padding and margin variants for consistent spacing.
 
-### Lists
+## Full-Screen Composition
 
-| Block                | Description                      |
-| -------------------- | -------------------------------- |
-| **ListItem**         | Standard list item               |
-| **NotificationItem** | Notification list item           |
-| **SwipeableItem**    | Swipeable list item with actions |
+Standard pattern: `AppShell` with `header`, scrollable `children`, and `bottomNav`.
 
-### Commerce
+```tsx
+import { AppShell, Header, BottomNav, ScrollView } from '@thewhileloop/whileui';
+
+<AppShell
+  header={<Header title="Home" rightActions={[...]} />}
+  bottomNav={
+    <BottomNav
+      items={[...]}
+      activeKey="home"
+      onSelect={(key) => setTab(key)}
+    />
+  }
+>
+  <ScrollView className="flex-1 p-4">
+    {/* Screen content */}
+  </ScrollView>
+</AppShell>
+```
 
-| Block               | Description                |
-| ------------------- | -------------------------- |
-| **ProductCard**     | Product display card       |
-| **PricingCard**     | Pricing tier card          |
-| **CheckoutSummary** | Order summary for checkout |
+See [BLOCKS.md](./BLOCKS.md) for the full block catalog and [docs/BLUEPRINTS.md](./docs/BLUEPRINTS.md) for flow blueprints.
 
 ## Quick Start
 
 ```bash
 # Install dependencies
-pnpm install
+bun install
+
+# Run the starter app (minimal composable template)
+cd apps/starter
+npx expo start
 
-# Run the showcase app
+# Or run the full showcase
 cd apps/showcase
 npx expo start
+
+# Run on web (React Native Web)
+npx expo start --web
 ```
 
 ## Project Structure
@@ -389,7 +415,9 @@ whileui/
 │           │   ├── layout/
 │           │   ├── profile/
 │           │   ├── lists/
-│           │   └── commerce/
+│           │   ├── commerce/
+│           │   ├── splash/
+│           │   └── media/
 │           ├── lib/           # Utilities
 │           │   ├── cn.ts      # clsx + tailwind-merge
 │           │   ├── tv.ts      # tailwind-variants re-export
@@ -401,7 +429,7 @@ whileui/
 │       ├── App.tsx            # Component showcase
 │       ├── global.css         # Theme variables (OKLCH) — at app root!
 │       └── metro.config.js    # Uniwind + monorepo config
-└── package.json               # pnpm monorepo root
+└── package.json               # bun monorepo root
 ```
 
 ## Theming
@@ -501,7 +529,7 @@ import { tv, type VariantProps } from './lib/tv';
 - **Variants**: [tailwind-variants](https://www.tailwind-variants.org/) (`tv()`)
 - **Merging**: [clsx](https://github.com/lukeed/clsx) + [tailwind-merge](https://github.com/dcastil/tailwind-merge)
 - **Expo**: SDK 54
-- **Monorepo**: pnpm + Turborepo
+- **Monorepo**: bun + Turborepo
 
 ## License
 
@@ -542,11 +570,12 @@ import { Input } from '@thewhileloop/whileui';
 <Input placeholder="Email" variant="default" value={value} onChangeText={setValue} />;
 ```
 
-| Prop        | Type                   | Default     | Description               |
-| ----------- | ---------------------- | ----------- | ------------------------- |
-| variant     | `'default' \| 'error'` | `'default'` | Input style variant       |
-| placeholder | `string`               | —           | Placeholder text          |
-| editable    | `boolean`              | `true`      | Whether input is editable |
+| Prop                 | Type                   | Default     | Description                                      |
+| -------------------- | ---------------------- | ----------- | ------------------------------------------------ |
+| variant              | `'default' \| 'error'` | `'default'` | Input style variant                              |
+| placeholder          | `string`               | —           | Placeholder text                                 |
+| placeholderTextColor | `string`               | —           | Hex for placeholder (theme-aware when provided)  |
+| editable             | `boolean`              | `true`      | Whether input is editable                        |
 
 ## NumericInput
 
@@ -565,14 +594,15 @@ import { NumericInput } from '@thewhileloop/whileui';
 />;
 ```
 
-| Prop            | Type                              | Default     | Description                       |
-| --------------- | --------------------------------- | ----------- | --------------------------------- |
-| variant         | `'default' \| 'error'`            | `'default'` | Input style                       |
-| size            | `'default' \| 'compact'`          | `'default'` | Density size                      |
-| value           | `number \| null`                  | —           | Controlled numeric value          |
-| onValueChange   | `(value: number \| null) => void` | —           | Numeric value change callback     |
-| prefix / suffix | `ReactNode`                       | —           | Left/right slots                  |
-| showSteppers    | `boolean`                         | `false`     | Show decrement/increment controls |
+| Prop                 | Type                              | Default     | Description                       |
+| -------------------- | --------------------------------- | ----------- | --------------------------------- |
+| variant              | `'default' \| 'error'`            | `'default'` | Input style                       |
+| size                 | `'default' \| 'compact'`          | `'default'` | Density size                      |
+| value                | `number \| null`                  | —           | Controlled numeric value          |
+| onValueChange       | `(value: number \| null) => void` | —           | Numeric value change callback     |
+| placeholderTextColor | `string`                          | —           | Hex for placeholder               |
+| prefix / suffix      | `ReactNode`                       | —           | Left/right slots                  |
+| showSteppers        | `boolean`                         | `false`     | Show decrement/increment controls |
 
 ## FormField
 
@@ -1011,17 +1041,45 @@ import {
 ```tsx
 import { SignInForm } from '@thewhileloop/whileui';
 
-<SignInForm onSubmit={(email, password) => {}} onForgotPassword={() => {}} onSignUp={() => {}} />;
+<SignInForm
+  onSubmit={({ email, password }) => signIn(email, password)}
+  onForgotPassword={() => navigate('ForgotPassword')}
+  onSignUp={() => navigate('SignUp')}
+  onGooglePress={() => signInWithGoogle()}
+  onApplePress={() => signInWithApple()}
+/>;
 ```
 
+| Prop             | Type                                  | Description                  |
+| ---------------- | ------------------------------------- | ---------------------------- |
+| onSubmit         | `(data: { email, password }) => void` | Called on sign-in submit     |
+| onForgotPassword | `() => void`                          | Called when "Forgot?" tapped |
+| onSignUp         | `() => void`                          | Called when "Sign Up" tapped |
+| onGooglePress    | `() => void`                          | Called when Google tapped    |
+| onApplePress     | `() => void`                          | Called when Apple tapped     |
+
 ## SignUpForm
 
 ```tsx
 import { SignUpForm } from '@thewhileloop/whileui';
 
-<SignUpForm onSubmit={(name, email, password) => {}} onSignIn={() => {}} />;
+<SignUpForm
+  onSubmit={({ firstName, lastName, email, password }) =>
+    signUp(firstName, lastName, email, password)
+  }
+  onSignIn={() => navigate('SignIn')}
+  onGooglePress={() => signInWithGoogle()}
+  onApplePress={() => signInWithApple()}
+/>;
 ```
 
+| Prop          | Type                                                       | Description                  |
+| ------------- | ---------------------------------------------------------- | ---------------------------- |
+| onSubmit      | `(data: { firstName, lastName, email, password }) => void` | Called on registration       |
+| onSignIn      | `() => void`                                               | Called when "Sign In" tapped |
+| onGooglePress | `() => void`                                               | Called when Google tapped    |
+| onApplePress  | `() => void`                                               | Called when Apple tapped     |
+
 ## BottomNav
 
 ```tsx

package/dist/blocks/auth/forgot-password-form.d.ts

@@ -1,2 +1,10 @@
-export declare function ForgotPasswordForm(): import("react/jsx-runtime").JSX.Element;
+export interface ForgotPasswordFormProps {
+    /** Called when user submits email. Receives form values. */
+    onSubmit?: (data: {
+        email: string;
+    }) => void;
+    /** Called when user taps "Back to Sign In" link. */
+    onBackToSignIn?: () => void;
+}
+export declare function ForgotPasswordForm({ onSubmit, onBackToSignIn }?: ForgotPasswordFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=forgot-password-form.d.ts.map

package/dist/blocks/auth/forgot-password-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forgot-password-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/forgot-password-form.tsx"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,4CAwBjC"}
+{"version":3,"file":"forgot-password-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/forgot-password-form.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,uBAAuB;IACtC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAE,uBAA4B,2CAyC5F"}

package/dist/blocks/auth/forgot-password-form.js

@@ -1,11 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { View } from 'react-native';
+import { Pressable } from '../../components/pressable';
 import { Button, ButtonText } from '../../components/button';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
 import { Input } from '../../components/input';
 import { Label } from '../../components/label';
 import { Text } from '../../components/text';
-export function ForgotPasswordForm() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Forgot Password" }), _jsx(CardDescription, { children: "Enter your email to reset your password." })] }), _jsx(CardContent, { className: "gap-4", children: _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "forgot-email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address" })] }) }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", children: _jsx(ButtonText, { children: "Send Reset Link" }) }), _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Remember your password?", ' ', _jsx(Text, { className: "text-primary underline font-medium", children: "Back to Sign In" })] })] })] }));
+export function ForgotPasswordForm({ onSubmit, onBackToSignIn } = {}) {
+    const [email, setEmail] = useState('');
+    const handleSubmit = () => {
+        onSubmit?.({ email });
+    };
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Forgot Password" }), _jsx(CardDescription, { children: "Enter your email to reset your password." })] }), _jsx(CardContent, { className: "gap-4", children: _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "forgot-email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address", value: email, onChangeText: setEmail })] }) }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", onPress: handleSubmit, children: _jsx(ButtonText, { children: "Send Reset Link" }) }), _jsx(Pressable, { onPress: onBackToSignIn, className: "flex-row justify-center", accessibilityRole: "button", children: _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Remember your password?", ' ', _jsx(Text, { className: "text-primary underline font-medium", children: "Back to Sign In" })] }) })] })] }));
 }
 //# sourceMappingURL=forgot-password-form.js.map

package/dist/blocks/auth/forgot-password-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"forgot-password-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/forgot-password-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,kBAAkB;IAChC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,kCAA4B,EACtC,KAAC,eAAe,2DAA2D,IAChE,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,OAAO,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,cAAc,sBAAc,EAC5C,KAAC,KAAK,IAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAC,eAAe,GAAG,IAC7D,GACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YACxB,KAAC,UAAU,kCAA6B,GACjC,EACT,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,wCACjC,GAAG,EAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,gCAAuB,IACtE,IACI,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"forgot-password-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/forgot-password-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAS7C,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE,cAAc,KAA8B,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,kCAA4B,EACtC,KAAC,eAAe,2DAA2D,IAChE,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,OAAO,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,cAAc,sBAAc,EAC5C,KAAC,KAAK,IACJ,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,eAAe,EAC5B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,GACtB,IACG,GACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,YAC9C,KAAC,UAAU,kCAA6B,GACjC,EACT,KAAC,SAAS,IACR,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,yBAAyB,EACnC,iBAAiB,EAAC,QAAQ,YAE1B,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,wCACjC,GAAG,EAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,gCAAuB,IACtE,GACG,IACD,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/auth/reset-password-form.d.ts

@@ -1,2 +1,9 @@
-export declare function ResetPasswordForm(): import("react/jsx-runtime").JSX.Element;
+export interface ResetPasswordFormProps {
+    /** Called when user submits new password. Receives form values. */
+    onSubmit?: (data: {
+        password: string;
+        confirmPassword: string;
+    }) => void;
+}
+export declare function ResetPasswordForm({ onSubmit }?: ResetPasswordFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=reset-password-form.d.ts.map

package/dist/blocks/auth/reset-password-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/reset-password-form.tsx"],"names":[],"mappings":"AAaA,wBAAgB,iBAAiB,4CAwBhC"}
+{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/reset-password-form.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAE,sBAA2B,2CAyC1E"}

package/dist/blocks/auth/reset-password-form.js

@@ -1,10 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { View } from 'react-native';
 import { Button, ButtonText } from '../../components/button';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
 import { Input } from '../../components/input';
 import { Label } from '../../components/label';
-export function ResetPasswordForm() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Reset Password" }), _jsx(CardDescription, { children: "Enter your new password below." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "new-password", children: "New Password" }), _jsx(Input, { placeholder: "********", secureTextEntry: true })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "confirm-password", children: "Confirm Password" }), _jsx(Input, { placeholder: "********", secureTextEntry: true })] })] }), _jsx(CardFooter, { children: _jsx(Button, { className: "w-full", children: _jsx(ButtonText, { children: "Reset Password" }) }) })] }));
+export function ResetPasswordForm({ onSubmit } = {}) {
+    const [password, setPassword] = useState('');
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const handleSubmit = () => {
+        onSubmit?.({ password, confirmPassword });
+    };
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Reset Password" }), _jsx(CardDescription, { children: "Enter your new password below." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "new-password", children: "New Password" }), _jsx(Input, { placeholder: "********", secureTextEntry: true, value: password, onChangeText: setPassword })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "confirm-password", children: "Confirm Password" }), _jsx(Input, { placeholder: "********", secureTextEntry: true, value: confirmPassword, onChangeText: setConfirmPassword })] })] }), _jsx(CardFooter, { children: _jsx(Button, { className: "w-full", onPress: handleSubmit, children: _jsx(ButtonText, { children: "Reset Password" }) }) })] }));
 }
 //# sourceMappingURL=reset-password-form.js.map

package/dist/blocks/auth/reset-password-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/reset-password-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,UAAU,iBAAiB;IAC/B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,iCAA2B,EACrC,KAAC,eAAe,iDAAiD,IACtD,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,cAAc,6BAAqB,EACnD,KAAC,KAAK,IAAC,WAAW,EAAC,UAAU,EAAC,eAAe,SAAG,IAC3C,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,kBAAkB,iCAAyB,EAC3D,KAAC,KAAK,IAAC,WAAW,EAAC,UAAU,EAAC,eAAe,SAAG,IAC3C,IACK,EACd,KAAC,UAAU,cACT,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YACxB,KAAC,UAAU,iCAA4B,GAChC,GACE,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"reset-password-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/reset-password-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAO/C,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,KAA6B,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,iCAA2B,EACrC,KAAC,eAAe,iDAAiD,IACtD,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,cAAc,6BAAqB,EACnD,KAAC,KAAK,IACJ,WAAW,EAAC,UAAU,EACtB,eAAe,QACf,KAAK,EAAE,QAAQ,EACf,YAAY,EAAE,WAAW,GACzB,IACG,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,kBAAkB,iCAAyB,EAC3D,KAAC,KAAK,IACJ,WAAW,EAAC,UAAU,EACtB,eAAe,QACf,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,kBAAkB,GAChC,IACG,IACK,EACd,KAAC,UAAU,cACT,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,YAC9C,KAAC,UAAU,iCAA4B,GAChC,GACE,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/auth/sign-in-form.d.ts

@@ -1,2 +1,17 @@
-export declare function SignInForm(): import("react/jsx-runtime").JSX.Element;
+export interface SignInFormProps {
+    /** Called when user submits email/password. Receives form values. */
+    onSubmit?: (data: {
+        email: string;
+        password: string;
+    }) => void;
+    /** Called when user taps "Forgot?" link. */
+    onForgotPassword?: () => void;
+    /** Called when user taps "Sign Up" link. */
+    onSignUp?: () => void;
+    /** Called when user taps Google button. */
+    onGooglePress?: () => void;
+    /** Called when user taps Apple button. */
+    onApplePress?: () => void;
+}
+export declare function SignInForm({ onSubmit, onForgotPassword, onSignUp, onGooglePress, onApplePress, }?: SignInFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sign-in-form.d.ts.map

package/dist/blocks/auth/sign-in-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/sign-in-form.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,4CAgDzB"}
+{"version":3,"file":"sign-in-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/sign-in-form.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,YAAY,GACb,GAAE,eAAoB,2CAuEtB"}

package/dist/blocks/auth/sign-in-form.js

@@ -1,12 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { View } from 'react-native';
+import { Pressable } from '../../components/pressable';
 import { Button, ButtonText } from '../../components/button';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
 import { Input } from '../../components/input';
 import { Label } from '../../components/label';
 import { Separator } from '../../components/separator';
 import { Text } from '../../components/text';
-export function SignInForm() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Welcome back" }), _jsx(CardDescription, { children: "Sign in to your account to continue." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address" })] }), _jsxs(View, { className: "gap-2", children: [_jsxs(View, { className: "flex-row items-center justify-between", children: [_jsx(Label, { nativeID: "password", children: "Password" }), _jsx(Text, { className: "text-sm text-primary font-medium", children: "Forgot?" })] }), _jsx(Input, { placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", secureTextEntry: true })] })] }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", children: _jsx(ButtonText, { children: "Sign In" }) }), _jsxs(View, { className: "flex-row items-center gap-3 w-full", children: [_jsx(Separator, { className: "flex-1" }), _jsx(Text, { className: "text-xs text-muted-foreground uppercase", children: "or" }), _jsx(Separator, { className: "flex-1" })] }), _jsxs(View, { className: "flex-row gap-3 w-full", children: [_jsx(Button, { variant: "outline", className: "flex-1", children: _jsx(ButtonText, { children: "Google" }) }), _jsx(Button, { variant: "outline", className: "flex-1", children: _jsx(ButtonText, { children: "Apple" }) })] }), _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Don't have an account? ", _jsx(Text, { className: "text-primary font-medium", children: "Sign Up" })] })] })] }));
+export function SignInForm({ onSubmit, onForgotPassword, onSignUp, onGooglePress, onApplePress, } = {}) {
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const handleSubmit = () => {
+        onSubmit?.({ email, password });
+    };
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Welcome back" }), _jsx(CardDescription, { children: "Sign in to your account to continue." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address", value: email, onChangeText: setEmail })] }), _jsxs(View, { className: "gap-2", children: [_jsxs(View, { className: "flex-row items-center justify-between", children: [_jsx(Label, { nativeID: "password", children: "Password" }), _jsx(Pressable, { onPress: onForgotPassword, accessibilityRole: "button", children: _jsx(Text, { className: "text-sm text-primary font-medium", children: "Forgot?" }) })] }), _jsx(Input, { placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", secureTextEntry: true, value: password, onChangeText: setPassword })] })] }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", onPress: handleSubmit, children: _jsx(ButtonText, { children: "Sign In" }) }), _jsxs(View, { className: "flex-row items-center gap-3 w-full", children: [_jsx(Separator, { className: "flex-1" }), _jsx(Text, { className: "text-xs text-muted-foreground uppercase", children: "or" }), _jsx(Separator, { className: "flex-1" })] }), _jsxs(View, { className: "flex-row gap-3 w-full", children: [_jsx(Button, { variant: "outline", className: "flex-1", onPress: onGooglePress, children: _jsx(ButtonText, { children: "Google" }) }), _jsx(Button, { variant: "outline", className: "flex-1", onPress: onApplePress, children: _jsx(ButtonText, { children: "Apple" }) })] }), _jsx(Pressable, { onPress: onSignUp, className: "flex-row justify-center", accessibilityRole: "button", children: _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Don't have an account? ", _jsx(Text, { className: "text-primary font-medium", children: "Sign Up" })] }) })] })] }));
 }
 //# sourceMappingURL=sign-in-form.js.map

package/dist/blocks/auth/sign-in-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/sign-in-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,+BAAyB,EACnC,KAAC,eAAe,uDAAuD,IAC5D,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,sBAAc,EACrC,KAAC,KAAK,IAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAC,eAAe,GAAG,IAC7D,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,MAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,aACrD,KAAC,KAAK,IAAC,QAAQ,EAAC,UAAU,yBAAiB,EAC3C,KAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,wBAAe,IAC5D,EACP,KAAC,KAAK,IAAC,WAAW,EAAC,kDAAU,EAAC,eAAe,SAAG,IAC3C,IACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YACxB,KAAC,UAAU,0BAAqB,GACzB,EAGT,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,EAChC,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,mBAAU,EACnE,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC3B,EAGP,MAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,aACrC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAC1C,KAAC,UAAU,yBAAoB,GACxB,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAC1C,KAAC,UAAU,wBAAmB,GACvB,IACJ,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,wCAClC,KAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,wBAAe,IAC3E,IACI,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"sign-in-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/sign-in-form.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/auth/sign-up-form.d.ts

@@ -1,2 +1,17 @@
-export declare function SignUpForm(): import("react/jsx-runtime").JSX.Element;
+export interface SignUpFormProps {
+    /** Called when user submits registration. Receives form values. */
+    onSubmit?: (data: {
+        firstName: string;
+        lastName: string;
+        email: string;
+        password: string;
+    }) => void;
+    /** Called when user taps "Sign In" link. */
+    onSignIn?: () => void;
+    /** Called when user taps Google button. */
+    onGooglePress?: () => void;
+    /** Called when user taps Apple button. */
+    onApplePress?: () => void;
+}
+export declare function SignUpForm({ onSubmit, onSignIn, onGooglePress, onApplePress, }?: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sign-up-form.d.ts.map

package/dist/blocks/auth/sign-up-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/sign-up-form.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,4CAuDzB"}
+{"version":3,"file":"sign-up-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/sign-up-form.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,GACb,GAAE,eAAoB,2CA8EtB"}

package/dist/blocks/auth/sign-up-form.js

@@ -1,12 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { View } from 'react-native';
+import { Pressable } from '../../components/pressable';
 import { Button, ButtonText } from '../../components/button';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
 import { Input } from '../../components/input';
 import { Label } from '../../components/label';
 import { Separator } from '../../components/separator';
 import { Text } from '../../components/text';
-export function SignUpForm() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Create an account" }), _jsx(CardDescription, { children: "Enter your details to get started." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "flex-row gap-3", children: [_jsxs(View, { className: "flex-1 gap-2", children: [_jsx(Label, { nativeID: "first-name", children: "First name" }), _jsx(Input, { placeholder: "Jane" })] }), _jsxs(View, { className: "flex-1 gap-2", children: [_jsx(Label, { nativeID: "last-name", children: "Last name" }), _jsx(Input, { placeholder: "Doe" })] })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "signup-email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address" })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "signup-password", children: "Password" }), _jsx(Input, { placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", secureTextEntry: true })] })] }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", children: _jsx(ButtonText, { children: "Create Account" }) }), _jsxs(View, { className: "flex-row items-center gap-3 w-full", children: [_jsx(Separator, { className: "flex-1" }), _jsx(Text, { className: "text-xs text-muted-foreground uppercase", children: "or" }), _jsx(Separator, { className: "flex-1" })] }), _jsxs(View, { className: "flex-row gap-3 w-full", children: [_jsx(Button, { variant: "outline", className: "flex-1", children: _jsx(ButtonText, { children: "Google" }) }), _jsx(Button, { variant: "outline", className: "flex-1", children: _jsx(ButtonText, { children: "Apple" }) })] }), _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Already have an account? ", _jsx(Text, { className: "text-primary font-medium", children: "Sign In" })] })] })] }));
+export function SignUpForm({ onSubmit, onSignIn, onGooglePress, onApplePress, } = {}) {
+    const [firstName, setFirstName] = useState('');
+    const [lastName, setLastName] = useState('');
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const handleSubmit = () => {
+        onSubmit?.({ firstName, lastName, email, password });
+    };
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Create an account" }), _jsx(CardDescription, { children: "Enter your details to get started." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(View, { className: "flex-row gap-3", children: [_jsxs(View, { className: "flex-1 gap-2", children: [_jsx(Label, { nativeID: "first-name", children: "First name" }), _jsx(Input, { placeholder: "Jane", value: firstName, onChangeText: setFirstName })] }), _jsxs(View, { className: "flex-1 gap-2", children: [_jsx(Label, { nativeID: "last-name", children: "Last name" }), _jsx(Input, { placeholder: "Doe", value: lastName, onChangeText: setLastName })] })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "signup-email", children: "Email" }), _jsx(Input, { placeholder: "you@email.com", keyboardType: "email-address", value: email, onChangeText: setEmail })] }), _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "signup-password", children: "Password" }), _jsx(Input, { placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", secureTextEntry: true, value: password, onChangeText: setPassword })] })] }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", onPress: handleSubmit, children: _jsx(ButtonText, { children: "Create Account" }) }), _jsxs(View, { className: "flex-row items-center gap-3 w-full", children: [_jsx(Separator, { className: "flex-1" }), _jsx(Text, { className: "text-xs text-muted-foreground uppercase", children: "or" }), _jsx(Separator, { className: "flex-1" })] }), _jsxs(View, { className: "flex-row gap-3 w-full", children: [_jsx(Button, { variant: "outline", className: "flex-1", onPress: onGooglePress, children: _jsx(ButtonText, { children: "Google" }) }), _jsx(Button, { variant: "outline", className: "flex-1", onPress: onApplePress, children: _jsx(ButtonText, { children: "Apple" }) })] }), _jsx(Pressable, { onPress: onSignIn, className: "flex-row justify-center", accessibilityRole: "button", children: _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Already have an account? ", _jsx(Text, { className: "text-primary font-medium", children: "Sign In" })] }) })] })] }));
 }
 //# sourceMappingURL=sign-up-form.js.map

package/dist/blocks/auth/sign-up-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/sign-up-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,oCAA8B,EACxC,KAAC,eAAe,qDAAqD,IAC1D,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,aAC9B,MAAC,IAAI,IAAC,SAAS,EAAC,cAAc,aAC5B,KAAC,KAAK,IAAC,QAAQ,EAAC,YAAY,2BAAmB,EAC/C,KAAC,KAAK,IAAC,WAAW,EAAC,MAAM,GAAG,IACvB,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,cAAc,aAC5B,KAAC,KAAK,IAAC,QAAQ,EAAC,WAAW,0BAAkB,EAC7C,KAAC,KAAK,IAAC,WAAW,EAAC,KAAK,GAAG,IACtB,IACF,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,cAAc,sBAAc,EAC5C,KAAC,KAAK,IAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAC,eAAe,GAAG,IAC7D,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,iBAAiB,yBAAiB,EAClD,KAAC,KAAK,IAAC,WAAW,EAAC,kDAAU,EAAC,eAAe,SAAG,IAC3C,IACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YACxB,KAAC,UAAU,iCAA4B,GAChC,EAGT,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,EAChC,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,mBAAU,EACnE,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC3B,EAGP,MAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,aACrC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAC1C,KAAC,UAAU,yBAAoB,GACxB,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAC1C,KAAC,UAAU,wBAAmB,GACvB,IACJ,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,0CAChC,KAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,wBAAe,IAC7E,IACI,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"sign-up-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/sign-up-form.tsx"],"names":[],"mappings":"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"}