@thewhileloop/whileui 0.1.1 → 0.2.0
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/README.md +1243 -0
- package/dist/blocks/layout/action-bar.d.ts +8 -0
- package/dist/blocks/layout/action-bar.d.ts.map +1 -0
- package/dist/blocks/layout/action-bar.js +10 -0
- package/dist/blocks/layout/action-bar.js.map +1 -0
- package/dist/blocks/layout/confirm-action-sheet.d.ts +24 -0
- package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -0
- package/dist/blocks/layout/confirm-action-sheet.js +41 -0
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -0
- package/dist/blocks/layout/index.d.ts +2 -0
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +2 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/navigation/index.d.ts +1 -0
- package/dist/blocks/navigation/index.d.ts.map +1 -1
- package/dist/blocks/navigation/index.js +1 -0
- package/dist/blocks/navigation/index.js.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts +23 -0
- package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -0
- package/dist/blocks/navigation/navigation-sidebar.js +11 -0
- package/dist/blocks/navigation/navigation-sidebar.js.map +1 -0
- package/dist/components/card/card.d.ts +81 -2
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +27 -6
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/card/index.d.ts.map +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/card/index.js.map +1 -1
- package/dist/components/data-row/data-row.d.ts +69 -0
- package/dist/components/data-row/data-row.d.ts.map +1 -0
- package/dist/components/data-row/data-row.js +89 -0
- package/dist/components/data-row/data-row.js.map +1 -0
- package/dist/components/data-row/index.d.ts +2 -0
- package/dist/components/data-row/index.d.ts.map +1 -0
- package/dist/components/data-row/index.js +2 -0
- package/dist/components/data-row/index.js.map +1 -0
- package/dist/components/form-field/form-field.d.ts +124 -0
- package/dist/components/form-field/form-field.d.ts.map +1 -0
- package/dist/components/form-field/form-field.js +68 -0
- package/dist/components/form-field/form-field.js.map +1 -0
- package/dist/components/form-field/index.d.ts +2 -0
- package/dist/components/form-field/index.d.ts.map +1 -0
- package/dist/components/form-field/index.js +2 -0
- package/dist/components/form-field/index.js.map +1 -0
- package/dist/components/labeled-field/index.d.ts +2 -0
- package/dist/components/labeled-field/index.d.ts.map +1 -0
- package/dist/components/labeled-field/index.js +2 -0
- package/dist/components/labeled-field/index.js.map +1 -0
- package/dist/components/labeled-field/labeled-field.d.ts +19 -0
- package/dist/components/labeled-field/labeled-field.d.ts.map +1 -0
- package/dist/components/labeled-field/labeled-field.js +15 -0
- package/dist/components/labeled-field/labeled-field.js.map +1 -0
- package/dist/components/numeric-input/index.d.ts +2 -0
- package/dist/components/numeric-input/index.d.ts.map +1 -0
- package/dist/components/numeric-input/index.js +2 -0
- package/dist/components/numeric-input/index.js.map +1 -0
- package/dist/components/numeric-input/numeric-input.d.ts +119 -0
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -0
- package/dist/components/numeric-input/numeric-input.js +129 -0
- package/dist/components/numeric-input/numeric-input.js.map +1 -0
- package/dist/components/segmented-control/index.d.ts +2 -0
- package/dist/components/segmented-control/index.d.ts.map +1 -0
- package/dist/components/segmented-control/index.js +2 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/segmented-control/segmented-control.d.ts +281 -0
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -0
- package/dist/components/segmented-control/segmented-control.js +110 -0
- package/dist/components/segmented-control/segmented-control.js.map +1 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/lib/index.js +1 -0
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/theme-bridge.d.ts +29 -0
- package/dist/lib/theme-bridge.d.ts.map +1 -0
- package/dist/lib/theme-bridge.js +79 -0
- package/dist/lib/theme-bridge.js.map +1 -0
- package/package.json +3 -2
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
export interface ActionBarProps extends ViewProps {
|
|
3
|
+
sticky?: boolean;
|
|
4
|
+
safeArea?: boolean;
|
|
5
|
+
elevated?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function ActionBar({ sticky, safeArea, elevated, className, style, ...props }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=action-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/action-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAa,EACb,QAAe,EACf,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAgBhB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
|
+
export function ActionBar({ sticky = true, safeArea = true, elevated = false, className, style, ...props }) {
|
|
6
|
+
const insets = useSafeAreaInsets();
|
|
7
|
+
const bottomPadding = safeArea ? Math.max(insets.bottom, 12) : 12;
|
|
8
|
+
return (_jsx(View, { className: cn('w-full flex-row items-center gap-3 border-t border-border bg-background px-4 pt-3', sticky && 'absolute inset-x-0 bottom-0', elevated && 'shadow-lg', className), style: [{ paddingBottom: bottomPadding }, style], ...props }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=action-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../src/blocks/layout/action-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,MAAM,IAAI,6BAA6B,EACvC,QAAQ,IAAI,WAAW,EACvB,SAAS,CACV,EACD,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,KAC5C,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
export type ConfirmActionSheetActionVariant = 'default' | 'destructive' | 'cancel';
|
|
3
|
+
export interface ConfirmActionSheetAction {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
onPress?: () => void;
|
|
7
|
+
variant?: ConfirmActionSheetActionVariant;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
closeOnPress?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface ConfirmActionSheetProps extends Omit<ViewProps, 'children'> {
|
|
12
|
+
open: boolean;
|
|
13
|
+
onOpenChange: (open: boolean) => void;
|
|
14
|
+
title: string;
|
|
15
|
+
description?: string;
|
|
16
|
+
actions?: ConfirmActionSheetAction[];
|
|
17
|
+
confirmLabel?: string;
|
|
18
|
+
cancelLabel?: string;
|
|
19
|
+
onConfirm?: () => void;
|
|
20
|
+
onCancel?: () => void;
|
|
21
|
+
destructive?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare function ConfirmActionSheet({ open, onOpenChange, title, description, actions, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, className, style, ...props }: ConfirmActionSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=confirm-action-sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-action-sheet.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/confirm-action-sheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtE,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,+BAA+B,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAoFzB"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { Modal, Pressable, View } from 'react-native';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
+
import { Text } from '../../components/text';
|
|
6
|
+
import { cn } from '../../lib/cn';
|
|
7
|
+
export function ConfirmActionSheet({ open, onOpenChange, title, description, actions, confirmLabel = 'Confirm', cancelLabel = 'Cancel', onConfirm, onCancel, destructive = true, className, style, ...props }) {
|
|
8
|
+
const insets = useSafeAreaInsets();
|
|
9
|
+
const resolvedActions = useMemo(() => {
|
|
10
|
+
if (actions && actions.length > 0) {
|
|
11
|
+
return actions;
|
|
12
|
+
}
|
|
13
|
+
return [
|
|
14
|
+
{
|
|
15
|
+
key: 'cancel',
|
|
16
|
+
label: cancelLabel,
|
|
17
|
+
variant: 'cancel',
|
|
18
|
+
onPress: onCancel,
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
key: 'confirm',
|
|
22
|
+
label: confirmLabel,
|
|
23
|
+
variant: destructive ? 'destructive' : 'default',
|
|
24
|
+
onPress: onConfirm,
|
|
25
|
+
},
|
|
26
|
+
];
|
|
27
|
+
}, [actions, cancelLabel, confirmLabel, destructive, onCancel, onConfirm]);
|
|
28
|
+
const handleClose = () => onOpenChange(false);
|
|
29
|
+
const handleActionPress = (action) => {
|
|
30
|
+
action.onPress?.();
|
|
31
|
+
if (action.closeOnPress ?? true) {
|
|
32
|
+
onOpenChange(false);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: handleClose, children: _jsxs(View, { className: "flex-1 justify-end bg-black/40", children: [_jsx(Pressable, { className: "flex-1", onPress: handleClose }), _jsxs(View, { className: cn('rounded-t-lg border border-border bg-background px-4 pt-4', className), style: [{ paddingBottom: Math.max(insets.bottom, 12) }, style], ...props, children: [_jsxs(View, { className: "mb-4 gap-1.5", children: [_jsx(Text, { className: "text-base font-semibold text-foreground", children: title }), description ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: description })) : null] }), _jsx(View, { className: "gap-2", children: resolvedActions.map((action) => {
|
|
36
|
+
const isDestructive = action.variant === 'destructive';
|
|
37
|
+
const isCancel = action.variant === 'cancel';
|
|
38
|
+
return (_jsx(Pressable, { className: cn('min-h-11 items-center justify-center rounded-md border px-4 py-2 active:opacity-70', isCancel ? 'border-input bg-background' : 'border-transparent bg-secondary', isDestructive && 'bg-destructive/10 border-destructive/30', action.disabled && 'opacity-50'), onPress: () => handleActionPress(action), disabled: action.disabled, accessibilityRole: "button", children: _jsx(Text, { className: cn('text-sm font-medium', isCancel ? 'text-foreground' : 'text-secondary-foreground', isDestructive && 'text-destructive'), children: action.label }) }, action.key));
|
|
39
|
+
}) })] })] }) }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=confirm-action-sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-action-sheet.js","sourceRoot":"","sources":["../../../src/blocks/layout/confirm-action-sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { AppShell, type AppShellProps } from './app-shell';
|
|
2
|
+
export { ActionBar, type ActionBarProps } from './action-bar';
|
|
3
|
+
export { ConfirmActionSheet, type ConfirmActionSheetAction, type ConfirmActionSheetActionVariant, type ConfirmActionSheetProps, } from './confirm-action-sheet';
|
|
2
4
|
export { EmptyState, type EmptyStateProps } from './empty-state';
|
|
3
5
|
export { ErrorState, type ErrorStateProps } from './error-state';
|
|
4
6
|
export { LoadingScreen, type LoadingScreenProps } from './loading-screen';
|
|
@@ -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,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,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { AppShell } from './app-shell';
|
|
2
|
+
export { ActionBar } from './action-bar';
|
|
3
|
+
export { ConfirmActionSheet, } from './confirm-action-sheet';
|
|
2
4
|
export { EmptyState } from './empty-state';
|
|
3
5
|
export { ErrorState } from './error-state';
|
|
4
6
|
export { LoadingScreen } from './loading-screen';
|
|
@@ -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,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,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}
|
|
@@ -3,4 +3,5 @@ export { FloatingBottomNav, type FloatingBottomNavItem, type FloatingBottomNavPr
|
|
|
3
3
|
export { Header, HeaderBackButton, type HeaderAction, type HeaderBackButtonProps, type HeaderProps, } from './header';
|
|
4
4
|
export { TabBar, type TabBarItem, type TabBarProps } from './tab-bar';
|
|
5
5
|
export { DrawerMenu, type DrawerMenuItem, type DrawerMenuSection, type DrawerMenuProps, } from './drawer-menu';
|
|
6
|
+
export { NavigationSidebar, type NavigationSidebarItem, type NavigationSidebarSection, type NavigationSidebarProps, } from './navigation-sidebar';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,sBAAsB,CAAC"}
|
|
@@ -3,4 +3,5 @@ export { FloatingBottomNav, } from './floating-bottom-nav';
|
|
|
3
3
|
export { Header, HeaderBackButton, } from './header';
|
|
4
4
|
export { TabBar } from './tab-bar';
|
|
5
5
|
export { DrawerMenu, } from './drawer-menu';
|
|
6
|
+
export { NavigationSidebar, } from './navigation-sidebar';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAIjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAqC,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,GAIX,MAAM,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAIjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAqC,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,GAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,GAIlB,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewProps } from 'react-native';
|
|
3
|
+
export interface NavigationSidebarItem {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
badge?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface NavigationSidebarSection {
|
|
12
|
+
title?: string;
|
|
13
|
+
items: NavigationSidebarItem[];
|
|
14
|
+
}
|
|
15
|
+
export interface NavigationSidebarProps extends ViewProps {
|
|
16
|
+
sections: NavigationSidebarSection[];
|
|
17
|
+
activeKey?: string;
|
|
18
|
+
onSelect?: (key: string) => void;
|
|
19
|
+
header?: React.ReactNode;
|
|
20
|
+
footer?: React.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
export declare function NavigationSidebar({ sections, activeKey, onSelect, header, footer, className, ...props }: NavigationSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
//# sourceMappingURL=navigation-sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3E,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,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;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA0ExB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Pressable, ScrollView, View } from 'react-native';
|
|
3
|
+
import { Text } from '../../components/text';
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
|
+
export function NavigationSidebar({ sections, activeKey, onSelect, header, footer, className, ...props }) {
|
|
6
|
+
return (_jsxs(View, { className: cn('w-72 border-r border-border bg-background', className), ...props, children: [header ? _jsx(View, { className: "border-b border-border px-4 py-4", children: header }) : null, _jsx(ScrollView, { className: "flex-1 px-3 py-4", children: _jsx(View, { className: "gap-4", children: sections.map((section, index) => (_jsxs(View, { className: "gap-1", children: [section.title ? (_jsx(Text, { className: "px-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: section.title })) : null, section.items.map((item) => {
|
|
7
|
+
const isActive = activeKey === item.key;
|
|
8
|
+
return (_jsxs(Pressable, { onPress: () => onSelect?.(item.key), disabled: item.disabled, className: cn('min-h-11 flex-row items-center gap-3 rounded-lg px-3 py-2 active:opacity-70', isActive && 'bg-primary/10', item.disabled && 'opacity-50'), accessibilityRole: "button", accessibilityState: { selected: isActive, disabled: item.disabled }, children: [item.icon ? _jsx(View, { className: "shrink-0", children: item.icon }) : null, _jsxs(View, { className: "min-w-0 flex-1 gap-0.5", children: [_jsx(Text, { className: cn('font-medium', isActive ? 'text-primary' : 'text-foreground'), numberOfLines: 1, children: item.label }), item.description ? (_jsx(Text, { className: "text-xs text-muted-foreground", numberOfLines: 1, children: item.description })) : null] }), item.badge !== undefined ? (_jsx(View, { className: cn('min-w-5 rounded-full px-1.5 py-0.5', isActive ? 'bg-primary' : 'bg-muted'), children: _jsx(Text, { className: cn('text-[11px] font-medium', isActive ? 'text-primary-foreground' : 'text-muted-foreground'), children: item.badge }) })) : null] }, item.key));
|
|
9
|
+
})] }, index))) }) }), footer ? _jsx(View, { className: "border-t border-border px-4 py-4", children: footer }) : null] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=navigation-sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-sidebar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAwBlC,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KAAM,KAAK,aACnF,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,EAEnF,KAAC,UAAU,IAAC,SAAS,EAAC,kBAAkB,YACtC,KAAC,IAAI,IAAC,SAAS,EAAC,OAAO,YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,IAAI,IAAa,SAAS,EAAC,OAAO,aAChC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,wEAAwE,YACrF,OAAO,CAAC,KAAK,GACT,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAC1B,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,CAAC;gCACxC,OAAO,CACL,MAAC,SAAS,IAER,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,QAAQ,IAAI,eAAe,EAC3B,IAAI,CAAC,QAAQ,IAAI,YAAY,CAC9B,EACD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAElE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAEjE,MAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,aACtC,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC3E,aAAa,EAAE,CAAC,YAEf,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,EAAC,aAAa,EAAE,CAAC,YAC7D,IAAI,CAAC,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EAEN,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CACrC,YAED,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB,CAC/D,YAEA,IAAI,CAAC,KAAK,GACN,GACF,CACR,CAAC,CAAC,CAAC,IAAI,KA3CH,IAAI,CAAC,GAAG,CA4CH,CACb,CAAC;4BACJ,CAAC,CAAC,KAzDO,KAAK,CA0DT,CACR,CAAC,GACG,GACI,EAEZ,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9E,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,85 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, Text, type ViewProps, type TextProps } from 'react-native';
|
|
3
|
-
|
|
3
|
+
import { type VariantProps } from '../../lib/tv';
|
|
4
|
+
declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
padding: {
|
|
6
|
+
none: string;
|
|
7
|
+
sm: string;
|
|
8
|
+
default: string;
|
|
9
|
+
lg: string;
|
|
10
|
+
};
|
|
11
|
+
unstyled: {
|
|
12
|
+
true: string;
|
|
13
|
+
false: string;
|
|
14
|
+
};
|
|
15
|
+
}, undefined, "rounded-xl border border-border bg-card", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
16
|
+
padding: {
|
|
17
|
+
none: string;
|
|
18
|
+
sm: string;
|
|
19
|
+
default: string;
|
|
20
|
+
lg: string;
|
|
21
|
+
};
|
|
22
|
+
unstyled: {
|
|
23
|
+
true: string;
|
|
24
|
+
false: string;
|
|
25
|
+
};
|
|
26
|
+
}, {
|
|
27
|
+
padding: {
|
|
28
|
+
none: string;
|
|
29
|
+
sm: string;
|
|
30
|
+
default: string;
|
|
31
|
+
lg: string;
|
|
32
|
+
};
|
|
33
|
+
unstyled: {
|
|
34
|
+
true: string;
|
|
35
|
+
false: string;
|
|
36
|
+
};
|
|
37
|
+
}>, {
|
|
38
|
+
padding: {
|
|
39
|
+
none: string;
|
|
40
|
+
sm: string;
|
|
41
|
+
default: string;
|
|
42
|
+
lg: string;
|
|
43
|
+
};
|
|
44
|
+
unstyled: {
|
|
45
|
+
true: string;
|
|
46
|
+
false: string;
|
|
47
|
+
};
|
|
48
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
49
|
+
padding: {
|
|
50
|
+
none: string;
|
|
51
|
+
sm: string;
|
|
52
|
+
default: string;
|
|
53
|
+
lg: string;
|
|
54
|
+
};
|
|
55
|
+
unstyled: {
|
|
56
|
+
true: string;
|
|
57
|
+
false: string;
|
|
58
|
+
};
|
|
59
|
+
}, undefined, "rounded-xl border border-border bg-card", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
60
|
+
padding: {
|
|
61
|
+
none: string;
|
|
62
|
+
sm: string;
|
|
63
|
+
default: string;
|
|
64
|
+
lg: string;
|
|
65
|
+
};
|
|
66
|
+
unstyled: {
|
|
67
|
+
true: string;
|
|
68
|
+
false: string;
|
|
69
|
+
};
|
|
70
|
+
}, {
|
|
71
|
+
padding: {
|
|
72
|
+
none: string;
|
|
73
|
+
sm: string;
|
|
74
|
+
default: string;
|
|
75
|
+
lg: string;
|
|
76
|
+
};
|
|
77
|
+
unstyled: {
|
|
78
|
+
true: string;
|
|
79
|
+
false: string;
|
|
80
|
+
};
|
|
81
|
+
}>, unknown, unknown, undefined>>;
|
|
82
|
+
export interface CardProps extends ViewProps, VariantProps<typeof cardVariants> {
|
|
4
83
|
}
|
|
5
84
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
|
|
6
85
|
export interface CardHeaderProps extends ViewProps {
|
|
@@ -18,5 +97,5 @@ declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & Re
|
|
|
18
97
|
export interface CardFooterProps extends ViewProps {
|
|
19
98
|
}
|
|
20
99
|
declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<View>>;
|
|
21
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
|
|
100
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants };
|
|
22
101
|
//# sourceMappingURL=card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkBhB,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAElF,QAAA,MAAM,IAAI,wEAMT,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,QAAA,MAAM,UAAU,8EAEd,CAAC;AAMH,MAAM,WAAW,cAAe,SAAQ,SAAS;CAAG;AAEpD,QAAA,MAAM,SAAS,6EAQb,CAAC;AAMH,MAAM,WAAW,oBAAqB,SAAQ,SAAS;CAAG;AAE1D,QAAA,MAAM,eAAe,mFAIpB,CAAC;AAMF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;CAAG;AAEtD,QAAA,MAAM,WAAW,+EAEf,CAAC;AAMH,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,QAAA,MAAM,UAAU,8EAEd,CAAC;AAMH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -2,12 +2,33 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { View, Text } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
import { tv } from '../../lib/tv';
|
|
6
|
+
// ─── Card ────────────────────────────────────────────────────
|
|
7
|
+
const cardVariants = tv({
|
|
8
|
+
base: 'rounded-xl border border-border bg-card',
|
|
9
|
+
variants: {
|
|
10
|
+
padding: {
|
|
11
|
+
none: 'p-0',
|
|
12
|
+
sm: 'p-4',
|
|
13
|
+
default: 'p-6',
|
|
14
|
+
lg: 'p-8',
|
|
15
|
+
},
|
|
16
|
+
unstyled: {
|
|
17
|
+
true: 'rounded-none border-0 bg-transparent shadow-none',
|
|
18
|
+
false: '',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
padding: 'default',
|
|
23
|
+
unstyled: false,
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
const Card = React.forwardRef(({ className, padding, unstyled, ...props }, ref) => {
|
|
27
|
+
return (_jsx(View, { ref: ref, className: cn(cardVariants({ padding, unstyled }), className), ...props }));
|
|
7
28
|
});
|
|
8
29
|
Card.displayName = 'Card';
|
|
9
30
|
const CardHeader = React.forwardRef(({ className, ...props }, ref) => {
|
|
10
|
-
return _jsx(View, { ref: ref, className: cn('
|
|
31
|
+
return _jsx(View, { ref: ref, className: cn('pb-2', className), ...props });
|
|
11
32
|
});
|
|
12
33
|
CardHeader.displayName = 'CardHeader';
|
|
13
34
|
const CardTitle = React.forwardRef(({ className, ...props }, ref) => {
|
|
@@ -19,13 +40,13 @@ const CardDescription = React.forwardRef(({ className, ...props }, ref) => {
|
|
|
19
40
|
});
|
|
20
41
|
CardDescription.displayName = 'CardDescription';
|
|
21
42
|
const CardContent = React.forwardRef(({ className, ...props }, ref) => {
|
|
22
|
-
return _jsx(View, { ref: ref, className: cn('
|
|
43
|
+
return _jsx(View, { ref: ref, className: cn('pt-0', className), ...props });
|
|
23
44
|
});
|
|
24
45
|
CardContent.displayName = 'CardContent';
|
|
25
46
|
const CardFooter = React.forwardRef(({ className, ...props }, ref) => {
|
|
26
|
-
return _jsx(View, { ref: ref, className: cn('flex-row items-center
|
|
47
|
+
return _jsx(View, { ref: ref, className: cn('flex-row items-center pt-0', className), ...props });
|
|
27
48
|
});
|
|
28
49
|
CardFooter.displayName = 'CardFooter';
|
|
29
50
|
// ─── Exports ─────────────────────────────────────────────────
|
|
30
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
|
|
51
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants };
|
|
31
52
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
1
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './card';
|
|
1
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, } from './card';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GAOb,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text, View, type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
declare const dataRowVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
size: {
|
|
5
|
+
default: string;
|
|
6
|
+
compact: string;
|
|
7
|
+
};
|
|
8
|
+
}, undefined, "w-full flex-row items-center gap-3", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
9
|
+
size: {
|
|
10
|
+
default: string;
|
|
11
|
+
compact: string;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
size: {
|
|
15
|
+
default: string;
|
|
16
|
+
compact: string;
|
|
17
|
+
};
|
|
18
|
+
}>, {
|
|
19
|
+
size: {
|
|
20
|
+
default: string;
|
|
21
|
+
compact: string;
|
|
22
|
+
};
|
|
23
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
24
|
+
size: {
|
|
25
|
+
default: string;
|
|
26
|
+
compact: string;
|
|
27
|
+
};
|
|
28
|
+
}, undefined, "w-full flex-row items-center gap-3", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
29
|
+
size: {
|
|
30
|
+
default: string;
|
|
31
|
+
compact: string;
|
|
32
|
+
};
|
|
33
|
+
}, {
|
|
34
|
+
size: {
|
|
35
|
+
default: string;
|
|
36
|
+
compact: string;
|
|
37
|
+
};
|
|
38
|
+
}>, unknown, unknown, undefined>>;
|
|
39
|
+
export interface DataRowProps extends ViewProps {
|
|
40
|
+
size?: 'default' | 'compact';
|
|
41
|
+
className?: string;
|
|
42
|
+
}
|
|
43
|
+
export interface DataRowLeftProps extends ViewProps {
|
|
44
|
+
className?: string;
|
|
45
|
+
}
|
|
46
|
+
export interface DataRowCenterProps extends ViewProps {
|
|
47
|
+
className?: string;
|
|
48
|
+
}
|
|
49
|
+
export interface DataRowRightProps extends ViewProps {
|
|
50
|
+
className?: string;
|
|
51
|
+
}
|
|
52
|
+
export interface DataRowLabelProps extends TextProps {
|
|
53
|
+
className?: string;
|
|
54
|
+
}
|
|
55
|
+
export interface DataRowDescriptionProps extends TextProps {
|
|
56
|
+
className?: string;
|
|
57
|
+
}
|
|
58
|
+
export interface DataRowValueProps extends TextProps {
|
|
59
|
+
className?: string;
|
|
60
|
+
}
|
|
61
|
+
declare const DataRow: React.ForwardRefExoticComponent<DataRowProps & React.RefAttributes<View>>;
|
|
62
|
+
declare const DataRowLeft: React.ForwardRefExoticComponent<DataRowLeftProps & React.RefAttributes<View>>;
|
|
63
|
+
declare const DataRowCenter: React.ForwardRefExoticComponent<DataRowCenterProps & React.RefAttributes<View>>;
|
|
64
|
+
declare const DataRowRight: React.ForwardRefExoticComponent<DataRowRightProps & React.RefAttributes<View>>;
|
|
65
|
+
declare const DataRowLabel: React.ForwardRefExoticComponent<DataRowLabelProps & React.RefAttributes<Text>>;
|
|
66
|
+
declare const DataRowDescription: React.ForwardRefExoticComponent<DataRowDescriptionProps & React.RefAttributes<Text>>;
|
|
67
|
+
declare const DataRowValue: React.ForwardRefExoticComponent<DataRowValueProps & React.RefAttributes<Text>>;
|
|
68
|
+
export { DataRow, DataRowLeft, DataRowCenter, DataRowRight, DataRowLabel, DataRowDescription, DataRowValue, dataRowVariants, };
|
|
69
|
+
//# sourceMappingURL=data-row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-row/data-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWnB,CAAC;AAiDH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,2EAQZ,CAAC;AAIF,QAAA,MAAM,WAAW,+EAIf,CAAC;AAIH,QAAA,MAAM,aAAa,iFAEjB,CAAC;AAIH,QAAA,MAAM,YAAY,gFAQhB,CAAC;AAIH,QAAA,MAAM,YAAY,gFAWhB,CAAC;AAIH,QAAA,MAAM,kBAAkB,sFAavB,CAAC;AAIF,QAAA,MAAM,YAAY,gFAWhB,CAAC;AAIH,OAAO,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,eAAe,GAChB,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useContext } from 'react';
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import { cn } from '../../lib/cn';
|
|
5
|
+
import { tv } from '../../lib/tv';
|
|
6
|
+
const dataRowVariants = tv({
|
|
7
|
+
base: 'w-full flex-row items-center gap-3',
|
|
8
|
+
variants: {
|
|
9
|
+
size: {
|
|
10
|
+
default: 'min-h-11 py-2',
|
|
11
|
+
compact: 'min-h-10 py-1.5',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
size: 'default',
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
const dataRowLabelVariants = tv({
|
|
19
|
+
base: 'font-medium text-foreground',
|
|
20
|
+
variants: {
|
|
21
|
+
size: {
|
|
22
|
+
default: 'text-sm',
|
|
23
|
+
compact: 'text-xs',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
size: 'default',
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
const dataRowDescriptionVariants = tv({
|
|
31
|
+
base: 'text-muted-foreground',
|
|
32
|
+
variants: {
|
|
33
|
+
size: {
|
|
34
|
+
default: 'text-xs',
|
|
35
|
+
compact: 'text-[11px]',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
size: 'default',
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
const dataRowValueVariants = tv({
|
|
43
|
+
base: 'font-medium text-foreground text-right',
|
|
44
|
+
variants: {
|
|
45
|
+
size: {
|
|
46
|
+
default: 'text-sm',
|
|
47
|
+
compact: 'text-xs',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
defaultVariants: {
|
|
51
|
+
size: 'default',
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
const DataRowContext = createContext({
|
|
55
|
+
size: 'default',
|
|
56
|
+
});
|
|
57
|
+
const DataRow = React.forwardRef(({ className, size = 'default', ...props }, ref) => {
|
|
58
|
+
return (_jsx(DataRowContext.Provider, { value: { size }, children: _jsx(View, { ref: ref, className: cn(dataRowVariants({ size }), className), ...props }) }));
|
|
59
|
+
});
|
|
60
|
+
DataRow.displayName = 'DataRow';
|
|
61
|
+
const DataRowLeft = React.forwardRef(({ className, ...props }, ref) => {
|
|
62
|
+
return (_jsx(View, { ref: ref, className: cn('shrink-0 items-center justify-center', className), ...props }));
|
|
63
|
+
});
|
|
64
|
+
DataRowLeft.displayName = 'DataRowLeft';
|
|
65
|
+
const DataRowCenter = React.forwardRef(({ className, ...props }, ref) => {
|
|
66
|
+
return _jsx(View, { ref: ref, className: cn('min-w-0 flex-1 gap-0.5', className), ...props });
|
|
67
|
+
});
|
|
68
|
+
DataRowCenter.displayName = 'DataRowCenter';
|
|
69
|
+
const DataRowRight = React.forwardRef(({ className, ...props }, ref) => {
|
|
70
|
+
return (_jsx(View, { ref: ref, className: cn('ml-2 max-w-[45%] shrink-0 items-end justify-center', className), ...props }));
|
|
71
|
+
});
|
|
72
|
+
DataRowRight.displayName = 'DataRowRight';
|
|
73
|
+
const DataRowLabel = React.forwardRef(({ className, ...props }, ref) => {
|
|
74
|
+
const { size } = useContext(DataRowContext);
|
|
75
|
+
return (_jsx(Text, { ref: ref, className: cn(dataRowLabelVariants({ size }), className), numberOfLines: 1, ...props }));
|
|
76
|
+
});
|
|
77
|
+
DataRowLabel.displayName = 'DataRowLabel';
|
|
78
|
+
const DataRowDescription = React.forwardRef(({ className, ...props }, ref) => {
|
|
79
|
+
const { size } = useContext(DataRowContext);
|
|
80
|
+
return (_jsx(Text, { ref: ref, className: cn(dataRowDescriptionVariants({ size }), className), numberOfLines: 2, ...props }));
|
|
81
|
+
});
|
|
82
|
+
DataRowDescription.displayName = 'DataRowDescription';
|
|
83
|
+
const DataRowValue = React.forwardRef(({ className, ...props }, ref) => {
|
|
84
|
+
const { size } = useContext(DataRowContext);
|
|
85
|
+
return (_jsx(Text, { ref: ref, className: cn(dataRowValueVariants({ size }), className), numberOfLines: 1, ...props }));
|
|
86
|
+
});
|
|
87
|
+
DataRowValue.displayName = 'DataRowValue';
|
|
88
|
+
export { DataRow, DataRowLeft, DataRowCenter, DataRowRight, DataRowLabel, DataRowDescription, DataRowValue, dataRowVariants, };
|
|
89
|
+
//# sourceMappingURL=data-row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-row.js","sourceRoot":"","sources":["../../../src/components/data-row/data-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { DataRow, DataRowLeft, DataRowCenter, DataRowRight, DataRowLabel, DataRowDescription, DataRowValue, dataRowVariants, type DataRowProps, type DataRowLeftProps, type DataRowCenterProps, type DataRowRightProps, type DataRowLabelProps, type DataRowDescriptionProps, type DataRowValueProps, } from './data-row';
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,eAAe,GAQhB,MAAM,YAAY,CAAC"}
|