custom-mobile-ui 1.0.1

package/dist/index-tIixPl5M.d.mts

@@ -0,0 +1,214 @@
+declare const BaseTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+declare const LightTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+declare const DarkTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    icon: {
+        default: string;
+        disabled: string;
+        active: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+};
+
+type ThemeMode = "light" | "dark";
+type ThemePreference = "system" | "light" | "dark";
+declare const getTheme: (mode: ThemeMode) => {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+type AppTheme = typeof LightTheme;
+
+export { type AppTheme as A, BaseTheme as B, DarkTheme as D, LightTheme as L, type ThemeMode as T, type ThemePreference as a, getTheme as g };

package/dist/index-tIixPl5M.d.ts

@@ -0,0 +1,214 @@
+declare const BaseTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+declare const LightTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+declare const DarkTheme: {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    icon: {
+        default: string;
+        disabled: string;
+        active: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+};
+
+type ThemeMode = "light" | "dark";
+type ThemePreference = "system" | "light" | "dark";
+declare const getTheme: (mode: ThemeMode) => {
+    primary: {
+        default: string;
+        hover: string;
+    };
+    background: {
+        screen: string;
+        surface: string;
+        selected: string;
+        secondary: string;
+        design: string;
+    };
+    input: {
+        background: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        focused: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    status: {
+        success: string;
+        warning: string;
+        error: string;
+        validating: string;
+    };
+    icon: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    tabContent: {
+        active: string;
+        inactive: string;
+    };
+    skeleton: {
+        background: string;
+        componentBg: string;
+        highlight: string;
+    };
+    primaryContent: {
+        color: string;
+    };
+};
+type AppTheme = typeof LightTheme;
+
+export { type AppTheme as A, BaseTheme as B, DarkTheme as D, LightTheme as L, type ThemeMode as T, type ThemePreference as a, getTheme as g };

package/dist/index.d.mts

@@ -0,0 +1,32 @@
+export { Accordion, AccordionItem, AccordionProps, AccordionSize, AccordionVariant, ActiveHighlight, ActivityFeed, ActivityFeedExample, ActivityFeedProps, ActivityItem, ActivityItemType, AlertModal, AnimatedListItem, AnimatedListItemProps, AutoComplete, AutoCompleteOption, AutoCompleteProps, Avatar, BACKDROP_COLOR, Badge, BadgeProps, BadgeShape, BadgeVariant, BarChart, BarChartProps, BaseFieldProps, BillingUI, BillingUIExample, BillingUIProps, BottomBar, BottomBarItem, BottomBarLayout, BottomBarLayoutProps, BottomBarProps, BottomBarTab, Breadcrumb, BreadcrumbItem, BreadcrumbProps, ButtonSize, ButtonVariant, COMMON_STATE_CONFIG, COUNTRIES, Calendar, CalendarDay, CalendarEvent, CalendarExample, CalendarGrid, CalendarHeader, CalendarMonth, CalendarProps, CardSize, CardVariant, ChartProps, Chip, ChipProps, ChipSize, ChipVariant, CollapsibleSection, CollapsibleSectionProps, CollapsibleSize, ColorPicker, ColorPickerProps, CommonState, CommonStateProps, CommonStateType, ConfirmationModal, ConfirmationModalProps, ConfirmationType, CountryCode, CustomButton, CustomButtonExample, CustomButtonProps, CustomCard, CustomCardProps, CustomCheckbox, CustomCheckboxProps, CustomDivider, CustomDividerProps, CustomField, CustomFieldProps, CustomListItem, CustomListItemProps, CustomListShimmer, CustomListShimmerProps, CustomMessageBox, CustomMessageBoxProps, CustomModal, CustomModalExample, CustomModalProps, CustomModalRef, CustomRadioGroup, CustomRadioGroupProps, CustomSwitch, CustomSwitchProps, DataColumn, DataPoint, DataTable, DataTablePagination, DataTableProps, DateTimeFieldProps, DateTimePicker, DateTimePickerHeader, DateTimePickerProps, DayCell, DayModel, DismissKeyboardView, DismissKeyboardViewProps, Drawer, DrawerProps, ENTRY_STAGGER_MS, ErrorBoundary, ErrorBoundaryProps, ErrorBoundaryState, FAB, FABAction, FABPosition, FABProps, FABSize, FIELD_SIZES, FabConfig, FieldType, FileFieldProps, FilterOption, FormContext, FormField, FormScrollView, FormScrollViewProps, FormWrapper, FormWrapperExample, FormWrapperProps, Header, HeaderProps, HeaderSize, HeaderVariant, IconWrapper, IconWrapperProps, IconWrapperShape, IconWrapperVariant, IndicatorPosition, InternalToast, InvoiceItem, InvoiceList, InvoiceListProps, KanbanBoard, KanbanBoardExample, KanbanBoardProps, KanbanCard, KanbanColumn, LINE_ANIM_DURATION, LineChart, LineChartProps, ListItemSize, Loader, LoaderProps, LoaderSize, LoaderVariant, LoginForm, LoginFormProps, MarkedDateInfo, MessageStatus, ModalHeader, ModalType, MonthYear, NetworkImage, NetworkImageDimensionValue, NetworkImageProps, NetworkStatus, NetworkStatusExample, NetworkStatusHandle, NetworkStatusPosition, NetworkStatusProps, NotificationCenter, NotificationCenterExample, NotificationCenterProps, NotificationItem, NotificationType, OtpFieldProps, PageSwipeView, PasswordStrength, PasswordStrengthProps, PhoneInput, PhoneInputProps, PickerMode, PieChart, PieChartProps, PlanItem, PopupMenu, PopupMenuItem, PopupMenuItemProps, PopupMenuProps, PopupMenuRef, PopupPlacement, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, ProgressBarSize, ProgressBarVariant, RadioOption, RatingFieldProps, SIZE_CONFIG, SearchBar, SearchBarProps, SearchBarSize, SearchWithFilters, SearchWithFiltersProps, SegmentItem, SegmentedControl, SegmentedControlProps, SelectFieldProps, SelectOption, SelectionGroup, SelectionGroupProps, SelectionItem, ShimmerVariant, SignatureFieldProps, SignupForm, SignupFormProps, Snackbar, SnackbarAction, SnackbarProps, SocialLoginButton, SocialLoginButtonProps, SocialLoginGroup, SocialLoginGroupProps, SocialLoginIconButton, SocialProvider, SpeedDial, SpeedDialAction, SpeedDialExample, SpeedDialProps, StatCard, StatCardProps, StatCardSize, StatTrend, StepItem, Stepper, StepperProps, StepperSize, StrengthLevel, SwipeAction, TIMELINE_SIZE_CONFIG, TabBar, TabBarProps, TabBarVariant, TabItem, TabPager, Text, TextAlign, TextColorShortcut, TextFieldProps, TextProps, TextVariant, TimePicker, TimeValue, Timeline, TimelineExample, TimelineItem, TimelineItemStatus, TimelineProps, TimelineRow, TimelineSize, TimelineSizeConfig, ToastConfig, ToastContextValue, ToastItem, ToastItemProps, ToastPosition, ToastProvider, ToastRef, ToastType, Tooltip, TooltipPlacement, TooltipProps, TooltipTrigger, UseNetworkStatusReturn, VARIANT_COLORS, WheelPicker, formatMonthYear, generateMonthDays, getAlertIconAndColors, getBottomBarStyles, getCalendarHeight, getCalendarMonthStyles, getDateTimePickerStyles, getDaysInMonth, getFirstDayOfMonth, getWeekNumber, isSameDay, modalStyles, timelineStyles, useDateTimePicker, useForm, useFormScroll, useModalAnimation, useNetworkStatus, useTimeHandlers, useToast } from './components.mjs';
+import { ComponentGalleryId } from './examples.mjs';
+export { BottomBarExampleScreen, CustomFieldExampleScreen, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryItem, GallerySection, getGalleryItem, getGroupedGalleryItems } from './examples.mjs';
+export { A as AlertModalExample, D as DateTimePickerExample, P as PopupMenuExample, T as TabPagerExample } from './PopupMenuExample-DAAku8nG.mjs';
+export { A as Alert, a as AlertModalProps, b as AlertProvider, c as AlertType, u as useAlert, d as useTheme } from './types-cxHozHqF.mjs';
+export { Fonts, useFonts } from './hooks.mjs';
+export { ThemeContext } from './context.mjs';
+export { AVATAR_COLORS, Colors, Duration, DurationKey, FontFamily, FontSize, FontSizeKey, FontWeight, LineHeight, Shadow, ShadowLevel, Spacing, SpacingKey, ZIndex, ZIndexKey } from './theme.mjs';
+export { A as AppTheme, B as BaseTheme, D as DarkTheme, L as LightTheme, T as ThemeMode, a as ThemePreference, g as getTheme } from './index-tIixPl5M.mjs';
+export { getAvatarBgColor, getAvatarColor, getNameInitials, getPopulatedObject, toCamelCase } from './utils.mjs';
+export { StatusShade, StatusType, getStatusColor } from './config.mjs';
+export { U as UISize, a as UITheme } from './ui_config-LKHwCbDD.mjs';
+export { LogoutProvider, exampleScreenLayout, useGlobalLogout } from './ui.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import 'react';
+import 'react-native';
+
+type RootStackParamList = {
+    Home: undefined;
+    ComponentDetail: {
+        componentId: ComponentGalleryId;
+    };
+};
+type HomeScreenProps = NativeStackScreenProps<RootStackParamList, "Home">;
+type DetailScreenProps = NativeStackScreenProps<RootStackParamList, "ComponentDetail">;
+
+declare function GalleryHomeScreen({ navigation }: HomeScreenProps): react_jsx_runtime.JSX.Element;
+
+declare function ComponentDetailScreen({ route, navigation, }: DetailScreenProps): react_jsx_runtime.JSX.Element;
+
+export { ComponentDetailScreen, ComponentGalleryId, type DetailScreenProps, GalleryHomeScreen, type HomeScreenProps, type RootStackParamList };

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export { Accordion, AccordionItem, AccordionProps, AccordionSize, AccordionVariant, ActiveHighlight, ActivityFeed, ActivityFeedExample, ActivityFeedProps, ActivityItem, ActivityItemType, AlertModal, AnimatedListItem, AnimatedListItemProps, AutoComplete, AutoCompleteOption, AutoCompleteProps, Avatar, BACKDROP_COLOR, Badge, BadgeProps, BadgeShape, BadgeVariant, BarChart, BarChartProps, BaseFieldProps, BillingUI, BillingUIExample, BillingUIProps, BottomBar, BottomBarItem, BottomBarLayout, BottomBarLayoutProps, BottomBarProps, BottomBarTab, Breadcrumb, BreadcrumbItem, BreadcrumbProps, ButtonSize, ButtonVariant, COMMON_STATE_CONFIG, COUNTRIES, Calendar, CalendarDay, CalendarEvent, CalendarExample, CalendarGrid, CalendarHeader, CalendarMonth, CalendarProps, CardSize, CardVariant, ChartProps, Chip, ChipProps, ChipSize, ChipVariant, CollapsibleSection, CollapsibleSectionProps, CollapsibleSize, ColorPicker, ColorPickerProps, CommonState, CommonStateProps, CommonStateType, ConfirmationModal, ConfirmationModalProps, ConfirmationType, CountryCode, CustomButton, CustomButtonExample, CustomButtonProps, CustomCard, CustomCardProps, CustomCheckbox, CustomCheckboxProps, CustomDivider, CustomDividerProps, CustomField, CustomFieldProps, CustomListItem, CustomListItemProps, CustomListShimmer, CustomListShimmerProps, CustomMessageBox, CustomMessageBoxProps, CustomModal, CustomModalExample, CustomModalProps, CustomModalRef, CustomRadioGroup, CustomRadioGroupProps, CustomSwitch, CustomSwitchProps, DataColumn, DataPoint, DataTable, DataTablePagination, DataTableProps, DateTimeFieldProps, DateTimePicker, DateTimePickerHeader, DateTimePickerProps, DayCell, DayModel, DismissKeyboardView, DismissKeyboardViewProps, Drawer, DrawerProps, ENTRY_STAGGER_MS, ErrorBoundary, ErrorBoundaryProps, ErrorBoundaryState, FAB, FABAction, FABPosition, FABProps, FABSize, FIELD_SIZES, FabConfig, FieldType, FileFieldProps, FilterOption, FormContext, FormField, FormScrollView, FormScrollViewProps, FormWrapper, FormWrapperExample, FormWrapperProps, Header, HeaderProps, HeaderSize, HeaderVariant, IconWrapper, IconWrapperProps, IconWrapperShape, IconWrapperVariant, IndicatorPosition, InternalToast, InvoiceItem, InvoiceList, InvoiceListProps, KanbanBoard, KanbanBoardExample, KanbanBoardProps, KanbanCard, KanbanColumn, LINE_ANIM_DURATION, LineChart, LineChartProps, ListItemSize, Loader, LoaderProps, LoaderSize, LoaderVariant, LoginForm, LoginFormProps, MarkedDateInfo, MessageStatus, ModalHeader, ModalType, MonthYear, NetworkImage, NetworkImageDimensionValue, NetworkImageProps, NetworkStatus, NetworkStatusExample, NetworkStatusHandle, NetworkStatusPosition, NetworkStatusProps, NotificationCenter, NotificationCenterExample, NotificationCenterProps, NotificationItem, NotificationType, OtpFieldProps, PageSwipeView, PasswordStrength, PasswordStrengthProps, PhoneInput, PhoneInputProps, PickerMode, PieChart, PieChartProps, PlanItem, PopupMenu, PopupMenuItem, PopupMenuItemProps, PopupMenuProps, PopupMenuRef, PopupPlacement, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, ProgressBarSize, ProgressBarVariant, RadioOption, RatingFieldProps, SIZE_CONFIG, SearchBar, SearchBarProps, SearchBarSize, SearchWithFilters, SearchWithFiltersProps, SegmentItem, SegmentedControl, SegmentedControlProps, SelectFieldProps, SelectOption, SelectionGroup, SelectionGroupProps, SelectionItem, ShimmerVariant, SignatureFieldProps, SignupForm, SignupFormProps, Snackbar, SnackbarAction, SnackbarProps, SocialLoginButton, SocialLoginButtonProps, SocialLoginGroup, SocialLoginGroupProps, SocialLoginIconButton, SocialProvider, SpeedDial, SpeedDialAction, SpeedDialExample, SpeedDialProps, StatCard, StatCardProps, StatCardSize, StatTrend, StepItem, Stepper, StepperProps, StepperSize, StrengthLevel, SwipeAction, TIMELINE_SIZE_CONFIG, TabBar, TabBarProps, TabBarVariant, TabItem, TabPager, Text, TextAlign, TextColorShortcut, TextFieldProps, TextProps, TextVariant, TimePicker, TimeValue, Timeline, TimelineExample, TimelineItem, TimelineItemStatus, TimelineProps, TimelineRow, TimelineSize, TimelineSizeConfig, ToastConfig, ToastContextValue, ToastItem, ToastItemProps, ToastPosition, ToastProvider, ToastRef, ToastType, Tooltip, TooltipPlacement, TooltipProps, TooltipTrigger, UseNetworkStatusReturn, VARIANT_COLORS, WheelPicker, formatMonthYear, generateMonthDays, getAlertIconAndColors, getBottomBarStyles, getCalendarHeight, getCalendarMonthStyles, getDateTimePickerStyles, getDaysInMonth, getFirstDayOfMonth, getWeekNumber, isSameDay, modalStyles, timelineStyles, useDateTimePicker, useForm, useFormScroll, useModalAnimation, useNetworkStatus, useTimeHandlers, useToast } from './components.js';
+import { ComponentGalleryId } from './examples.js';
+export { BottomBarExampleScreen, CustomFieldExampleScreen, GALLERY_ITEMS, GALLERY_SECTIONS, GalleryItem, GallerySection, getGalleryItem, getGroupedGalleryItems } from './examples.js';
+export { A as AlertModalExample, D as DateTimePickerExample, P as PopupMenuExample, T as TabPagerExample } from './PopupMenuExample-DAAku8nG.js';
+export { A as Alert, a as AlertModalProps, b as AlertProvider, c as AlertType, u as useAlert, d as useTheme } from './types-cxHozHqF.js';
+export { Fonts, useFonts } from './hooks.js';
+export { ThemeContext } from './context.js';
+export { AVATAR_COLORS, Colors, Duration, DurationKey, FontFamily, FontSize, FontSizeKey, FontWeight, LineHeight, Shadow, ShadowLevel, Spacing, SpacingKey, ZIndex, ZIndexKey } from './theme.js';
+export { A as AppTheme, B as BaseTheme, D as DarkTheme, L as LightTheme, T as ThemeMode, a as ThemePreference, g as getTheme } from './index-tIixPl5M.js';
+export { getAvatarBgColor, getAvatarColor, getNameInitials, getPopulatedObject, toCamelCase } from './utils.js';
+export { StatusShade, StatusType, getStatusColor } from './config.js';
+export { U as UISize, a as UITheme } from './ui_config-LKHwCbDD.js';
+export { LogoutProvider, exampleScreenLayout, useGlobalLogout } from './ui.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import 'react';
+import 'react-native';
+
+type RootStackParamList = {
+    Home: undefined;
+    ComponentDetail: {
+        componentId: ComponentGalleryId;
+    };
+};
+type HomeScreenProps = NativeStackScreenProps<RootStackParamList, "Home">;
+type DetailScreenProps = NativeStackScreenProps<RootStackParamList, "ComponentDetail">;
+
+declare function GalleryHomeScreen({ navigation }: HomeScreenProps): react_jsx_runtime.JSX.Element;
+
+declare function ComponentDetailScreen({ route, navigation, }: DetailScreenProps): react_jsx_runtime.JSX.Element;
+
+export { ComponentDetailScreen, ComponentGalleryId, type DetailScreenProps, GalleryHomeScreen, type HomeScreenProps, type RootStackParamList };