@thewhileloop/whileui 0.2.2 → 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.
- package/LICENSE +21 -0
- package/README.md +126 -73
- package/dist/blocks/auth/forgot-password-form.d.ts +9 -1
- package/dist/blocks/auth/forgot-password-form.d.ts.map +1 -1
- package/dist/blocks/auth/forgot-password-form.js +8 -2
- package/dist/blocks/auth/forgot-password-form.js.map +1 -1
- package/dist/blocks/auth/reset-password-form.d.ts +8 -1
- package/dist/blocks/auth/reset-password-form.d.ts.map +1 -1
- package/dist/blocks/auth/reset-password-form.js +8 -2
- package/dist/blocks/auth/reset-password-form.js.map +1 -1
- package/dist/blocks/auth/sign-in-form.d.ts +16 -1
- package/dist/blocks/auth/sign-in-form.d.ts.map +1 -1
- package/dist/blocks/auth/sign-in-form.js +9 -2
- package/dist/blocks/auth/sign-in-form.js.map +1 -1
- package/dist/blocks/auth/sign-up-form.d.ts +16 -1
- package/dist/blocks/auth/sign-up-form.d.ts.map +1 -1
- package/dist/blocks/auth/sign-up-form.js +11 -2
- package/dist/blocks/auth/sign-up-form.js.map +1 -1
- package/dist/blocks/auth/social-connections.d.ts +9 -1
- package/dist/blocks/auth/social-connections.d.ts.map +1 -1
- package/dist/blocks/auth/social-connections.js +2 -2
- package/dist/blocks/auth/social-connections.js.map +1 -1
- package/dist/blocks/auth/user-menu.d.ts +11 -1
- package/dist/blocks/auth/user-menu.d.ts.map +1 -1
- package/dist/blocks/auth/user-menu.js +2 -2
- package/dist/blocks/auth/user-menu.js.map +1 -1
- package/dist/blocks/auth/verify-email-form.d.ts +9 -1
- package/dist/blocks/auth/verify-email-form.d.ts.map +1 -1
- package/dist/blocks/auth/verify-email-form.js +8 -2
- package/dist/blocks/auth/verify-email-form.js.map +1 -1
- package/dist/blocks/commerce/index.d.ts +1 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -1
- package/dist/blocks/commerce/index.js +1 -0
- package/dist/blocks/commerce/index.js.map +1 -1
- package/dist/blocks/commerce/metric-card.d.ts +54 -0
- package/dist/blocks/commerce/metric-card.d.ts.map +1 -0
- package/dist/blocks/commerce/metric-card.js +23 -0
- package/dist/blocks/commerce/metric-card.js.map +1 -0
- package/dist/blocks/layout/form-modal-screen.d.ts +18 -0
- package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -0
- package/dist/blocks/layout/form-modal-screen.js +14 -0
- package/dist/blocks/layout/form-modal-screen.js.map +1 -0
- package/dist/blocks/layout/index.d.ts +1 -0
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +1 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/smart-image.d.ts +9 -0
- package/dist/blocks/layout/smart-image.d.ts.map +1 -0
- package/dist/blocks/layout/smart-image.js +23 -0
- package/dist/blocks/layout/smart-image.js.map +1 -0
- package/dist/blocks/lists/index.d.ts +1 -0
- package/dist/blocks/lists/index.d.ts.map +1 -1
- package/dist/blocks/lists/index.js +1 -0
- package/dist/blocks/lists/index.js.map +1 -1
- package/dist/blocks/lists/timeline-feed.d.ts +18 -0
- package/dist/blocks/lists/timeline-feed.d.ts.map +1 -0
- package/dist/blocks/lists/timeline-feed.js +9 -0
- package/dist/blocks/lists/timeline-feed.js.map +1 -0
- package/dist/blocks/media/index.d.ts +2 -0
- package/dist/blocks/media/index.d.ts.map +1 -0
- package/dist/blocks/media/index.js +2 -0
- package/dist/blocks/media/index.js.map +1 -0
- package/dist/blocks/media/smart-image.d.ts +123 -0
- package/dist/blocks/media/smart-image.d.ts.map +1 -0
- package/dist/blocks/media/smart-image.js +48 -0
- package/dist/blocks/media/smart-image.js.map +1 -0
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
- package/dist/blocks/navigation/drawer-menu.js +1 -1
- package/dist/blocks/navigation/drawer-menu.js.map +1 -1
- package/dist/components/badge/badge.d.ts +84 -0
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +12 -0
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/box/box.d.ts +143 -0
- package/dist/components/box/box.d.ts.map +1 -0
- package/dist/components/box/box.js +38 -0
- package/dist/components/box/box.js.map +1 -0
- package/dist/components/box/index.d.ts +2 -0
- package/dist/components/box/index.d.ts.map +1 -0
- package/dist/components/box/index.js +2 -0
- package/dist/components/box/index.js.map +1 -0
- package/dist/components/input/input.d.ts +3 -0
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +4 -4
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/layout/index.d.ts +2 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/index.js +2 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/layout/layout.d.ts +395 -0
- package/dist/components/layout/layout.d.ts.map +1 -0
- package/dist/components/layout/layout.js +93 -0
- package/dist/components/layout/layout.js.map +1 -0
- package/dist/components/row/index.d.ts +2 -0
- package/dist/components/row/index.d.ts.map +1 -0
- package/dist/components/row/index.js +2 -0
- package/dist/components/row/index.js.map +1 -0
- package/dist/components/row/row.d.ts +185 -0
- package/dist/components/row/row.d.ts.map +1 -0
- package/dist/components/row/row.js +45 -0
- package/dist/components/row/row.js.map +1 -0
- package/dist/components/skeleton/skeleton.js +1 -1
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/stack/index.d.ts +2 -0
- package/dist/components/stack/index.d.ts.map +1 -0
- package/dist/components/stack/index.js +2 -0
- package/dist/components/stack/index.js.map +1 -0
- package/dist/components/stack/stack.d.ts +185 -0
- package/dist/components/stack/stack.d.ts.map +1 -0
- package/dist/components/stack/stack.js +45 -0
- package/dist/components/stack/stack.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- 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:
|
|
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;
|
|
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
|
|
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":"
|
|
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
|
-
|
|
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;
|
|
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 +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":"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"}
|
|
@@ -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 +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 @@
|
|
|
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 @@
|
|
|
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,
|
|
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"}
|