@thewhileloop/whileui 0.2.2 → 0.2.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 WhileLoop
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -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,63 +315,65 @@ 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
 
@@ -362,7 +381,11 @@ function MyScreen() {
 # Install dependencies
 pnpm install
 
-# Run the showcase app
+# Run the starter app (minimal composable template)
+cd apps/starter
+npx expo start
+
+# Or run the full showcase
 cd apps/showcase
 npx expo start
 ```
@@ -389,7 +412,9 @@ whileui/
 │           │   ├── layout/
 │           │   ├── profile/
 │           │   ├── lists/
-│           │   └── commerce/
+│           │   ├── commerce/
+│           │   ├── splash/
+│           │   └── media/
 │           ├── lib/           # Utilities
 │           │   ├── cn.ts      # clsx + tailwind-merge
 │           │   ├── tv.ts      # tailwind-variants re-export
@@ -1011,17 +1036,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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"}

package/dist/blocks/auth/social-connections.d.ts

@@ -1,2 +1,10 @@
-export declare function SocialConnections(): import("react/jsx-runtime").JSX.Element;
+export interface SocialConnectionsProps {
+    /** Called when user taps Google button. */
+    onGooglePress?: () => void;
+    /** Called when user taps Apple button. */
+    onApplePress?: () => void;
+    /** Called when user taps GitHub button. */
+    onGitHubPress?: () => void;
+}
+export declare function SocialConnections({ onGooglePress, onApplePress, onGitHubPress, }?: SocialConnectionsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=social-connections.d.ts.map

package/dist/blocks/auth/social-connections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"social-connections.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/social-connections.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,4CA6BhC"}
+{"version":3,"file":"social-connections.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/social-connections.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,YAAY,EACZ,aAAa,GACd,GAAE,sBAA2B,2CA6B7B"}

package/dist/blocks/auth/social-connections.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, ButtonText } from '../../components/button';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
 import { Text } from '../../components/text';
-export function SocialConnections() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Social Connections" }), _jsx(CardDescription, { children: "Connect your account with social providers." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", children: [_jsx(Text, { className: "font-bold", children: "G" }), _jsx(ButtonText, { children: "Continue with Google" })] }), _jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", children: [_jsx(Text, { className: "font-bold", children: "\uF8FF" }), _jsx(ButtonText, { children: "Continue with Apple" })] }), _jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", children: [_jsx(Text, { className: "font-bold", children: "GH" }), _jsx(ButtonText, { children: "Continue with GitHub" })] })] }), _jsx(CardFooter, { children: _jsxs(Text, { className: "text-xs text-center text-muted-foreground w-full", children: ["By clicking continue, you agree to our ", _jsx(Text, { className: "underline", children: "Terms of Service" }), ' ', "and ", _jsx(Text, { className: "underline", children: "Privacy Policy" }), "."] }) })] }));
+export function SocialConnections({ onGooglePress, onApplePress, onGitHubPress, } = {}) {
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Social Connections" }), _jsx(CardDescription, { children: "Connect your account with social providers." })] }), _jsxs(CardContent, { className: "gap-4", children: [_jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", onPress: onGooglePress, children: [_jsx(Text, { className: "font-bold", children: "G" }), _jsx(ButtonText, { children: "Continue with Google" })] }), _jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", onPress: onApplePress, children: [_jsx(Text, { className: "font-bold", children: "A" }), _jsx(ButtonText, { children: "Continue with Apple" })] }), _jsxs(Button, { variant: "outline", className: "w-full flex-row gap-2", onPress: onGitHubPress, children: [_jsx(Text, { className: "font-bold", children: "GH" }), _jsx(ButtonText, { children: "Continue with GitHub" })] })] }), _jsx(CardFooter, { children: _jsxs(Text, { className: "text-xs text-center text-muted-foreground w-full", children: ["By clicking continue, you agree to our ", _jsx(Text, { className: "underline", children: "Terms of Service" }), ' ', "and ", _jsx(Text, { className: "underline", children: "Privacy Policy" }), "."] }) })] }));
 }
 //# sourceMappingURL=social-connections.js.map

package/dist/blocks/auth/social-connections.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-connections.js","sourceRoot":"","sources":["../../../src/blocks/auth/social-connections.tsx"],"names":[],"mappings":";AAAA,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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,iBAAiB;IAC/B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,qCAA+B,EACzC,KAAC,eAAe,8DAA8D,IACnE,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,aACzD,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,kBAAS,EACpC,KAAC,UAAU,uCAAkC,IACtC,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,aACzD,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,uBAAS,EACpC,KAAC,UAAU,sCAAiC,IACrC,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,aACzD,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,mBAAU,EACrC,KAAC,UAAU,uCAAkC,IACtC,IACG,EACd,KAAC,UAAU,cACT,MAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,wDACzB,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,iCAAwB,EAAC,GAAG,UAC1F,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,+BAAsB,SAChD,GACI,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"social-connections.js","sourceRoot":"","sources":["../../../src/blocks/auth/social-connections.tsx"],"names":[],"mappings":";AAAA,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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAW7C,MAAM,UAAU,iBAAiB,CAAC,EAChC,aAAa,EACb,YAAY,EACZ,aAAa,MACa,EAAE;IAC5B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,qCAA+B,EACzC,KAAC,eAAe,8DAA8D,IACnE,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,aAAa,aAChF,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,kBAAS,EACpC,KAAC,UAAU,uCAAkC,IACtC,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,YAAY,aAC/E,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,kBAAS,EACpC,KAAC,UAAU,sCAAiC,IACrC,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,aAAa,aAChF,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,mBAAU,EACrC,KAAC,UAAU,uCAAkC,IACtC,IACG,EACd,KAAC,UAAU,cACT,MAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,wDACzB,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,iCAAwB,EAAC,GAAG,UAC1F,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,+BAAsB,SAChD,GACI,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/auth/user-menu.d.ts

@@ -1,2 +1,12 @@
-export declare function UserMenu(): import("react/jsx-runtime").JSX.Element;
+export interface UserMenuProps {
+    /** User's email to display. */
+    email?: string;
+    /** User's display name. */
+    name?: string;
+    /** Avatar fallback initials (e.g. "JD"). */
+    avatarFallback?: string;
+    /** Called when user selects a menu item. Key: 'profile' | 'billing' | 'settings' | 'new-team' | 'logout'. */
+    onSelect?: (key: string) => void;
+}
+export declare function UserMenu({ email, name, avatarFallback, onSelect, }?: UserMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=user-menu.d.ts.map

package/dist/blocks/auth/user-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/user-menu.tsx"],"names":[],"mappings":"AAaA,wBAAgB,QAAQ,4CAqCvB"}
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/user-menu.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAwB,EACxB,IAAmB,EACnB,cAAoB,EACpB,QAAQ,GACT,GAAE,aAAkB,2CAqCpB"}