@thewhileloop/whileui 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +126 -73
  3. package/dist/blocks/auth/forgot-password-form.d.ts +9 -1
  4. package/dist/blocks/auth/forgot-password-form.d.ts.map +1 -1
  5. package/dist/blocks/auth/forgot-password-form.js +8 -2
  6. package/dist/blocks/auth/forgot-password-form.js.map +1 -1
  7. package/dist/blocks/auth/reset-password-form.d.ts +8 -1
  8. package/dist/blocks/auth/reset-password-form.d.ts.map +1 -1
  9. package/dist/blocks/auth/reset-password-form.js +8 -2
  10. package/dist/blocks/auth/reset-password-form.js.map +1 -1
  11. package/dist/blocks/auth/sign-in-form.d.ts +16 -1
  12. package/dist/blocks/auth/sign-in-form.d.ts.map +1 -1
  13. package/dist/blocks/auth/sign-in-form.js +9 -2
  14. package/dist/blocks/auth/sign-in-form.js.map +1 -1
  15. package/dist/blocks/auth/sign-up-form.d.ts +16 -1
  16. package/dist/blocks/auth/sign-up-form.d.ts.map +1 -1
  17. package/dist/blocks/auth/sign-up-form.js +11 -2
  18. package/dist/blocks/auth/sign-up-form.js.map +1 -1
  19. package/dist/blocks/auth/social-connections.d.ts +9 -1
  20. package/dist/blocks/auth/social-connections.d.ts.map +1 -1
  21. package/dist/blocks/auth/social-connections.js +2 -2
  22. package/dist/blocks/auth/social-connections.js.map +1 -1
  23. package/dist/blocks/auth/user-menu.d.ts +11 -1
  24. package/dist/blocks/auth/user-menu.d.ts.map +1 -1
  25. package/dist/blocks/auth/user-menu.js +2 -2
  26. package/dist/blocks/auth/user-menu.js.map +1 -1
  27. package/dist/blocks/auth/verify-email-form.d.ts +9 -1
  28. package/dist/blocks/auth/verify-email-form.d.ts.map +1 -1
  29. package/dist/blocks/auth/verify-email-form.js +8 -2
  30. package/dist/blocks/auth/verify-email-form.js.map +1 -1
  31. package/dist/blocks/commerce/index.d.ts +1 -0
  32. package/dist/blocks/commerce/index.d.ts.map +1 -1
  33. package/dist/blocks/commerce/index.js +1 -0
  34. package/dist/blocks/commerce/index.js.map +1 -1
  35. package/dist/blocks/commerce/metric-card.d.ts +54 -0
  36. package/dist/blocks/commerce/metric-card.d.ts.map +1 -0
  37. package/dist/blocks/commerce/metric-card.js +23 -0
  38. package/dist/blocks/commerce/metric-card.js.map +1 -0
  39. package/dist/blocks/layout/form-modal-screen.d.ts +18 -0
  40. package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -0
  41. package/dist/blocks/layout/form-modal-screen.js +14 -0
  42. package/dist/blocks/layout/form-modal-screen.js.map +1 -0
  43. package/dist/blocks/layout/index.d.ts +1 -0
  44. package/dist/blocks/layout/index.d.ts.map +1 -1
  45. package/dist/blocks/layout/index.js +1 -0
  46. package/dist/blocks/layout/index.js.map +1 -1
  47. package/dist/blocks/layout/smart-image.d.ts +9 -0
  48. package/dist/blocks/layout/smart-image.d.ts.map +1 -0
  49. package/dist/blocks/layout/smart-image.js +23 -0
  50. package/dist/blocks/layout/smart-image.js.map +1 -0
  51. package/dist/blocks/lists/index.d.ts +1 -0
  52. package/dist/blocks/lists/index.d.ts.map +1 -1
  53. package/dist/blocks/lists/index.js +1 -0
  54. package/dist/blocks/lists/index.js.map +1 -1
  55. package/dist/blocks/lists/timeline-feed.d.ts +18 -0
  56. package/dist/blocks/lists/timeline-feed.d.ts.map +1 -0
  57. package/dist/blocks/lists/timeline-feed.js +9 -0
  58. package/dist/blocks/lists/timeline-feed.js.map +1 -0
  59. package/dist/blocks/media/index.d.ts +2 -0
  60. package/dist/blocks/media/index.d.ts.map +1 -0
  61. package/dist/blocks/media/index.js +2 -0
  62. package/dist/blocks/media/index.js.map +1 -0
  63. package/dist/blocks/media/smart-image.d.ts +123 -0
  64. package/dist/blocks/media/smart-image.d.ts.map +1 -0
  65. package/dist/blocks/media/smart-image.js +48 -0
  66. package/dist/blocks/media/smart-image.js.map +1 -0
  67. package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
  68. package/dist/blocks/navigation/drawer-menu.js +13 -6
  69. package/dist/blocks/navigation/drawer-menu.js.map +1 -1
  70. package/dist/components/badge/badge.d.ts +84 -0
  71. package/dist/components/badge/badge.d.ts.map +1 -1
  72. package/dist/components/badge/badge.js +12 -0
  73. package/dist/components/badge/badge.js.map +1 -1
  74. package/dist/components/box/box.d.ts +143 -0
  75. package/dist/components/box/box.d.ts.map +1 -0
  76. package/dist/components/box/box.js +38 -0
  77. package/dist/components/box/box.js.map +1 -0
  78. package/dist/components/box/index.d.ts +2 -0
  79. package/dist/components/box/index.d.ts.map +1 -0
  80. package/dist/components/box/index.js +2 -0
  81. package/dist/components/box/index.js.map +1 -0
  82. package/dist/components/input/input.d.ts +3 -0
  83. package/dist/components/input/input.d.ts.map +1 -1
  84. package/dist/components/input/input.js +4 -4
  85. package/dist/components/input/input.js.map +1 -1
  86. package/dist/components/layout/index.d.ts +2 -0
  87. package/dist/components/layout/index.d.ts.map +1 -0
  88. package/dist/components/layout/index.js +2 -0
  89. package/dist/components/layout/index.js.map +1 -0
  90. package/dist/components/layout/layout.d.ts +395 -0
  91. package/dist/components/layout/layout.d.ts.map +1 -0
  92. package/dist/components/layout/layout.js +93 -0
  93. package/dist/components/layout/layout.js.map +1 -0
  94. package/dist/components/row/index.d.ts +2 -0
  95. package/dist/components/row/index.d.ts.map +1 -0
  96. package/dist/components/row/index.js +2 -0
  97. package/dist/components/row/index.js.map +1 -0
  98. package/dist/components/row/row.d.ts +185 -0
  99. package/dist/components/row/row.d.ts.map +1 -0
  100. package/dist/components/row/row.js +45 -0
  101. package/dist/components/row/row.js.map +1 -0
  102. package/dist/components/skeleton/skeleton.js +1 -1
  103. package/dist/components/skeleton/skeleton.js.map +1 -1
  104. package/dist/components/stack/index.d.ts +2 -0
  105. package/dist/components/stack/index.d.ts.map +1 -0
  106. package/dist/components/stack/index.js +2 -0
  107. package/dist/components/stack/index.js.map +1 -0
  108. package/dist/components/stack/stack.d.ts +185 -0
  109. package/dist/components/stack/stack.d.ts.map +1 -0
  110. package/dist/components/stack/stack.js +45 -0
  111. package/dist/components/stack/stack.js.map +1 -0
  112. package/dist/index.d.ts +4 -0
  113. package/dist/index.d.ts.map +1 -1
  114. package/dist/index.js +4 -0
  115. package/dist/index.js.map +1 -1
  116. package/package.json +3 -1
@@ -4,7 +4,7 @@ import { Avatar, AvatarFallback } from '../../components/avatar';
4
4
  import { Button } from '../../components/button';
5
5
  import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/dropdown-menu';
6
6
  import { Text } from '../../components/text';
7
- export function UserMenu() {
8
- 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" }) })] })] }));
7
+ export function UserMenu({ email = 'user@email.com', name = 'My Account', avatarFallback = 'U', onSelect, } = {}) {
8
+ 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" }) })] })] }));
9
9
  }
10
10
  //# sourceMappingURL=user-menu.js.map
@@ -1 +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"}
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;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"}
@@ -1,2 +1,10 @@
1
- export declare function VerifyEmailForm(): import("react/jsx-runtime").JSX.Element;
1
+ export interface VerifyEmailFormProps {
2
+ /** Called when user submits verification code. Receives form values. */
3
+ onSubmit?: (data: {
4
+ code: string;
5
+ }) => void;
6
+ /** Called when user taps "Resend" link. */
7
+ onResend?: () => void;
8
+ }
9
+ export declare function VerifyEmailForm({ onSubmit, onResend }?: VerifyEmailFormProps): import("react/jsx-runtime").JSX.Element;
2
10
  //# sourceMappingURL=verify-email-form.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,11 +1,17 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
2
3
  import { View } from 'react-native';
4
+ import { Pressable } from '../../components/pressable';
3
5
  import { Button, ButtonText } from '../../components/button';
4
6
  import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
5
7
  import { Input } from '../../components/input';
6
8
  import { Label } from '../../components/label';
7
9
  import { Text } from '../../components/text';
8
- export function VerifyEmailForm() {
9
- 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" })] })] })] }));
10
+ export function VerifyEmailForm({ onSubmit, onResend } = {}) {
11
+ const [code, setCode] = useState('');
12
+ const handleSubmit = () => {
13
+ onSubmit?.({ code });
14
+ };
15
+ 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" })] }) })] })] }));
10
16
  }
11
17
  //# sourceMappingURL=verify-email-form.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,5 @@
1
1
  export { ProductCard, type ProductCardProps } from './product-card';
2
2
  export { PricingCard, type PricingCardProps, type PricingFeature } from './pricing-card';
3
+ export { MetricCard, type MetricCardProps } from './metric-card';
3
4
  export { CheckoutSummary, type CheckoutSummaryProps, type CheckoutLineItem, } from './checkout-summary';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export { ProductCard } from './product-card';
2
2
  export { PricingCard } from './pricing-card';
3
+ export { MetricCard } from './metric-card';
3
4
  export { CheckoutSummary, } from './checkout-summary';
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
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,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,eAAe,GAGhB,MAAM,oBAAoB,CAAC"}
@@ -0,0 +1,54 @@
1
+ import React from 'react';
2
+ import { type ViewProps } from 'react-native';
3
+ import { type VariantProps } from '../../lib/tv';
4
+ declare const metricCardVariants: import("tailwind-variants").TVReturnType<{
5
+ variant: {
6
+ default: string;
7
+ outlined: string;
8
+ };
9
+ }, undefined, "p-4", import("tailwind-variants/dist/config.js").TVConfig<{
10
+ variant: {
11
+ default: string;
12
+ outlined: string;
13
+ };
14
+ }, {
15
+ variant: {
16
+ default: string;
17
+ outlined: string;
18
+ };
19
+ }>, {
20
+ variant: {
21
+ default: string;
22
+ outlined: string;
23
+ };
24
+ }, undefined, import("tailwind-variants").TVReturnType<{
25
+ variant: {
26
+ default: string;
27
+ outlined: string;
28
+ };
29
+ }, undefined, "p-4", import("tailwind-variants/dist/config.js").TVConfig<{
30
+ variant: {
31
+ default: string;
32
+ outlined: string;
33
+ };
34
+ }, {
35
+ variant: {
36
+ default: string;
37
+ outlined: string;
38
+ };
39
+ }>, unknown, unknown, undefined>>;
40
+ export interface MetricCardProps extends ViewProps, VariantProps<typeof metricCardVariants> {
41
+ className?: string;
42
+ label: string;
43
+ value: string | number;
44
+ subtitle?: string;
45
+ progress?: number;
46
+ segments?: {
47
+ value: number;
48
+ color: string;
49
+ }[];
50
+ icon?: React.ReactNode;
51
+ }
52
+ declare function MetricCard({ className, label, value, subtitle, progress, segments, icon, variant, ...props }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
53
+ export { MetricCard, metricCardVariants };
54
+ //# sourceMappingURL=metric-card.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View } from 'react-native';
3
+ import { Text } from '../../components/text';
4
+ import { Card } from '../../components/card';
5
+ import { cn } from '../../lib/cn';
6
+ import { tv } from '../../lib/tv';
7
+ const metricCardVariants = tv({
8
+ base: 'p-4',
9
+ variants: {
10
+ variant: {
11
+ default: 'bg-card',
12
+ outlined: 'bg-transparent border border-border',
13
+ },
14
+ },
15
+ defaultVariants: {
16
+ variant: 'default',
17
+ },
18
+ });
19
+ function MetricCard({ className, label, value, subtitle, progress, segments, icon, variant, ...props }) {
20
+ 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))) }))] }));
21
+ }
22
+ export { MetricCard, metricCardVariants };
23
+ //# sourceMappingURL=metric-card.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { type ViewProps } from 'react-native';
3
+ export interface FormModalScreenProps extends Omit<ViewProps, 'className'> {
4
+ className?: string;
5
+ title: string;
6
+ subtitle?: string;
7
+ leftSlot?: React.ReactNode;
8
+ rightSlot?: React.ReactNode;
9
+ onClose?: () => void;
10
+ loading?: boolean;
11
+ saving?: boolean;
12
+ savingText?: string;
13
+ scrollEnabled?: boolean;
14
+ children: React.ReactNode;
15
+ }
16
+ declare function FormModalScreen({ className, title, subtitle, leftSlot, rightSlot, onClose, loading, saving, savingText, scrollEnabled, children, ...props }: FormModalScreenProps): import("react/jsx-runtime").JSX.Element;
17
+ export { FormModalScreen };
18
+ //# sourceMappingURL=form-modal-screen.d.ts.map
@@ -0,0 +1 @@
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,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,aAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAmEtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, ScrollView, Pressable, Dimensions } from 'react-native';
3
+ import { SafeAreaView, SafeAreaProvider } from 'react-native-safe-area-context';
4
+ import { Text } from '../../components/text';
5
+ import { Spinner } from '../../components/spinner';
6
+ import { cn } from '../../lib/cn';
7
+ const { height: SCREEN_HEIGHT } = Dimensions.get('window');
8
+ function FormModalScreen({ className, title, subtitle, leftSlot, rightSlot, onClose, loading = false, saving = false, savingText = 'Saving...', scrollEnabled = true, children, ...props }) {
9
+ 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, {}) }) })) : (_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" }), _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 })] }));
10
+ // Wrap in SafeAreaProvider so layout works inside Modal (which renders outside app tree)
11
+ return (_jsx(SafeAreaProvider, { style: { flex: 1, minHeight: SCREEN_HEIGHT }, children: content }));
12
+ }
13
+ export { FormModalScreen };
14
+ //# sourceMappingURL=form-modal-screen.js.map
@@ -0,0 +1 @@
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;AAgB3D,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,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,KAAG,GACN,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,GAAG,EACrB,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"}
@@ -3,6 +3,7 @@ export { ActionBar, type ActionBarProps } from './action-bar';
3
3
  export { ConfirmActionSheet, type ConfirmActionSheetAction, type ConfirmActionSheetActionVariant, type ConfirmActionSheetProps, } from './confirm-action-sheet';
4
4
  export { EmptyState, type EmptyStateProps } from './empty-state';
5
5
  export { ErrorState, type ErrorStateProps } from './error-state';
6
+ export { FormModalScreen, type FormModalScreenProps } from './form-modal-screen';
6
7
  export { LoadingScreen, type LoadingScreenProps } from './loading-screen';
7
8
  export { OnboardingScreen, type OnboardingScreenProps, type OnboardingSlide, } from './onboarding-screen';
8
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,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"}
@@ -3,6 +3,7 @@ export { ActionBar } from './action-bar';
3
3
  export { ConfirmActionSheet, } from './confirm-action-sheet';
4
4
  export { EmptyState } from './empty-state';
5
5
  export { ErrorState } from './error-state';
6
+ export { FormModalScreen } from './form-modal-screen';
6
7
  export { LoadingScreen } from './loading-screen';
7
8
  export { OnboardingScreen, } from './onboarding-screen';
8
9
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
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,eAAe,EAA6B,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { type ImageProps } from 'expo-image';
2
+ import { Feather } from '@expo/vector-icons';
3
+ export interface SmartImageProps extends ImageProps {
4
+ containerClassName?: string;
5
+ fallbackIcon?: keyof typeof Feather.glyphMap;
6
+ fallbackIconSize?: number;
7
+ }
8
+ export declare function SmartImage({ style, className, containerClassName, fallbackIcon, fallbackIconSize, onLoad, onError, ...props }: SmartImageProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=smart-image.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { View, StyleSheet } from 'react-native';
4
+ import { Image } from 'expo-image';
5
+ import { Feather } from '@expo/vector-icons';
6
+ import { Skeleton } from '../../components/skeleton';
7
+ import { cn } from '../../lib/cn';
8
+ import { useUniwind } from 'uniwind';
9
+ export function SmartImage({ style, className, containerClassName, fallbackIcon = 'image', fallbackIconSize = 24, onLoad, onError, ...props }) {
10
+ const [isLoading, setIsLoading] = useState(true);
11
+ const [hasError, setHasError] = useState(false);
12
+ const { theme } = useUniwind();
13
+ const isDark = theme === 'dark';
14
+ return (_jsxs(View, { className: cn('overflow-hidden', containerClassName), style: style, children: [_jsx(Image, { className: cn('w-full h-full', className), onLoad: (e) => {
15
+ setIsLoading(false);
16
+ onLoad?.(e);
17
+ }, onError: (e) => {
18
+ setIsLoading(false);
19
+ setHasError(true);
20
+ onError?.(e);
21
+ }, ...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' }) }))] }));
22
+ }
23
+ //# sourceMappingURL=smart-image.js.map
@@ -0,0 +1 @@
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"}
@@ -1,4 +1,5 @@
1
1
  export { ListItem, type ListItemProps } from './list-item';
2
2
  export { SwipeableItem, type SwipeableItemProps, type SwipeAction } from './swipeable-item';
3
3
  export { NotificationItem, type NotificationItemProps } from './notification-item';
4
+ export { TimelineFeed, type TimelineFeedProps, type TimelineItem } from './timeline-feed';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export { ListItem } from './list-item';
2
2
  export { SwipeableItem } from './swipeable-item';
3
3
  export { NotificationItem } from './notification-item';
4
+ export { TimelineFeed } from './timeline-feed';
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
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;AACnF,OAAO,EAAE,YAAY,EAA6C,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { type ViewProps } from 'react-native';
3
+ export interface TimelineItem {
4
+ id: string;
5
+ title: string;
6
+ subtitle?: string;
7
+ time?: string;
8
+ icon?: React.ReactNode;
9
+ content?: React.ReactNode;
10
+ }
11
+ export interface TimelineFeedProps extends ViewProps {
12
+ className?: string;
13
+ items: TimelineItem[];
14
+ showConnector?: boolean;
15
+ }
16
+ declare function TimelineFeed({ className, items, showConnector, ...props }: TimelineFeedProps): import("react/jsx-runtime").JSX.Element;
17
+ export { TimelineFeed };
18
+ //# sourceMappingURL=timeline-feed.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, ScrollView } from 'react-native';
3
+ import { Text } from '../../components/text';
4
+ import { cn } from '../../lib/cn';
5
+ function TimelineFeed({ className, items, showConnector = true, ...props }) {
6
+ 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))) }) }));
7
+ }
8
+ export { TimelineFeed };
9
+ //# sourceMappingURL=timeline-feed.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export { SmartImage, smartImageVariants, type SmartImageProps } from './smart-image';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export { SmartImage, smartImageVariants } from './smart-image';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,123 @@
1
+ import React from 'react';
2
+ import { View, type ViewProps, type ImageProps as RNImageProps } from 'react-native';
3
+ import { type VariantProps } from '../../lib/tv';
4
+ declare const smartImageVariants: import("tailwind-variants").TVReturnType<{
5
+ radius: {
6
+ none: string;
7
+ sm: string;
8
+ md: string;
9
+ lg: string;
10
+ xl: string;
11
+ full: string;
12
+ };
13
+ objectFit: {
14
+ cover: string;
15
+ contain: string;
16
+ fill: string;
17
+ 'scale-down': string;
18
+ };
19
+ }, undefined, "overflow-hidden", import("tailwind-variants/dist/config.js").TVConfig<{
20
+ radius: {
21
+ none: string;
22
+ sm: string;
23
+ md: string;
24
+ lg: string;
25
+ xl: string;
26
+ full: string;
27
+ };
28
+ objectFit: {
29
+ cover: string;
30
+ contain: string;
31
+ fill: string;
32
+ 'scale-down': string;
33
+ };
34
+ }, {
35
+ radius: {
36
+ none: string;
37
+ sm: string;
38
+ md: string;
39
+ lg: string;
40
+ xl: string;
41
+ full: string;
42
+ };
43
+ objectFit: {
44
+ cover: string;
45
+ contain: string;
46
+ fill: string;
47
+ 'scale-down': string;
48
+ };
49
+ }>, {
50
+ radius: {
51
+ none: string;
52
+ sm: string;
53
+ md: string;
54
+ lg: string;
55
+ xl: string;
56
+ full: string;
57
+ };
58
+ objectFit: {
59
+ cover: string;
60
+ contain: string;
61
+ fill: string;
62
+ 'scale-down': string;
63
+ };
64
+ }, undefined, import("tailwind-variants").TVReturnType<{
65
+ radius: {
66
+ none: string;
67
+ sm: string;
68
+ md: string;
69
+ lg: string;
70
+ xl: string;
71
+ full: string;
72
+ };
73
+ objectFit: {
74
+ cover: string;
75
+ contain: string;
76
+ fill: string;
77
+ 'scale-down': string;
78
+ };
79
+ }, undefined, "overflow-hidden", import("tailwind-variants/dist/config.js").TVConfig<{
80
+ radius: {
81
+ none: string;
82
+ sm: string;
83
+ md: string;
84
+ lg: string;
85
+ xl: string;
86
+ full: string;
87
+ };
88
+ objectFit: {
89
+ cover: string;
90
+ contain: string;
91
+ fill: string;
92
+ 'scale-down': string;
93
+ };
94
+ }, {
95
+ radius: {
96
+ none: string;
97
+ sm: string;
98
+ md: string;
99
+ lg: string;
100
+ xl: string;
101
+ full: string;
102
+ };
103
+ objectFit: {
104
+ cover: string;
105
+ contain: string;
106
+ fill: string;
107
+ 'scale-down': string;
108
+ };
109
+ }>, unknown, unknown, undefined>>;
110
+ export interface SmartImageProps extends Omit<ViewProps, 'className'>, VariantProps<typeof smartImageVariants> {
111
+ className?: string;
112
+ source: RNImageProps['source'];
113
+ alt: string;
114
+ skeleton?: boolean;
115
+ skeletonClassName?: string;
116
+ transition?: number;
117
+ onLoad?: () => void;
118
+ onError?: () => void;
119
+ fallbackSource?: RNImageProps['source'];
120
+ }
121
+ declare const SmartImage: React.ForwardRefExoticComponent<SmartImageProps & React.RefAttributes<View>>;
122
+ export { SmartImage, smartImageVariants };
123
+ //# sourceMappingURL=smart-image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"smart-image.d.ts","sourceRoot":"","sources":["../../../src/blocks/media/smart-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBtB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,UAAU,8EAwEf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useState } from 'react';
3
+ import { View } from 'react-native';
4
+ import { Image } from 'expo-image';
5
+ import { Skeleton } from '../../components/skeleton';
6
+ import { cn } from '../../lib/cn';
7
+ import { tv } from '../../lib/tv';
8
+ const smartImageVariants = tv({
9
+ base: 'overflow-hidden',
10
+ variants: {
11
+ radius: {
12
+ none: 'rounded-none',
13
+ sm: 'rounded-sm',
14
+ md: 'rounded-md',
15
+ lg: 'rounded-lg',
16
+ xl: 'rounded-xl',
17
+ full: 'rounded-full',
18
+ },
19
+ objectFit: {
20
+ cover: 'object-cover',
21
+ contain: 'object-contain',
22
+ fill: 'object-fill',
23
+ 'scale-down': 'object-scale-down',
24
+ },
25
+ },
26
+ defaultVariants: {
27
+ radius: 'md',
28
+ objectFit: 'cover',
29
+ },
30
+ });
31
+ const SmartImage = React.forwardRef(({ className, source, alt, skeleton = true, skeletonClassName, transition = 200, radius, objectFit, onLoad, onError, fallbackSource, ...props }, ref) => {
32
+ const [loading, setLoading] = useState(true);
33
+ const [error, setError] = useState(false);
34
+ const handleLoad = () => {
35
+ setLoading(false);
36
+ onLoad?.();
37
+ };
38
+ const handleError = () => {
39
+ setLoading(false);
40
+ setError(true);
41
+ onError?.();
42
+ };
43
+ const imageSource = error && fallbackSource ? fallbackSource : source;
44
+ return (_jsxs(View, { ref: ref, className: cn(smartImageVariants({ radius, objectFit }), className), ...props, children: [skeleton && loading && (_jsx(Skeleton, { className: cn('absolute inset-0', radius === 'none' && 'rounded-none', radius === 'sm' && 'rounded-sm', radius === 'md' && 'rounded-md', radius === 'lg' && 'rounded-lg', radius === 'xl' && 'rounded-xl', radius === 'full' && 'rounded-full', skeletonClassName) })), _jsx(Image, { source: imageSource, alt: alt, transition: transition, onLoad: handleLoad, onError: handleError, className: cn('w-full h-full', objectFit === 'cover' && 'object-cover', objectFit === 'contain' && 'object-contain', objectFit === 'fill' && 'object-fill', objectFit === 'scale-down' && 'object-scale-down'), style: { opacity: loading && !error ? 0 : 1 } })] }));
45
+ });
46
+ SmartImage.displayName = 'SmartImage';
47
+ export { SmartImage, smartImageVariants };
48
+ //# sourceMappingURL=smart-image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"smart-image.js","sourceRoot":"","sources":["../../../src/blocks/media/smart-image.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CA8GjB"}
1
+ {"version":3,"file":"drawer-menu.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CAqHjB"}