@webority-technologies/mobile 0.0.2 → 0.0.4

package/lib/typescript/commonjs/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconFamily } from '../AppIcon';
+export type FloatingActionButtonSize = 'sm' | 'md' | 'lg';
+export type FloatingActionButtonTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
+export type FloatingActionButtonPosition = 'bottomRight' | 'bottomLeft' | 'bottomCenter';
+export interface FloatingActionButtonIconConfig {
+    name: string;
+    family?: IconFamily;
+}
+export interface FloatingActionButtonProps {
+    icon: React.ReactNode | FloatingActionButtonIconConfig;
+    onPress: () => void;
+    label?: string;
+    size?: FloatingActionButtonSize;
+    tone?: FloatingActionButtonTone;
+    position?: FloatingActionButtonPosition;
+    bottomOffset?: number;
+    disabled?: boolean;
+    hideOnScroll?: boolean;
+    isScrolling?: boolean;
+    accessibilityLabel: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<View>>;
+export interface FloatingActionButtonGroupAction {
+    key: string;
+    icon: React.ReactNode;
+    label?: string;
+    onPress: () => void;
+    tone?: FloatingActionButtonTone;
+    accessibilityLabel: string;
+}
+export interface FloatingActionButtonGroupProps {
+    primaryIcon: React.ReactNode;
+    primaryActiveIcon?: React.ReactNode;
+    actions: FloatingActionButtonGroupAction[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: FloatingActionButtonPosition;
+    bottomOffset?: number;
+    size?: FloatingActionButtonSize;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+declare const FloatingActionButtonGroup: React.FC<FloatingActionButtonGroupProps>;
+export { FloatingActionButton, FloatingActionButtonGroup };
+export default FloatingActionButton;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

package/lib/typescript/commonjs/components/FloatingActionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { FloatingActionButton, FloatingActionButtonGroup, default } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonIconConfig, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/{module/components/Field/Field.d.ts → commonjs/components/FormField/FormField.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-export type FieldLayout = 'stacked' | 'inline';
-export interface FieldProps {
+export type FormFieldLayout = 'stacked' | 'inline';
+export interface FormFieldProps {
     label?: string;
     helperText?: string;
     /**
@@ -14,7 +14,7 @@ export interface FieldProps {
     required?: boolean;
     children: React.ReactNode;
     /** 'stacked' (default): label above input. 'inline': label left, input right. */
-    layout?: FieldLayout;
+    layout?: FormFieldLayout;
     labelStyle?: StyleProp<TextStyle>;
     helperStyle?: StyleProp<TextStyle>;
     errorStyle?: StyleProp<TextStyle>;
@@ -22,7 +22,7 @@ export interface FieldProps {
     accessibilityLabel?: string;
     testID?: string;
 }
-declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<View>>;
-export { Field };
-export default Field;
-//# sourceMappingURL=Field.d.ts.map
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<View>>;
+export { FormField };
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/lib/typescript/commonjs/components/FormField/index.d.ts

@@ -0,0 +1,3 @@
+export { FormField, default } from './FormField';
+export type { FormFieldProps, FormFieldLayout } from './FormField';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/{SkeletonLoader/SkeletonLoader.d.ts → Skeleton/Skeleton.d.ts}

@@ -39,4 +39,4 @@ declare const SkeletonCard: React.FC<SkeletonCardProps>;
 declare const SkeletonListItem: React.FC<SkeletonListItemProps>;
 export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem };
 export default Skeleton;
-//# sourceMappingURL=SkeletonLoader.d.ts.map
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/{module/components/SkeletonLoader → commonjs/components/Skeleton}/SkeletonContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { SkeletonSpeed, SkeletonVariant } from './SkeletonLoader';
+import type { SkeletonSpeed, SkeletonVariant } from './Skeleton';
 export type SkeletonContentMode = 'auto' | 'block';
 export interface SkeletonContentProps {
     /** When true, replace children with skeleton placeholders. */
@@ -20,6 +20,12 @@ export interface SkeletonContentProps {
      *   cannot inspect.
      */
     mode?: SkeletonContentMode;
+    /**
+     * Repeat `children` this many times while loading. Useful for list layouts where the
+     * placeholder shape should appear N times (e.g. 3 site cards, 5 list rows). Ignored when
+     * `loading` is false. Default: `1`.
+     */
+    count?: number;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/commonjs/components/Skeleton/SkeletonList.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+import type { SkeletonSpeed, SkeletonVariant } from './Skeleton';
+export interface SkeletonListProps<ItemT> extends Omit<FlatListProps<ItemT>, 'data' | 'renderItem'> {
+    /** Whether the list is in its initial loading state. */
+    loading: boolean;
+    /** The data to render once loading is complete. */
+    data: readonly ItemT[] | null | undefined;
+    /** Renders a single real item once data is available. */
+    renderItem: FlatListProps<ItemT>['renderItem'];
+    /**
+     * Renders one placeholder row. Index is provided so callers may vary
+     * placeholder shape per slot if desired. Defaults to `null`.
+     */
+    renderPlaceholder?: (index: number) => ReactNode;
+    /** How many placeholder rows to render while loading. Default: 3. */
+    placeholderCount?: number;
+    /** Animation style — same as Skeleton. */
+    variant?: SkeletonVariant;
+    /** Animation speed — same as Skeleton. */
+    speed?: SkeletonSpeed;
+    /** Style applied to the wrapper View around the placeholders. */
+    placeholderContainerStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare const SkeletonList: <ItemT>(props: SkeletonListProps<ItemT>) => ReactElement;
+//# sourceMappingURL=SkeletonList.d.ts.map

package/lib/typescript/commonjs/components/{SkeletonLoader → Skeleton}/index.d.ts

@@ -1,5 +1,7 @@
-export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from './SkeletonLoader';
-export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonListItemProps, SkeletonVariant, SkeletonSpeed, SkeletonRadius, SkeletonWidth, SkeletonAvatarSize } from './SkeletonLoader';
+export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from './Skeleton';
+export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonListItemProps, SkeletonVariant, SkeletonSpeed, SkeletonRadius, SkeletonWidth, SkeletonAvatarSize } from './Skeleton';
 export { SkeletonContent } from './SkeletonContent';
 export type { SkeletonContentProps, SkeletonContentMode } from './SkeletonContent';
+export { SkeletonList } from './SkeletonList';
+export type { SkeletonListProps } from './SkeletonList';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Spinner/Spinner.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type SpinnerSize = 'small' | 'medium' | 'large';
+export type SpinnerVariant = 'circular' | 'dots';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    color?: string;
+    message?: string;
+    overlay?: boolean;
+    backdropColor?: string;
+    variant?: SpinnerVariant;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<View>>;
+export { Spinner };
+export default Spinner;
+//# sourceMappingURL=Spinner.d.ts.map

package/lib/typescript/commonjs/components/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner, default } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/index.d.ts

@@ -32,24 +32,24 @@ export { Drawer } from './Drawer';
 export type { DrawerProps, DrawerRef, DrawerSide } from './Drawer';
 export { EmptyState } from './EmptyState';
 export type { EmptyStateProps, EmptyStateAction, EmptyStateSize } from './EmptyState';
-export { Field } from './Field';
-export type { FieldProps, FieldLayout } from './Field';
-export { FAB, FABGroup } from './FAB';
-export type { FABProps, FABSize, FABTone, FABPosition, FABIconConfig, FABGroupProps, FABGroupAction } from './FAB';
+export { FormField } from './FormField';
+export type { FormFieldProps, FormFieldLayout } from './FormField';
+export { FloatingActionButton, FloatingActionButtonGroup } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonIconConfig, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
 export { ForceUpdateDialog } from './ForceUpdateDialog';
 export type { ForceUpdateDialogProps } from './ForceUpdateDialog';
-export { Header } from './Header';
-export type { HeaderProps, HeaderAction, HeaderVariant } from './Header';
-export { Icon } from './Icon';
-export type { IconProps, IconFamily, IconSize, IconTone } from './Icon';
+export { AppBar } from './AppBar';
+export type { AppBarProps, AppBarAction, AppBarVariant } from './AppBar';
+export { AppIcon } from './AppIcon';
+export type { AppIconProps, IconFamily, IconSize, IconTone } from './AppIcon';
 export { ImageGallery } from './ImageGallery';
 export type { ImageGalleryProps, GalleryImage } from './ImageGallery';
 export { Input } from './Input';
 export type { InputProps, InputSize, InputVariant } from './Input';
 export { ListItem } from './ListItem';
 export type { ListItemProps, ListItemSize } from './ListItem';
-export { LoadingSpinner } from './LoadingSpinner';
-export type { LoadingSpinnerProps, LoadingSpinnerSize, LoadingSpinnerVariant } from './LoadingSpinner';
+export { Spinner } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner';
 export { Modal } from './Modal';
 export type { ModalProps, ModalPresentation } from './Modal';
 export { NumberInput } from './NumberInput';
@@ -70,8 +70,8 @@ export { Select } from './Select';
 export type { SelectProps, SelectOption, SelectSize } from './Select';
 export { Stepper } from './Stepper';
 export type { StepperProps, StepperVariant, StepperStep, StepperTone } from './Stepper';
-export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonListItem, SkeletonText } from './SkeletonLoader';
-export type { SkeletonProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, SkeletonTextProps, SkeletonVariant, SkeletonSpeed } from './SkeletonLoader';
+export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonList, SkeletonListItem, SkeletonText } from './Skeleton';
+export type { SkeletonProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, SkeletonListProps, SkeletonTextProps, SkeletonVariant, SkeletonSpeed } from './Skeleton';
 export { Slider } from './Slider';
 export type { SliderProps, SliderTone, SliderSize } from './Slider';
 export { Swipeable } from './Swipeable';

package/lib/typescript/module/components/{Header/Header.d.ts → AppBar/AppBar.d.ts}

@@ -1,24 +1,24 @@
 import React from 'react';
 import { Animated, View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
-export type HeaderVariant = 'default' | 'large' | 'compact';
-export type HeaderTitleAlignment = 'left' | 'center';
-export interface HeaderAction {
+export type AppBarVariant = 'default' | 'large' | 'compact';
+export type AppBarTitleAlignment = 'left' | 'center';
+export interface AppBarAction {
     icon: React.ReactNode;
     onPress: () => void;
     accessibilityLabel?: string;
     testID?: string;
 }
-export interface HeaderRightAction extends HeaderAction {
+export interface AppBarRightAction extends AppBarAction {
     badge?: number | string;
 }
-export interface HeaderProps {
+export interface AppBarProps {
     title?: string;
     subtitle?: string;
-    titleAlignment?: HeaderTitleAlignment;
-    leftAction?: HeaderAction;
-    rightActions?: HeaderRightAction[];
-    variant?: HeaderVariant;
+    titleAlignment?: AppBarTitleAlignment;
+    leftAction?: AppBarAction;
+    rightActions?: AppBarRightAction[];
+    variant?: AppBarVariant;
     transparent?: boolean;
     /**
      * Optional ScrollView vertical offset (Animated.Value) used to drive the
@@ -30,7 +30,7 @@ export interface HeaderProps {
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
-declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<View>>;
-export { Header };
-export default Header;
-//# sourceMappingURL=Header.d.ts.map
+declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<View>>;
+export { AppBar };
+export default AppBar;
+//# sourceMappingURL=AppBar.d.ts.map

package/lib/typescript/module/components/AppBar/index.d.ts

@@ -0,0 +1,3 @@
+export { AppBar, default } from './AppBar';
+export type { AppBarProps, AppBarVariant, AppBarTitleAlignment, AppBarAction, AppBarRightAction } from './AppBar';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/{commonjs/components/Icon/Icon.d.ts → module/components/AppIcon/AppIcon.d.ts}

@@ -4,7 +4,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
 export type IconFamily = 'feather' | 'material-community' | 'material' | 'ionicons';
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
 export type IconTone = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'muted';
-export interface IconProps {
+export interface AppIconProps {
     name: string;
     family?: IconFamily;
     size?: IconSize;
@@ -14,7 +14,7 @@ export interface IconProps {
     accessibilityLabel?: string;
     testID?: string;
 }
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<View>>;
-export { Icon };
-export default Icon;
-//# sourceMappingURL=Icon.d.ts.map
+declare const AppIcon: React.ForwardRefExoticComponent<AppIconProps & React.RefAttributes<View>>;
+export { AppIcon };
+export default AppIcon;
+//# sourceMappingURL=AppIcon.d.ts.map

package/lib/typescript/module/components/AppIcon/index.d.ts

@@ -0,0 +1,3 @@
+export { AppIcon, default } from './AppIcon';
+export type { AppIconProps, IconFamily, IconSize, IconTone } from './AppIcon';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconFamily } from '../AppIcon';
+export type FloatingActionButtonSize = 'sm' | 'md' | 'lg';
+export type FloatingActionButtonTone = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
+export type FloatingActionButtonPosition = 'bottomRight' | 'bottomLeft' | 'bottomCenter';
+export interface FloatingActionButtonIconConfig {
+    name: string;
+    family?: IconFamily;
+}
+export interface FloatingActionButtonProps {
+    icon: React.ReactNode | FloatingActionButtonIconConfig;
+    onPress: () => void;
+    label?: string;
+    size?: FloatingActionButtonSize;
+    tone?: FloatingActionButtonTone;
+    position?: FloatingActionButtonPosition;
+    bottomOffset?: number;
+    disabled?: boolean;
+    hideOnScroll?: boolean;
+    isScrolling?: boolean;
+    accessibilityLabel: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<View>>;
+export interface FloatingActionButtonGroupAction {
+    key: string;
+    icon: React.ReactNode;
+    label?: string;
+    onPress: () => void;
+    tone?: FloatingActionButtonTone;
+    accessibilityLabel: string;
+}
+export interface FloatingActionButtonGroupProps {
+    primaryIcon: React.ReactNode;
+    primaryActiveIcon?: React.ReactNode;
+    actions: FloatingActionButtonGroupAction[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: FloatingActionButtonPosition;
+    bottomOffset?: number;
+    size?: FloatingActionButtonSize;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+declare const FloatingActionButtonGroup: React.FC<FloatingActionButtonGroupProps>;
+export { FloatingActionButton, FloatingActionButtonGroup };
+export default FloatingActionButton;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

package/lib/typescript/module/components/FloatingActionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { FloatingActionButton, FloatingActionButtonGroup, default } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonIconConfig, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/{commonjs/components/Field/Field.d.ts → module/components/FormField/FormField.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-export type FieldLayout = 'stacked' | 'inline';
-export interface FieldProps {
+export type FormFieldLayout = 'stacked' | 'inline';
+export interface FormFieldProps {
     label?: string;
     helperText?: string;
     /**
@@ -14,7 +14,7 @@ export interface FieldProps {
     required?: boolean;
     children: React.ReactNode;
     /** 'stacked' (default): label above input. 'inline': label left, input right. */
-    layout?: FieldLayout;
+    layout?: FormFieldLayout;
     labelStyle?: StyleProp<TextStyle>;
     helperStyle?: StyleProp<TextStyle>;
     errorStyle?: StyleProp<TextStyle>;
@@ -22,7 +22,7 @@ export interface FieldProps {
     accessibilityLabel?: string;
     testID?: string;
 }
-declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<View>>;
-export { Field };
-export default Field;
-//# sourceMappingURL=Field.d.ts.map
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<View>>;
+export { FormField };
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/lib/typescript/module/components/FormField/index.d.ts

@@ -0,0 +1,3 @@
+export { FormField, default } from './FormField';
+export type { FormFieldProps, FormFieldLayout } from './FormField';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/{SkeletonLoader/SkeletonLoader.d.ts → Skeleton/Skeleton.d.ts}

@@ -39,4 +39,4 @@ declare const SkeletonCard: React.FC<SkeletonCardProps>;
 declare const SkeletonListItem: React.FC<SkeletonListItemProps>;
 export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem };
 export default Skeleton;
-//# sourceMappingURL=SkeletonLoader.d.ts.map
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/{commonjs/components/SkeletonLoader → module/components/Skeleton}/SkeletonContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { SkeletonSpeed, SkeletonVariant } from './SkeletonLoader';
+import type { SkeletonSpeed, SkeletonVariant } from './Skeleton';
 export type SkeletonContentMode = 'auto' | 'block';
 export interface SkeletonContentProps {
     /** When true, replace children with skeleton placeholders. */
@@ -20,6 +20,12 @@ export interface SkeletonContentProps {
      *   cannot inspect.
      */
     mode?: SkeletonContentMode;
+    /**
+     * Repeat `children` this many times while loading. Useful for list layouts where the
+     * placeholder shape should appear N times (e.g. 3 site cards, 5 list rows). Ignored when
+     * `loading` is false. Default: `1`.
+     */
+    count?: number;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/module/components/Skeleton/SkeletonList.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+import type { SkeletonSpeed, SkeletonVariant } from './Skeleton';
+export interface SkeletonListProps<ItemT> extends Omit<FlatListProps<ItemT>, 'data' | 'renderItem'> {
+    /** Whether the list is in its initial loading state. */
+    loading: boolean;
+    /** The data to render once loading is complete. */
+    data: readonly ItemT[] | null | undefined;
+    /** Renders a single real item once data is available. */
+    renderItem: FlatListProps<ItemT>['renderItem'];
+    /**
+     * Renders one placeholder row. Index is provided so callers may vary
+     * placeholder shape per slot if desired. Defaults to `null`.
+     */
+    renderPlaceholder?: (index: number) => ReactNode;
+    /** How many placeholder rows to render while loading. Default: 3. */
+    placeholderCount?: number;
+    /** Animation style — same as Skeleton. */
+    variant?: SkeletonVariant;
+    /** Animation speed — same as Skeleton. */
+    speed?: SkeletonSpeed;
+    /** Style applied to the wrapper View around the placeholders. */
+    placeholderContainerStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare const SkeletonList: <ItemT>(props: SkeletonListProps<ItemT>) => ReactElement;
+//# sourceMappingURL=SkeletonList.d.ts.map

package/lib/typescript/module/components/{SkeletonLoader → Skeleton}/index.d.ts

@@ -1,5 +1,7 @@
-export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from './SkeletonLoader';
-export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonListItemProps, SkeletonVariant, SkeletonSpeed, SkeletonRadius, SkeletonWidth, SkeletonAvatarSize } from './SkeletonLoader';
+export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from './Skeleton';
+export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonListItemProps, SkeletonVariant, SkeletonSpeed, SkeletonRadius, SkeletonWidth, SkeletonAvatarSize } from './Skeleton';
 export { SkeletonContent } from './SkeletonContent';
 export type { SkeletonContentProps, SkeletonContentMode } from './SkeletonContent';
+export { SkeletonList } from './SkeletonList';
+export type { SkeletonListProps } from './SkeletonList';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Spinner/Spinner.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type SpinnerSize = 'small' | 'medium' | 'large';
+export type SpinnerVariant = 'circular' | 'dots';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    color?: string;
+    message?: string;
+    overlay?: boolean;
+    backdropColor?: string;
+    variant?: SpinnerVariant;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<View>>;
+export { Spinner };
+export default Spinner;
+//# sourceMappingURL=Spinner.d.ts.map

package/lib/typescript/module/components/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner, default } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/index.d.ts

@@ -32,24 +32,24 @@ export { Drawer } from './Drawer';
 export type { DrawerProps, DrawerRef, DrawerSide } from './Drawer';
 export { EmptyState } from './EmptyState';
 export type { EmptyStateProps, EmptyStateAction, EmptyStateSize } from './EmptyState';
-export { Field } from './Field';
-export type { FieldProps, FieldLayout } from './Field';
-export { FAB, FABGroup } from './FAB';
-export type { FABProps, FABSize, FABTone, FABPosition, FABIconConfig, FABGroupProps, FABGroupAction } from './FAB';
+export { FormField } from './FormField';
+export type { FormFieldProps, FormFieldLayout } from './FormField';
+export { FloatingActionButton, FloatingActionButtonGroup } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonIconConfig, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
 export { ForceUpdateDialog } from './ForceUpdateDialog';
 export type { ForceUpdateDialogProps } from './ForceUpdateDialog';
-export { Header } from './Header';
-export type { HeaderProps, HeaderAction, HeaderVariant } from './Header';
-export { Icon } from './Icon';
-export type { IconProps, IconFamily, IconSize, IconTone } from './Icon';
+export { AppBar } from './AppBar';
+export type { AppBarProps, AppBarAction, AppBarVariant } from './AppBar';
+export { AppIcon } from './AppIcon';
+export type { AppIconProps, IconFamily, IconSize, IconTone } from './AppIcon';
 export { ImageGallery } from './ImageGallery';
 export type { ImageGalleryProps, GalleryImage } from './ImageGallery';
 export { Input } from './Input';
 export type { InputProps, InputSize, InputVariant } from './Input';
 export { ListItem } from './ListItem';
 export type { ListItemProps, ListItemSize } from './ListItem';
-export { LoadingSpinner } from './LoadingSpinner';
-export type { LoadingSpinnerProps, LoadingSpinnerSize, LoadingSpinnerVariant } from './LoadingSpinner';
+export { Spinner } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner';
 export { Modal } from './Modal';
 export type { ModalProps, ModalPresentation } from './Modal';
 export { NumberInput } from './NumberInput';
@@ -70,8 +70,8 @@ export { Select } from './Select';
 export type { SelectProps, SelectOption, SelectSize } from './Select';
 export { Stepper } from './Stepper';
 export type { StepperProps, StepperVariant, StepperStep, StepperTone } from './Stepper';
-export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonListItem, SkeletonText } from './SkeletonLoader';
-export type { SkeletonProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, SkeletonTextProps, SkeletonVariant, SkeletonSpeed } from './SkeletonLoader';
+export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonList, SkeletonListItem, SkeletonText } from './Skeleton';
+export type { SkeletonProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, SkeletonListProps, SkeletonTextProps, SkeletonVariant, SkeletonSpeed } from './Skeleton';
 export { Slider } from './Slider';
 export type { SliderProps, SliderTone, SliderSize } from './Slider';
 export { Swipeable } from './Swipeable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority-technologies/mobile",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Beautiful, animated, accessible React Native components plus API/auth/logging/network/storage utilities for Webority projects.",
   "keywords": [
     "react-native",
@@ -73,7 +73,7 @@
     "react-native-gesture-handler": "^2.21.0",
     "react-native-keychain": ">=9.0.0",
     "react-native-permissions": ">=4.0.0",
-    "react-native-reanimated": "^3.16.0 || ^4.0.0",
+    "react-native-reanimated": "^4.0.0",
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-vector-icons": "^10.2.0"
   },

package/lib/module/components/FAB/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { FAB, FABGroup, default } from "./FAB.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/Field/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { Field, default } from "./Field.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/Header/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { Header, default } from "./Header.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/Icon/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { Icon, default } from "./Icon.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/LoadingSpinner/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { LoadingSpinner, default } from "./LoadingSpinner.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/SkeletonLoader/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from "./SkeletonLoader.js";
-export { SkeletonContent } from "./SkeletonContent.js";
-//# sourceMappingURL=index.js.map