@thewhileloop/whileui 0.2.2 → 0.2.4

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"}

package/dist/blocks/auth/user-menu.js

@@ -4,7 +4,7 @@ import { Avatar, AvatarFallback } from '../../components/avatar';
 import { Button } from '../../components/button';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/dropdown-menu';
 import { Text } from '../../components/text';
-export function UserMenu() {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", className: "relative h-10 w-10 rounded-full", children: _jsx(Avatar, { className: "h-10 w-10", children: _jsx(AvatarFallback, { children: "U" }) }) }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { className: "font-normal", children: _jsxs(View, { className: "flex flex-col gap-1", children: [_jsx(Text, { className: "text-sm font-medium leading-none text-foreground", children: "My Account" }), _jsx(Text, { className: "text-xs leading-none text-muted-foreground", children: "user@email.com" })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: _jsx(Text, { className: "text-foreground", children: "Profile" }) }), _jsx(DropdownMenuItem, { children: _jsx(Text, { className: "text-foreground", children: "Billing" }) }), _jsx(DropdownMenuItem, { children: _jsx(Text, { className: "text-foreground", children: "Settings" }) }), _jsx(DropdownMenuItem, { children: _jsx(Text, { className: "text-foreground", children: "New Team" }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: _jsx(Text, { className: "text-destructive", children: "Log out" }) })] })] }));
+export function UserMenu({ email = 'user@email.com', name = 'My Account', avatarFallback = 'U', onSelect, } = {}) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", className: "relative h-10 w-10 rounded-full", children: _jsx(Avatar, { className: "h-10 w-10", children: _jsx(AvatarFallback, { children: avatarFallback }) }) }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { className: "font-normal", children: _jsxs(View, { className: "flex flex-col gap-1", children: [_jsx(Text, { className: "text-sm font-medium leading-none text-foreground", children: name }), _jsx(Text, { className: "text-xs leading-none text-muted-foreground", children: email })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onPress: () => onSelect?.('profile'), children: _jsx(Text, { className: "text-foreground", children: "Profile" }) }), _jsx(DropdownMenuItem, { onPress: () => onSelect?.('billing'), children: _jsx(Text, { className: "text-foreground", children: "Billing" }) }), _jsx(DropdownMenuItem, { onPress: () => onSelect?.('settings'), children: _jsx(Text, { className: "text-foreground", children: "Settings" }) }), _jsx(DropdownMenuItem, { onPress: () => onSelect?.('new-team'), children: _jsx(Text, { className: "text-foreground", children: "New Team" }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onPress: () => onSelect?.('logout'), children: _jsx(Text, { className: "text-destructive", children: "Log out" }) })] })] }));
 }
 //# sourceMappingURL=user-menu.js.map

package/dist/blocks/auth/user-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../../src/blocks/auth/user-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,iCAAiC,YACjE,KAAC,MAAM,IAAC,SAAS,EAAC,WAAW,YAC3B,KAAC,cAAc,oBAAmB,GAC3B,GACF,GACW,EACtB,MAAC,mBAAmB,IAAC,SAAS,EAAC,MAAM,aACnC,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,YACxC,MAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,aACnC,KAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,2BAAkB,EACpF,KAAC,IAAI,IAAC,SAAS,EAAC,4CAA4C,+BAAsB,IAC7E,GACW,EACpB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,cACf,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,wBAAe,GAC/B,EACnB,KAAC,gBAAgB,cACf,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,wBAAe,GAC/B,EACnB,KAAC,gBAAgB,cACf,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,yBAAgB,GAChC,EACnB,KAAC,gBAAgB,cACf,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,yBAAgB,GAChC,EACnB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,cACf,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,wBAAe,GAChC,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../../src/blocks/auth/user-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAa7C,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,GAAG,gBAAgB,EACxB,IAAI,GAAG,YAAY,EACnB,cAAc,GAAG,GAAG,EACpB,QAAQ,MACS,EAAE;IACnB,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,iCAAiC,YACjE,KAAC,MAAM,IAAC,SAAS,EAAC,WAAW,YAC3B,KAAC,cAAc,cAAE,cAAc,GAAkB,GAC1C,GACF,GACW,EACtB,MAAC,mBAAmB,IAAC,SAAS,EAAC,MAAM,aACnC,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,YACxC,MAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,aACnC,KAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,YAAE,IAAI,GAAQ,EAChF,KAAC,IAAI,IAAC,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAQ,IACtE,GACW,EACpB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,YACpD,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,wBAAe,GAC/B,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,YACpD,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,wBAAe,GAC/B,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,YACrD,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,yBAAgB,GAChC,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,YACrD,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,yBAAgB,GAChC,EACnB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,YACnD,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,wBAAe,GAChC,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/blocks/auth/verify-email-form.d.ts

@@ -1,2 +1,10 @@
-export declare function VerifyEmailForm(): import("react/jsx-runtime").JSX.Element;
+export interface VerifyEmailFormProps {
+    /** Called when user submits verification code. Receives form values. */
+    onSubmit?: (data: {
+        code: string;
+    }) => void;
+    /** Called when user taps "Resend" link. */
+    onResend?: () => void;
+}
+export declare function VerifyEmailForm({ onSubmit, onResend }?: VerifyEmailFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=verify-email-form.d.ts.map

package/dist/blocks/auth/verify-email-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"verify-email-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/verify-email-form.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,4CA8B9B"}
+{"version":3,"file":"verify-email-form.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth/verify-email-form.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5C,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAE,oBAAyB,2CA4ChF"}

package/dist/blocks/auth/verify-email-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 VerifyEmailForm() {
-    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Verify Email" }), _jsx(CardDescription, { children: "We sent a verification code to your email. Enter it below to continue." })] }), _jsx(CardContent, { className: "gap-4", children: _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "code", children: "Verification Code" }), _jsx(Input, { placeholder: "123456", keyboardType: "number-pad", maxLength: 6, className: "text-center text-lg tracking-widest" })] }) }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", children: _jsx(ButtonText, { children: "Verify Email" }) }), _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Didn't receive code? ", _jsx(Text, { className: "text-primary underline font-medium", children: "Resend" })] })] })] }));
+export function VerifyEmailForm({ onSubmit, onResend } = {}) {
+    const [code, setCode] = useState('');
+    const handleSubmit = () => {
+        onSubmit?.({ code });
+    };
+    return (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Verify Email" }), _jsx(CardDescription, { children: "We sent a verification code to your email. Enter it below to continue." })] }), _jsx(CardContent, { className: "gap-4", children: _jsxs(View, { className: "gap-2", children: [_jsx(Label, { nativeID: "code", children: "Verification Code" }), _jsx(Input, { placeholder: "123456", keyboardType: "number-pad", maxLength: 6, className: "text-center text-lg tracking-widest", value: code, onChangeText: setCode })] }) }), _jsxs(CardFooter, { className: "flex-col gap-4", children: [_jsx(Button, { className: "w-full", onPress: handleSubmit, children: _jsx(ButtonText, { children: "Verify Email" }) }), _jsx(Pressable, { onPress: onResend, className: "flex-row justify-center", accessibilityRole: "button", children: _jsxs(Text, { className: "text-sm text-center text-muted-foreground", children: ["Didn't receive code? ", _jsx(Text, { className: "text-primary underline font-medium", children: "Resend" })] }) })] })] }));
 }
 //# sourceMappingURL=verify-email-form.js.map

package/dist/blocks/auth/verify-email-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-email-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/verify-email-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,eAAe;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,+BAAyB,EACnC,KAAC,eAAe,yFAEE,IACP,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,OAAO,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,MAAM,kCAA0B,EAChD,KAAC,KAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAC,YAAY,EACzB,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,qCAAqC,GAC/C,IACG,GACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YACxB,KAAC,UAAU,+BAA0B,GAC9B,EACT,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,sCACpC,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,uBAAc,IAClF,IACI,IACR,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"verify-email-form.js","sourceRoot":"","sources":["../../../src/blocks/auth/verify-email-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,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAA2B,EAAE;IAC/E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACT,KAAC,SAAS,+BAAyB,EACnC,KAAC,eAAe,yFAEE,IACP,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,OAAO,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,aACrB,KAAC,KAAK,IAAC,QAAQ,EAAC,MAAM,kCAA0B,EAChD,KAAC,KAAK,IACJ,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAC,YAAY,EACzB,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,OAAO,GACrB,IACG,GACK,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACpC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,YAC9C,KAAC,UAAU,+BAA0B,GAC9B,EACT,KAAC,SAAS,IACR,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,yBAAyB,EACnC,iBAAiB,EAAC,QAAQ,YAE1B,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,sCACpC,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,uBAAc,IAClF,GACG,IACD,IACR,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/commerce/index.d.ts

@@ -1,4 +1,5 @@
 export { ProductCard, type ProductCardProps } from './product-card';
 export { PricingCard, type PricingCardProps, type PricingFeature } from './pricing-card';
+export { MetricCard, type MetricCardProps } from './metric-card';
 export { CheckoutSummary, type CheckoutSummaryProps, type CheckoutLineItem, } from './checkout-summary';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/commerce/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/commerce/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/commerce/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC"}

package/dist/blocks/commerce/index.js

@@ -1,4 +1,5 @@
 export { ProductCard } from './product-card';
 export { PricingCard } from './pricing-card';
+export { MetricCard } from './metric-card';
 export { CheckoutSummary, } from './checkout-summary';
 //# sourceMappingURL=index.js.map

package/dist/blocks/commerce/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/commerce/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,WAAW,EAA8C,MAAM,gBAAgB,CAAC;AACzF,OAAO,EACL,eAAe,GAGhB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/commerce/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,WAAW,EAA8C,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,eAAe,GAGhB,MAAM,oBAAoB,CAAC"}

package/dist/blocks/commerce/metric-card.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+import { type VariantProps } from '../../lib/tv';
+declare const metricCardVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}, undefined, "p-4", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}, undefined, "p-4", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outlined: string;
+    };
+}>, unknown, unknown, undefined>>;
+export interface MetricCardProps extends ViewProps, VariantProps<typeof metricCardVariants> {
+    className?: string;
+    label: string;
+    value: string | number;
+    subtitle?: string;
+    progress?: number;
+    segments?: {
+        value: number;
+        color: string;
+    }[];
+    icon?: React.ReactNode;
+}
+declare function MetricCard({ className, label, value, subtitle, progress, segments, icon, variant, ...props }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+export { MetricCard, metricCardVariants };
+//# sourceMappingURL=metric-card.d.ts.map

package/dist/blocks/commerce/metric-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../../src/blocks/commerce/metric-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWtB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CA4CjB;AAED,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/blocks/commerce/metric-card.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Text } from '../../components/text';
+import { Card } from '../../components/card';
+import { cn } from '../../lib/cn';
+import { tv } from '../../lib/tv';
+const metricCardVariants = tv({
+    base: 'p-4',
+    variants: {
+        variant: {
+            default: 'bg-card',
+            outlined: 'bg-transparent border border-border',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function MetricCard({ className, label, value, subtitle, progress, segments, icon, variant, ...props }) {
+    return (_jsxs(Card, { className: cn(metricCardVariants({ variant }), className), ...props, children: [_jsxs(View, { className: "flex-row items-start justify-between mb-2", children: [_jsx(Text, { variant: "caption", className: "text-muted-foreground", children: label }), icon && _jsx(View, { children: icon })] }), _jsx(Text, { variant: "heading", className: "mb-1", children: value }), subtitle && (_jsx(Text, { variant: "caption", className: "text-muted-foreground", children: subtitle })), progress !== undefined && (_jsx(View, { className: "mt-3", children: _jsx(View, { className: "h-2 bg-muted rounded-full overflow-hidden", children: _jsx(View, { className: "h-full bg-primary rounded-full", style: { width: `${Math.min(100, Math.max(0, progress))}%` } }) }) })), segments && segments.length > 0 && (_jsx(View, { className: "mt-3 flex-row h-3 rounded-full overflow-hidden", children: segments.map((seg, i) => (_jsx(View, { className: "h-full", style: { width: `${seg.value}%`, backgroundColor: seg.color } }, i))) }))] }));
+}
+export { MetricCard, metricCardVariants };
+//# sourceMappingURL=metric-card.js.map

package/dist/blocks/commerce/metric-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.js","sourceRoot":"","sources":["../../../src/blocks/commerce/metric-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,qCAAqC;SAChD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAYH,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aACxE,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,aACzD,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,YACtD,KAAK,GACD,EACN,IAAI,IAAI,KAAC,IAAI,cAAE,IAAI,GAAQ,IACvB,EAEP,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YACrC,KAAK,GACD,EAEN,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,YACtD,QAAQ,GACJ,CACR,EAEA,QAAQ,KAAK,SAAS,IAAI,CACzB,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACpB,KAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACzD,KAAC,IAAI,IACH,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,EAAE,GAC5D,GACG,GACF,CACR,EAEA,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,KAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,YAC7D,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,IAEH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,KAAK,GAAG,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,IAFxD,CAAC,CAGN,CACH,CAAC,GACG,CACR,IACI,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/blocks/layout/form-modal-screen.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export interface FormModalScreenProps extends Omit<ViewProps, 'className'> {
+    className?: string;
+    title: string;
+    subtitle?: string;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+    onClose?: () => void;
+    loading?: boolean;
+    saving?: boolean;
+    savingText?: string;
+    /** Hex color for spinner in loading state. ActivityIndicator requires hex. */
+    loadingSpinnerColor?: string;
+    /** Hex color for spinner in saving banner. Defaults to platform (Android blue) when not set. */
+    savingSpinnerColor?: string;
+    scrollEnabled?: boolean;
+    children: React.ReactNode;
+}
+declare function FormModalScreen({ className, title, subtitle, leftSlot, rightSlot, onClose, loading, saving, savingText, loadingSpinnerColor, savingSpinnerColor, scrollEnabled, children, ...props }: FormModalScreenProps): import("react/jsx-runtime").JSX.Element;
+export { FormModalScreen };
+//# sourceMappingURL=form-modal-screen.d.ts.map

package/dist/blocks/layout/form-modal-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-modal-screen.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/form-modal-screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQvF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gGAAgG;IAChG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAe,EACf,MAAc,EACd,UAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,aAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAmEtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/blocks/layout/form-modal-screen.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, ScrollView, Pressable, Dimensions } from 'react-native';
+import { SafeAreaView, SafeAreaProvider } from 'react-native-safe-area-context';
+import { Text } from '../../components/text';
+import { Spinner } from '../../components/spinner';
+import { cn } from '../../lib/cn';
+const { height: SCREEN_HEIGHT } = Dimensions.get('window');
+function FormModalScreen({ className, title, subtitle, leftSlot, rightSlot, onClose, loading = false, saving = false, savingText = 'Saving...', loadingSpinnerColor, savingSpinnerColor, scrollEnabled = true, children, ...props }) {
+    const content = loading ? (_jsx(SafeAreaView, { style: { flex: 1 }, className: "bg-background", edges: ['top'], children: _jsx(View, { style: { flex: 1 }, className: "items-center justify-center", children: _jsx(Spinner, { color: loadingSpinnerColor }) }) })) : (_jsxs(SafeAreaView, { style: { flex: 1 }, className: cn('bg-background', className), edges: ['top'], ...props, children: [_jsxs(View, { className: "flex-row items-center px-4 py-3 border-b border-border", children: [_jsx(View, { className: "w-12", children: leftSlot ? (leftSlot) : onClose ? (_jsx(Pressable, { onPress: onClose, disabled: saving, className: "p-2 -m-2 active:opacity-50 min-w-[44px] min-h-[44px] items-center justify-center", accessibilityRole: "button", accessibilityLabel: "Close", children: _jsx(Text, { className: "text-foreground text-xl font-medium", children: "\u00D7" }) })) : null }), _jsxs(View, { className: "flex-1 items-center", children: [_jsx(Text, { variant: "title", className: "text-center", children: title }), subtitle && (_jsx(Text, { variant: "caption", className: "text-center text-muted-foreground", children: subtitle }))] }), _jsx(View, { className: "w-12 items-end", children: rightSlot })] }), saving && (_jsxs(View, { className: "bg-primary px-4 py-2 flex-row items-center justify-center gap-2", children: [_jsx(Spinner, { size: "sm", color: savingSpinnerColor }), _jsx(Text, { className: "text-primary-foreground text-sm", children: savingText })] })), _jsx(ScrollView, { style: { flex: 1 }, contentContainerStyle: { padding: 16, minHeight: SCREEN_HEIGHT * 0.4 }, scrollEnabled: !saving && scrollEnabled, keyboardShouldPersistTaps: "handled", children: children })] }));
+    // Wrap in SafeAreaProvider so layout works inside Modal (which renders outside app tree)
+    return (_jsx(SafeAreaProvider, { style: { flex: 1, minHeight: SCREEN_HEIGHT }, children: content }));
+}
+export { FormModalScreen };
+//# sourceMappingURL=form-modal-screen.js.map

package/dist/blocks/layout/form-modal-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-modal-screen.js","sourceRoot":"","sources":["../../../src/blocks/layout/form-modal-screen.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAoB3D,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,WAAW,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,GAAG,KAAK,EACa;IACrB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YACxE,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,6BAA6B,YAC/D,KAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,GAAI,GAClC,GACM,CAChB,CAAC,CAAC,CAAC,CACF,MAAC,YAAY,IACX,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,KAAK,EAAE,CAAC,KAAK,CAAC,KACV,KAAK,aAET,MAAC,IAAI,IAAC,SAAS,EAAC,wDAAwD,aACtE,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACnB,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAC,kFAAkF,EAC5F,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,OAAO,YAE1B,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,uBAAS,GACpD,CACb,CAAC,CAAC,CAAC,IAAI,GACH,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,aACnC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,aAAa,YAC1C,KAAK,GACD,EACN,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,mCAAmC,YAClE,QAAQ,GACJ,CACR,IACI,EAEP,KAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAQ,IAC9C,EAEN,MAAM,IAAI,CACT,MAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,aAC/E,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,kBAAkB,GAAI,EAChD,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,YAAE,UAAU,GAAQ,IAChE,CACR,EAED,KAAC,UAAU,IACT,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,qBAAqB,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,GAAG,GAAG,EAAE,EACtE,aAAa,EAAE,CAAC,MAAM,IAAI,aAAa,EACvC,yBAAyB,EAAC,SAAS,YAElC,QAAQ,GACE,IACA,CAChB,CAAC;IAEF,yFAAyF;IACzF,OAAO,CACL,KAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,YAAG,OAAO,GAAoB,CAC7F,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/blocks/layout/index.d.ts

@@ -3,6 +3,7 @@ export { ActionBar, type ActionBarProps } from './action-bar';
 export { ConfirmActionSheet, type ConfirmActionSheetAction, type ConfirmActionSheetActionVariant, type ConfirmActionSheetProps, } from './confirm-action-sheet';
 export { EmptyState, type EmptyStateProps } from './empty-state';
 export { ErrorState, type ErrorStateProps } from './error-state';
+export { FormModalScreen, type FormModalScreenProps } from './form-modal-screen';
 export { LoadingScreen, type LoadingScreenProps } from './loading-screen';
 export { OnboardingScreen, type OnboardingScreenProps, type OnboardingSlide, } from './onboarding-screen';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}

package/dist/blocks/layout/index.js

@@ -3,6 +3,7 @@ export { ActionBar } from './action-bar';
 export { ConfirmActionSheet, } from './confirm-action-sheet';
 export { EmptyState } from './empty-state';
 export { ErrorState } from './error-state';
+export { FormModalScreen } from './form-modal-screen';
 export { LoadingScreen } from './loading-screen';
 export { OnboardingScreen, } from './onboarding-screen';
 //# sourceMappingURL=index.js.map

package/dist/blocks/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAA6B,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}

package/dist/blocks/layout/loading-screen.d.ts

@@ -2,6 +2,8 @@ import { type ViewProps } from 'react-native';
 export interface LoadingScreenProps extends ViewProps {
     message?: string;
     size?: 'sm' | 'md' | 'lg';
+    /** Hex color for spinner. ActivityIndicator requires hex. */
+    spinnerColor?: string;
 }
-export declare function LoadingScreen({ message, size, className, ...props }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingScreen({ message, size, spinnerColor, className, ...props }: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=loading-screen.d.ts.map

package/dist/blocks/layout/loading-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-screen.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/loading-screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,IAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAe9F"}
+{"version":3,"file":"loading-screen.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/loading-screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAW,EACX,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAepB"}

package/dist/blocks/layout/loading-screen.js

@@ -4,12 +4,12 @@ import { Text } from '../../components/text';
 import { Spinner } from '../../components/spinner';
 import { cn } from '../../lib/cn';
 // ─── Component ───────────────────────────────────────────────
-export function LoadingScreen({ message, size = 'md', className, ...props }) {
+export function LoadingScreen({ message, size = 'md', spinnerColor, className, ...props }) {
     const spinnerSizes = {
         sm: 'h-6 w-6',
         md: 'h-10 w-10',
         lg: 'h-16 w-16',
     };
-    return (_jsxs(View, { className: cn('flex-1 items-center justify-center bg-background', className), ...props, children: [_jsx(View, { className: spinnerSizes[size], children: _jsx(Spinner, {}) }), message && _jsx(Text, { className: "mt-4 text-muted-foreground", children: message })] }));
+    return (_jsxs(View, { className: cn('flex-1 items-center justify-center bg-background', className), ...props, children: [_jsx(View, { className: spinnerSizes[size], children: _jsx(Spinner, { color: spinnerColor }) }), message && _jsx(Text, { className: "mt-4 text-muted-foreground", children: message })] }));
 }
 //# sourceMappingURL=loading-screen.js.map

package/dist/blocks/layout/loading-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-screen.js","sourceRoot":"","sources":["../../../src/blocks/layout/loading-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,gEAAgE;AAEhE,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAC7F,MAAM,YAAY,GAAG;QACnB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;KAChB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3F,KAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YACjC,KAAC,OAAO,KAAG,GACN,EACN,OAAO,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAQ,IACpE,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"loading-screen.js","sourceRoot":"","sources":["../../../src/blocks/layout/loading-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,gEAAgE;AAEhE,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,GAAG,IAAI,EACX,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,YAAY,GAAG;QACnB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;KAChB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3F,KAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YACjC,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,GAAI,GAC3B,EACN,OAAO,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAQ,IACpE,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/layout/smart-image.d.ts

@@ -0,0 +1,9 @@
+import { type ImageProps } from 'expo-image';
+import { Feather } from '@expo/vector-icons';
+export interface SmartImageProps extends ImageProps {
+    containerClassName?: string;
+    fallbackIcon?: keyof typeof Feather.glyphMap;
+    fallbackIconSize?: number;
+}
+export declare function SmartImage({ style, className, containerClassName, fallbackIcon, fallbackIconSize, onLoad, onError, ...props }: SmartImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-image.d.ts.map

package/dist/blocks/layout/smart-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-image.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/smart-image.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAK7C,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC,QAAQ,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,YAAsB,EACtB,gBAAqB,EACrB,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACX,EAAE,eAAe,2CA0CjB"}

package/dist/blocks/layout/smart-image.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Image } from 'expo-image';
+import { Feather } from '@expo/vector-icons';
+import { Skeleton } from '../../components/skeleton';
+import { cn } from '../../lib/cn';
+import { useUniwind } from 'uniwind';
+export function SmartImage({ style, className, containerClassName, fallbackIcon = 'image', fallbackIconSize = 24, onLoad, onError, ...props }) {
+    const [isLoading, setIsLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    const { theme } = useUniwind();
+    const isDark = theme === 'dark';
+    return (_jsxs(View, { className: cn('overflow-hidden', containerClassName), style: style, children: [_jsx(Image, { className: cn('w-full h-full', className), onLoad: (e) => {
+                    setIsLoading(false);
+                    onLoad?.(e);
+                }, onError: (e) => {
+                    setIsLoading(false);
+                    setHasError(true);
+                    onError?.(e);
+                }, ...props }), isLoading && (_jsx(View, { style: StyleSheet.absoluteFill, className: "items-center justify-center", children: _jsx(Skeleton, { width: "100%", height: "100%", borderRadius: 0 }) })), hasError && (_jsx(View, { style: StyleSheet.absoluteFill, className: "items-center justify-center bg-muted", children: _jsx(Feather, { name: fallbackIcon, size: fallbackIconSize, color: isDark ? '#525252' : '#a3a3a3' }) }))] }));
+}
+//# sourceMappingURL=smart-image.js.map

package/dist/blocks/layout/smart-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-image.js","sourceRoot":"","sources":["../../../src/blocks/layout/smart-image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,MAAM,UAAU,UAAU,CAAC,EACvB,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,YAAY,GAAG,OAAO,EACtB,gBAAgB,GAAG,EAAE,EACrB,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACM;IACd,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC;IAEhC,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,aACpE,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACV,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,WAAW,CAAC,IAAI,CAAC,CAAC;oBAClB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;gBACjB,CAAC,KACG,KAAK,GACX,EAED,SAAS,IAAI,CACV,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAC,6BAA6B,YACzE,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,GAAI,GACrD,CACV,EAEA,QAAQ,IAAI,CACT,KAAC,IAAI,IACD,KAAK,EAAE,UAAU,CAAC,YAAY,EAC9B,SAAS,EAAC,sCAAsC,YAEhD,KAAC,OAAO,IACJ,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACvC,GACC,CACV,IACE,CACV,CAAC;AACN,CAAC"}

package/dist/blocks/lists/index.d.ts

@@ -1,4 +1,5 @@
 export { ListItem, type ListItemProps } from './list-item';
 export { SwipeableItem, type SwipeableItemProps, type SwipeAction } from './swipeable-item';
 export { NotificationItem, type NotificationItemProps } from './notification-item';
+export { TimelineFeed, type TimelineFeedProps, type TimelineItem } from './timeline-feed';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/lists/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/lists/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/lists/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/blocks/lists/index.js

@@ -1,4 +1,5 @@
 export { ListItem } from './list-item';
 export { SwipeableItem } from './swipeable-item';
 export { NotificationItem } from './notification-item';
+export { TimelineFeed } from './timeline-feed';
 //# sourceMappingURL=index.js.map

package/dist/blocks/lists/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/lists/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAA6C,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/lists/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAA6C,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,YAAY,EAA6C,MAAM,iBAAiB,CAAC"}

package/dist/blocks/lists/timeline-feed.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export interface TimelineItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    time?: string;
+    icon?: React.ReactNode;
+    content?: React.ReactNode;
+}
+export interface TimelineFeedProps extends ViewProps {
+    className?: string;
+    items: TimelineItem[];
+    showConnector?: boolean;
+}
+declare function TimelineFeed({ className, items, showConnector, ...props }: TimelineFeedProps): import("react/jsx-runtime").JSX.Element;
+export { TimelineFeed };
+//# sourceMappingURL=timeline-feed.d.ts.map

package/dist/blocks/lists/timeline-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-feed.d.ts","sourceRoot":"","sources":["../../../src/blocks/lists/timeline-feed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,aAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CA2C5F;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/blocks/lists/timeline-feed.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, ScrollView } from 'react-native';
+import { Text } from '../../components/text';
+import { cn } from '../../lib/cn';
+function TimelineFeed({ className, items, showConnector = true, ...props }) {
+    return (_jsx(ScrollView, { className: cn('flex-1', className), ...props, children: _jsx(View, { className: "p-4", children: items.map((item, index) => (_jsxs(View, { className: "flex-row", children: [_jsxs(View, { className: "items-center mr-4", style: { minWidth: 16 }, children: [showConnector && index > 0 && _jsx(View, { className: "w-0.5 bg-border h-4" }), item.icon ? (_jsx(View, { className: "w-8 h-8 rounded-full bg-primary items-center justify-center shrink-0", children: item.icon })) : (_jsx(View, { className: "w-4 h-4 rounded-full bg-primary border-2 border-background shrink-0" })), showConnector && index < items.length - 1 && (_jsx(View, { className: "w-0.5 bg-border flex-1 min-h-4" }))] }), _jsxs(View, { className: cn('flex-1 pb-6', index === items.length - 1 && 'pb-0'), children: [_jsxs(View, { className: "flex-row items-center justify-between", children: [_jsx(Text, { variant: "body", className: "font-medium", children: item.title }), item.time && (_jsx(Text, { variant: "caption", className: "text-muted-foreground", children: item.time }))] }), item.subtitle && (_jsx(Text, { variant: "caption", className: "text-muted-foreground mt-1", children: item.subtitle })), item.content && _jsx(View, { className: "mt-2", children: item.content })] })] }, item.id))) }) }));
+}
+export { TimelineFeed };
+//# sourceMappingURL=timeline-feed.js.map

package/dist/blocks/lists/timeline-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-feed.js","sourceRoot":"","sources":["../../../src/blocks/lists/timeline-feed.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAiBlC,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB;IAC3F,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,YACvD,KAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,IAAI,IAAe,SAAS,EAAC,UAAU,aACtC,MAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aACxD,aAAa,IAAI,KAAK,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACtE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,SAAS,EAAC,sEAAsE,YACnF,IAAI,CAAC,IAAI,GACL,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,qEAAqE,GAAG,CACzF,EACA,aAAa,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,KAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,GAAG,CACpD,IACI,EAEP,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,aACtE,MAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,aACrD,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,YACzC,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,IAAI,IAAI,CACZ,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,YACtD,IAAI,CAAC,IAAI,GACL,CACR,IACI,EACN,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,4BAA4B,YAC3D,IAAI,CAAC,QAAQ,GACT,CACR,EACA,IAAI,CAAC,OAAO,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,OAAO,GAAQ,IACxD,KAhCE,IAAI,CAAC,EAAE,CAiCX,CACR,CAAC,GACG,GACI,CACd,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/blocks/media/index.d.ts

@@ -0,0 +1,2 @@
+export { SmartImage, smartImageVariants, type SmartImageProps } from './smart-image';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/media/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/blocks/media/index.js

@@ -0,0 +1,2 @@
+export { SmartImage, smartImageVariants } from './smart-image';
+//# sourceMappingURL=index.js.map

package/dist/blocks/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAwB,MAAM,eAAe,CAAC"}