@blinkdotnew/mobile-ui 2.0.0-alpha.10 → 2.0.0-alpha.12
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/dist/index.d.mts +173 -5
- package/dist/index.d.ts +173 -5
- package/dist/index.js +1182 -242
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1100 -172
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -401,20 +401,32 @@ type PlanOption = {
|
|
|
401
401
|
name: string;
|
|
402
402
|
price: string;
|
|
403
403
|
period: string;
|
|
404
|
-
|
|
404
|
+
pricePerWeek?: string;
|
|
405
|
+
savings?: string;
|
|
405
406
|
popular?: boolean;
|
|
407
|
+
trial?: string;
|
|
408
|
+
features?: string[];
|
|
406
409
|
};
|
|
407
410
|
type PaywallScreenProps = {
|
|
408
411
|
title?: string;
|
|
409
412
|
subtitle?: string;
|
|
413
|
+
features?: string[];
|
|
410
414
|
plans: PlanOption[];
|
|
411
415
|
selectedPlan?: string;
|
|
412
416
|
onSelectPlan?: (planId: string) => void;
|
|
413
417
|
onContinue?: () => void;
|
|
418
|
+
onClose?: () => void;
|
|
414
419
|
onRestore?: () => void;
|
|
420
|
+
onTerms?: () => void;
|
|
421
|
+
onPrivacy?: () => void;
|
|
415
422
|
continueLabel?: string;
|
|
423
|
+
reassurance?: string;
|
|
424
|
+
hero?: ReactNode;
|
|
425
|
+
socialProof?: string;
|
|
426
|
+
countdownMinutes?: number;
|
|
427
|
+
badge?: string;
|
|
416
428
|
};
|
|
417
|
-
declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
|
|
429
|
+
declare function PaywallScreen({ title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
|
|
418
430
|
|
|
419
431
|
type OnboardingStep = {
|
|
420
432
|
title: string;
|
|
@@ -510,8 +522,9 @@ type BottomSheetProps = {
|
|
|
510
522
|
dismissOnSnapToBottom?: boolean;
|
|
511
523
|
showHandle?: boolean;
|
|
512
524
|
showClose?: boolean;
|
|
525
|
+
zIndex?: number;
|
|
513
526
|
};
|
|
514
|
-
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
|
|
527
|
+
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react_jsx_runtime.JSX.Element;
|
|
515
528
|
|
|
516
529
|
type AuthProvider = {
|
|
517
530
|
id: string;
|
|
@@ -579,8 +592,9 @@ type ActionSheetProps = {
|
|
|
579
592
|
items: ActionSheetItem[];
|
|
580
593
|
onSelect: (id: string) => void;
|
|
581
594
|
cancelLabel?: string;
|
|
595
|
+
zIndex?: number;
|
|
582
596
|
};
|
|
583
|
-
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
597
|
+
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
584
598
|
|
|
585
599
|
type SkeletonProps = {
|
|
586
600
|
width?: number | string;
|
|
@@ -646,4 +660,158 @@ type PullToRefreshProps = {
|
|
|
646
660
|
};
|
|
647
661
|
declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
|
|
648
662
|
|
|
649
|
-
|
|
663
|
+
type ProductCardProps = {
|
|
664
|
+
image: string;
|
|
665
|
+
title: string;
|
|
666
|
+
price: string;
|
|
667
|
+
originalPrice?: string;
|
|
668
|
+
rating?: number;
|
|
669
|
+
reviewCount?: number;
|
|
670
|
+
badge?: string;
|
|
671
|
+
onPress?: () => void;
|
|
672
|
+
onAddToCart?: () => void;
|
|
673
|
+
variant?: 'vertical' | 'horizontal';
|
|
674
|
+
};
|
|
675
|
+
declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): react_jsx_runtime.JSX.Element;
|
|
676
|
+
|
|
677
|
+
type PricingPlan = {
|
|
678
|
+
id: string;
|
|
679
|
+
name: string;
|
|
680
|
+
price: string;
|
|
681
|
+
period?: string;
|
|
682
|
+
description?: string;
|
|
683
|
+
features: {
|
|
684
|
+
label: string;
|
|
685
|
+
included: boolean;
|
|
686
|
+
}[];
|
|
687
|
+
popular?: boolean;
|
|
688
|
+
cta?: string;
|
|
689
|
+
};
|
|
690
|
+
type PricingTableProps = {
|
|
691
|
+
plans: PricingPlan[];
|
|
692
|
+
selectedPlan?: string;
|
|
693
|
+
onSelectPlan?: (planId: string) => void;
|
|
694
|
+
annual?: boolean;
|
|
695
|
+
onToggleBilling?: (annual: boolean) => void;
|
|
696
|
+
};
|
|
697
|
+
declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling }: PricingTableProps): react_jsx_runtime.JSX.Element;
|
|
698
|
+
|
|
699
|
+
type CountdownBannerProps = {
|
|
700
|
+
endTime?: Date;
|
|
701
|
+
minutes?: number;
|
|
702
|
+
label?: string;
|
|
703
|
+
onExpire?: () => void;
|
|
704
|
+
variant?: 'banner' | 'compact' | 'badge';
|
|
705
|
+
};
|
|
706
|
+
declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): react_jsx_runtime.JSX.Element | null;
|
|
707
|
+
|
|
708
|
+
type TestimonialCardProps = {
|
|
709
|
+
quote: string;
|
|
710
|
+
author: string;
|
|
711
|
+
role?: string;
|
|
712
|
+
avatar?: string;
|
|
713
|
+
rating?: number;
|
|
714
|
+
variant?: 'card' | 'minimal' | 'featured';
|
|
715
|
+
};
|
|
716
|
+
declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): react_jsx_runtime.JSX.Element;
|
|
717
|
+
|
|
718
|
+
type ConfirmDialogProps = {
|
|
719
|
+
open: boolean;
|
|
720
|
+
onOpenChange: (open: boolean) => void;
|
|
721
|
+
title: string;
|
|
722
|
+
description?: string;
|
|
723
|
+
confirmLabel?: string;
|
|
724
|
+
cancelLabel?: string;
|
|
725
|
+
onConfirm?: () => void;
|
|
726
|
+
onCancel?: () => void;
|
|
727
|
+
destructive?: boolean;
|
|
728
|
+
icon?: ReactNode;
|
|
729
|
+
};
|
|
730
|
+
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
|
|
731
|
+
|
|
732
|
+
type ChipProps = {
|
|
733
|
+
label: string;
|
|
734
|
+
selected?: boolean;
|
|
735
|
+
onPress?: () => void;
|
|
736
|
+
onRemove?: () => void;
|
|
737
|
+
variant?: 'filled' | 'outlined';
|
|
738
|
+
size?: 'sm' | 'md' | 'lg';
|
|
739
|
+
icon?: ReactNode;
|
|
740
|
+
color?: string;
|
|
741
|
+
};
|
|
742
|
+
type ChipGroupProps = {
|
|
743
|
+
chips: {
|
|
744
|
+
id: string;
|
|
745
|
+
label: string;
|
|
746
|
+
icon?: ReactNode;
|
|
747
|
+
}[];
|
|
748
|
+
selected?: string[];
|
|
749
|
+
onSelectionChange?: (selected: string[]) => void;
|
|
750
|
+
multiSelect?: boolean;
|
|
751
|
+
variant?: 'filled' | 'outlined';
|
|
752
|
+
size?: 'sm' | 'md' | 'lg';
|
|
753
|
+
};
|
|
754
|
+
declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): react_jsx_runtime.JSX.Element;
|
|
755
|
+
declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
756
|
+
|
|
757
|
+
type OTPInputProps = {
|
|
758
|
+
length?: number;
|
|
759
|
+
value?: string;
|
|
760
|
+
onChange?: (value: string) => void;
|
|
761
|
+
onComplete?: (code: string) => void;
|
|
762
|
+
error?: boolean;
|
|
763
|
+
autoFocus?: boolean;
|
|
764
|
+
secureEntry?: boolean;
|
|
765
|
+
};
|
|
766
|
+
declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): react_jsx_runtime.JSX.Element;
|
|
767
|
+
|
|
768
|
+
type PasswordInputProps = {
|
|
769
|
+
value?: string;
|
|
770
|
+
onChangeText?: (value: string) => void;
|
|
771
|
+
placeholder?: string;
|
|
772
|
+
label?: string;
|
|
773
|
+
error?: string;
|
|
774
|
+
size?: '$3' | '$4' | '$5';
|
|
775
|
+
strengthIndicator?: boolean;
|
|
776
|
+
};
|
|
777
|
+
declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): react_jsx_runtime.JSX.Element;
|
|
778
|
+
|
|
779
|
+
type AvatarGroupProps = {
|
|
780
|
+
avatars: {
|
|
781
|
+
uri?: string;
|
|
782
|
+
name?: string;
|
|
783
|
+
color?: string;
|
|
784
|
+
}[];
|
|
785
|
+
max?: number;
|
|
786
|
+
size?: number;
|
|
787
|
+
overlap?: number;
|
|
788
|
+
};
|
|
789
|
+
declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
790
|
+
|
|
791
|
+
type SwipeCardItem = {
|
|
792
|
+
id: string;
|
|
793
|
+
[key: string]: any;
|
|
794
|
+
};
|
|
795
|
+
type SwipeCardsProps<T extends SwipeCardItem> = {
|
|
796
|
+
items: T[];
|
|
797
|
+
renderCard: (item: T) => ReactNode;
|
|
798
|
+
onSwipeLeft?: (item: T) => void;
|
|
799
|
+
onSwipeRight?: (item: T) => void;
|
|
800
|
+
onEmpty?: () => void;
|
|
801
|
+
leftLabel?: string;
|
|
802
|
+
rightLabel?: string;
|
|
803
|
+
emptyMessage?: string;
|
|
804
|
+
};
|
|
805
|
+
declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): react_jsx_runtime.JSX.Element;
|
|
806
|
+
|
|
807
|
+
type GlassCardProps = {
|
|
808
|
+
children: ReactNode;
|
|
809
|
+
intensity?: 'light' | 'medium' | 'heavy';
|
|
810
|
+
tint?: 'light' | 'dark';
|
|
811
|
+
borderRadius?: number | string;
|
|
812
|
+
padding?: number | string;
|
|
813
|
+
elevated?: boolean;
|
|
814
|
+
};
|
|
815
|
+
declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): react_jsx_runtime.JSX.Element;
|
|
816
|
+
|
|
817
|
+
export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -401,20 +401,32 @@ type PlanOption = {
|
|
|
401
401
|
name: string;
|
|
402
402
|
price: string;
|
|
403
403
|
period: string;
|
|
404
|
-
|
|
404
|
+
pricePerWeek?: string;
|
|
405
|
+
savings?: string;
|
|
405
406
|
popular?: boolean;
|
|
407
|
+
trial?: string;
|
|
408
|
+
features?: string[];
|
|
406
409
|
};
|
|
407
410
|
type PaywallScreenProps = {
|
|
408
411
|
title?: string;
|
|
409
412
|
subtitle?: string;
|
|
413
|
+
features?: string[];
|
|
410
414
|
plans: PlanOption[];
|
|
411
415
|
selectedPlan?: string;
|
|
412
416
|
onSelectPlan?: (planId: string) => void;
|
|
413
417
|
onContinue?: () => void;
|
|
418
|
+
onClose?: () => void;
|
|
414
419
|
onRestore?: () => void;
|
|
420
|
+
onTerms?: () => void;
|
|
421
|
+
onPrivacy?: () => void;
|
|
415
422
|
continueLabel?: string;
|
|
423
|
+
reassurance?: string;
|
|
424
|
+
hero?: ReactNode;
|
|
425
|
+
socialProof?: string;
|
|
426
|
+
countdownMinutes?: number;
|
|
427
|
+
badge?: string;
|
|
416
428
|
};
|
|
417
|
-
declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
|
|
429
|
+
declare function PaywallScreen({ title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
|
|
418
430
|
|
|
419
431
|
type OnboardingStep = {
|
|
420
432
|
title: string;
|
|
@@ -510,8 +522,9 @@ type BottomSheetProps = {
|
|
|
510
522
|
dismissOnSnapToBottom?: boolean;
|
|
511
523
|
showHandle?: boolean;
|
|
512
524
|
showClose?: boolean;
|
|
525
|
+
zIndex?: number;
|
|
513
526
|
};
|
|
514
|
-
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
|
|
527
|
+
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react_jsx_runtime.JSX.Element;
|
|
515
528
|
|
|
516
529
|
type AuthProvider = {
|
|
517
530
|
id: string;
|
|
@@ -579,8 +592,9 @@ type ActionSheetProps = {
|
|
|
579
592
|
items: ActionSheetItem[];
|
|
580
593
|
onSelect: (id: string) => void;
|
|
581
594
|
cancelLabel?: string;
|
|
595
|
+
zIndex?: number;
|
|
582
596
|
};
|
|
583
|
-
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
597
|
+
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
584
598
|
|
|
585
599
|
type SkeletonProps = {
|
|
586
600
|
width?: number | string;
|
|
@@ -646,4 +660,158 @@ type PullToRefreshProps = {
|
|
|
646
660
|
};
|
|
647
661
|
declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
|
|
648
662
|
|
|
649
|
-
|
|
663
|
+
type ProductCardProps = {
|
|
664
|
+
image: string;
|
|
665
|
+
title: string;
|
|
666
|
+
price: string;
|
|
667
|
+
originalPrice?: string;
|
|
668
|
+
rating?: number;
|
|
669
|
+
reviewCount?: number;
|
|
670
|
+
badge?: string;
|
|
671
|
+
onPress?: () => void;
|
|
672
|
+
onAddToCart?: () => void;
|
|
673
|
+
variant?: 'vertical' | 'horizontal';
|
|
674
|
+
};
|
|
675
|
+
declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): react_jsx_runtime.JSX.Element;
|
|
676
|
+
|
|
677
|
+
type PricingPlan = {
|
|
678
|
+
id: string;
|
|
679
|
+
name: string;
|
|
680
|
+
price: string;
|
|
681
|
+
period?: string;
|
|
682
|
+
description?: string;
|
|
683
|
+
features: {
|
|
684
|
+
label: string;
|
|
685
|
+
included: boolean;
|
|
686
|
+
}[];
|
|
687
|
+
popular?: boolean;
|
|
688
|
+
cta?: string;
|
|
689
|
+
};
|
|
690
|
+
type PricingTableProps = {
|
|
691
|
+
plans: PricingPlan[];
|
|
692
|
+
selectedPlan?: string;
|
|
693
|
+
onSelectPlan?: (planId: string) => void;
|
|
694
|
+
annual?: boolean;
|
|
695
|
+
onToggleBilling?: (annual: boolean) => void;
|
|
696
|
+
};
|
|
697
|
+
declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling }: PricingTableProps): react_jsx_runtime.JSX.Element;
|
|
698
|
+
|
|
699
|
+
type CountdownBannerProps = {
|
|
700
|
+
endTime?: Date;
|
|
701
|
+
minutes?: number;
|
|
702
|
+
label?: string;
|
|
703
|
+
onExpire?: () => void;
|
|
704
|
+
variant?: 'banner' | 'compact' | 'badge';
|
|
705
|
+
};
|
|
706
|
+
declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): react_jsx_runtime.JSX.Element | null;
|
|
707
|
+
|
|
708
|
+
type TestimonialCardProps = {
|
|
709
|
+
quote: string;
|
|
710
|
+
author: string;
|
|
711
|
+
role?: string;
|
|
712
|
+
avatar?: string;
|
|
713
|
+
rating?: number;
|
|
714
|
+
variant?: 'card' | 'minimal' | 'featured';
|
|
715
|
+
};
|
|
716
|
+
declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): react_jsx_runtime.JSX.Element;
|
|
717
|
+
|
|
718
|
+
type ConfirmDialogProps = {
|
|
719
|
+
open: boolean;
|
|
720
|
+
onOpenChange: (open: boolean) => void;
|
|
721
|
+
title: string;
|
|
722
|
+
description?: string;
|
|
723
|
+
confirmLabel?: string;
|
|
724
|
+
cancelLabel?: string;
|
|
725
|
+
onConfirm?: () => void;
|
|
726
|
+
onCancel?: () => void;
|
|
727
|
+
destructive?: boolean;
|
|
728
|
+
icon?: ReactNode;
|
|
729
|
+
};
|
|
730
|
+
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
|
|
731
|
+
|
|
732
|
+
type ChipProps = {
|
|
733
|
+
label: string;
|
|
734
|
+
selected?: boolean;
|
|
735
|
+
onPress?: () => void;
|
|
736
|
+
onRemove?: () => void;
|
|
737
|
+
variant?: 'filled' | 'outlined';
|
|
738
|
+
size?: 'sm' | 'md' | 'lg';
|
|
739
|
+
icon?: ReactNode;
|
|
740
|
+
color?: string;
|
|
741
|
+
};
|
|
742
|
+
type ChipGroupProps = {
|
|
743
|
+
chips: {
|
|
744
|
+
id: string;
|
|
745
|
+
label: string;
|
|
746
|
+
icon?: ReactNode;
|
|
747
|
+
}[];
|
|
748
|
+
selected?: string[];
|
|
749
|
+
onSelectionChange?: (selected: string[]) => void;
|
|
750
|
+
multiSelect?: boolean;
|
|
751
|
+
variant?: 'filled' | 'outlined';
|
|
752
|
+
size?: 'sm' | 'md' | 'lg';
|
|
753
|
+
};
|
|
754
|
+
declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): react_jsx_runtime.JSX.Element;
|
|
755
|
+
declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
756
|
+
|
|
757
|
+
type OTPInputProps = {
|
|
758
|
+
length?: number;
|
|
759
|
+
value?: string;
|
|
760
|
+
onChange?: (value: string) => void;
|
|
761
|
+
onComplete?: (code: string) => void;
|
|
762
|
+
error?: boolean;
|
|
763
|
+
autoFocus?: boolean;
|
|
764
|
+
secureEntry?: boolean;
|
|
765
|
+
};
|
|
766
|
+
declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): react_jsx_runtime.JSX.Element;
|
|
767
|
+
|
|
768
|
+
type PasswordInputProps = {
|
|
769
|
+
value?: string;
|
|
770
|
+
onChangeText?: (value: string) => void;
|
|
771
|
+
placeholder?: string;
|
|
772
|
+
label?: string;
|
|
773
|
+
error?: string;
|
|
774
|
+
size?: '$3' | '$4' | '$5';
|
|
775
|
+
strengthIndicator?: boolean;
|
|
776
|
+
};
|
|
777
|
+
declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): react_jsx_runtime.JSX.Element;
|
|
778
|
+
|
|
779
|
+
type AvatarGroupProps = {
|
|
780
|
+
avatars: {
|
|
781
|
+
uri?: string;
|
|
782
|
+
name?: string;
|
|
783
|
+
color?: string;
|
|
784
|
+
}[];
|
|
785
|
+
max?: number;
|
|
786
|
+
size?: number;
|
|
787
|
+
overlap?: number;
|
|
788
|
+
};
|
|
789
|
+
declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
790
|
+
|
|
791
|
+
type SwipeCardItem = {
|
|
792
|
+
id: string;
|
|
793
|
+
[key: string]: any;
|
|
794
|
+
};
|
|
795
|
+
type SwipeCardsProps<T extends SwipeCardItem> = {
|
|
796
|
+
items: T[];
|
|
797
|
+
renderCard: (item: T) => ReactNode;
|
|
798
|
+
onSwipeLeft?: (item: T) => void;
|
|
799
|
+
onSwipeRight?: (item: T) => void;
|
|
800
|
+
onEmpty?: () => void;
|
|
801
|
+
leftLabel?: string;
|
|
802
|
+
rightLabel?: string;
|
|
803
|
+
emptyMessage?: string;
|
|
804
|
+
};
|
|
805
|
+
declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): react_jsx_runtime.JSX.Element;
|
|
806
|
+
|
|
807
|
+
type GlassCardProps = {
|
|
808
|
+
children: ReactNode;
|
|
809
|
+
intensity?: 'light' | 'medium' | 'heavy';
|
|
810
|
+
tint?: 'light' | 'dark';
|
|
811
|
+
borderRadius?: number | string;
|
|
812
|
+
padding?: number | string;
|
|
813
|
+
elevated?: boolean;
|
|
814
|
+
};
|
|
815
|
+
declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): react_jsx_runtime.JSX.Element;
|
|
816
|
+
|
|
817
|
+
export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
|