@webority-technologies/mobile 0.0.1 → 0.0.3

package/lib/module/components/{Header/Header.js → AppBar/AppBar.js}

@@ -90,7 +90,7 @@ const ActionButton = ({
 const COLLAPSE_RANGE = 60;
 const LARGE_TITLE_SCALE_END = 0.71; // 2xl(24) -> lg(~17) ≈ 0.71
 
-const Header = /*#__PURE__*/forwardRef((props, ref) => {
+const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     title,
     subtitle,
@@ -227,12 +227,12 @@ const Header = /*#__PURE__*/forwardRef((props, ref) => {
         children: rightActions?.map((action, index) => /*#__PURE__*/_jsx(ActionButton, {
           action: action,
           side: "right"
-        }, `header-right-${index}`))
+        }, `appbar-right-${index}`))
       })]
     })]
   });
 });
-Header.displayName = 'Header';
+AppBar.displayName = 'AppBar';
 const buildStyles = theme => StyleSheet.create({
   root: {
     width: '100%'
@@ -330,6 +330,6 @@ const buildActionStyles = theme => StyleSheet.create({
     lineHeight: 12
   }
 });
-export { Header };
-export default Header;
-//# sourceMappingURL=Header.js.map
+export { AppBar };
+export default AppBar;
+//# sourceMappingURL=AppBar.js.map

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

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

package/lib/module/components/{Icon/Icon.js → AppIcon/AppIcon.js}

@@ -60,7 +60,7 @@ const resolveFamily = family => {
       return Feather;
   }
 };
-const Icon = /*#__PURE__*/forwardRef((props, ref) => {
+const AppIcon = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     name,
     family = 'feather',
@@ -99,13 +99,13 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     })
   });
 });
-Icon.displayName = 'Icon';
+AppIcon.displayName = 'AppIcon';
 const buildStyles = () => StyleSheet.create({
   wrapper: {
     alignItems: 'center',
     justifyContent: 'center'
   }
 });
-export { Icon };
-export default Icon;
-//# sourceMappingURL=Icon.js.map
+export { AppIcon };
+export default AppIcon;
+//# sourceMappingURL=AppIcon.js.map

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

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

package/lib/module/components/{FAB/FAB.js → FloatingActionButton/FloatingActionButton.js}

@@ -6,7 +6,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from "../../theme/index.js";
 import { usePressAnimation } from "../../hooks/usePressAnimation.js";
 import { triggerHaptic } from "../../utils/hapticUtils.js";
-import { Icon } from "../Icon/index.js";
+import { AppIcon } from "../AppIcon/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const sizeMap = {
   sm: {
@@ -50,7 +50,7 @@ const toneForeground = (theme, tone) => {
 const isIconConfig = value => {
   return typeof value === 'object' && value !== null && ! /*#__PURE__*/React.isValidElement(value) && typeof value.name === 'string';
 };
-const FAB = /*#__PURE__*/forwardRef((props, ref) => {
+const FloatingActionButton = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     icon,
     onPress,
@@ -104,7 +104,7 @@ const FAB = /*#__PURE__*/forwardRef((props, ref) => {
     triggerHaptic('impactLight');
     onPress();
   };
-  const renderedIcon = isIconConfig(icon) ? /*#__PURE__*/_jsx(Icon, {
+  const renderedIcon = isIconConfig(icon) ? /*#__PURE__*/_jsx(AppIcon, {
     name: icon.name,
     family: icon.family ?? 'feather',
     size: sizeStyles.iconSize,
@@ -190,7 +190,7 @@ const FAB = /*#__PURE__*/forwardRef((props, ref) => {
     })
   });
 });
-FAB.displayName = 'FAB';
+FloatingActionButton.displayName = 'FloatingActionButton';
 const buildStyles = _theme => StyleSheet.create({
   base: {
     flexDirection: 'row',
@@ -204,14 +204,14 @@ const buildStyles = _theme => StyleSheet.create({
 });
 
 // =====================================================================
-// FABGroup — speed-dial: primary FAB that expands radially upward into
-// N secondary FABs. Animations use the native driver (opacity, transform)
+// FloatingActionButtonGroup — speed-dial: primary button that expands radially upward into
+// N secondary buttons. Animations use the native driver (opacity, transform)
 // so they remain smooth during JS thread work.
 // =====================================================================
 
 const SECONDARY_GAP = 16;
 const STAGGER_MS = 50;
-const FABGroup = props => {
+const FloatingActionButtonGroup = props => {
   const {
     primaryIcon,
     primaryActiveIcon,
@@ -447,6 +447,6 @@ const buildGroupStyles = _theme => StyleSheet.create({
     alignSelf: 'center'
   }
 });
-export { FAB, FABGroup };
-export default FAB;
-//# sourceMappingURL=FAB.js.map
+export { FloatingActionButton, FloatingActionButtonGroup };
+export default FloatingActionButton;
+//# sourceMappingURL=FloatingActionButton.js.map

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

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

package/lib/module/components/{Field/Field.js → FormField/FormField.js}

@@ -4,7 +4,7 @@ import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
 import { Animated, StyleSheet, Text, View } from 'react-native';
 import { useTheme } from "../../theme/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const Field = /*#__PURE__*/forwardRef((props, ref) => {
+const FormField = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     label,
     helperText,
@@ -78,7 +78,7 @@ const Field = /*#__PURE__*/forwardRef((props, ref) => {
     }) : null]
   });
 });
-Field.displayName = 'Field';
+FormField.displayName = 'FormField';
 const buildStyles = theme => StyleSheet.create({
   rootStacked: {
     flexDirection: 'column',
@@ -118,6 +118,6 @@ const buildStyles = theme => StyleSheet.create({
     color: theme.colors.error
   }
 });
-export { Field };
-export default Field;
-//# sourceMappingURL=Field.js.map
+export { FormField };
+export default FormField;
+//# sourceMappingURL=FormField.js.map

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

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

package/lib/module/components/ImageGallery/ImageGallery.js

@@ -24,7 +24,7 @@ import { Dimensions, Image, Modal as RNModal, Pressable, StyleSheet, Text, View
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { Carousel } from "../Carousel/index.js";
-import { Icon } from "../Icon/index.js";
+import { AppIcon } from "../AppIcon/index.js";
 import { useTheme } from "../../theme/index.js";
 import { triggerHaptic } from "../../utils/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -187,7 +187,7 @@ const Lightbox = ({
         accessibilityLabel: "Close gallery",
         style: styles.closeButton,
         hitSlop: 12,
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsx(AppIcon, {
           name: "x",
           family: "feather",
           size: "lg",

package/lib/module/components/SearchBar/SearchBar.js

@@ -5,7 +5,7 @@ import { Animated, Easing, Pressable, StyleSheet, Text, TextInput, View } from '
 import { useTheme } from "../../theme/index.js";
 import { triggerHaptic } from "../../utils/hapticUtils.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
-import { Icon } from "../Icon/index.js";
+import { AppIcon } from "../AppIcon/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const sizeMap = {
   sm: {
@@ -148,7 +148,7 @@ const SearchBar = /*#__PURE__*/forwardRef((props, ref) => {
         style: [styles.leftSlot, {
           marginRight: sizeStyles.gap
         }],
-        children: leftIcon ? leftIcon : /*#__PURE__*/_jsx(Icon, {
+        children: leftIcon ? leftIcon : /*#__PURE__*/_jsx(AppIcon, {
           name: "search",
           family: "feather",
           size: sizeStyles.iconSize,
@@ -184,7 +184,7 @@ const SearchBar = /*#__PURE__*/forwardRef((props, ref) => {
         style: [styles.rightSlot, {
           marginLeft: sizeStyles.gap
         }],
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsx(AppIcon, {
           name: "x",
           family: "feather",
           size: sizeStyles.iconSize,

package/lib/module/components/{SkeletonLoader/SkeletonLoader.js → Skeleton/Skeleton.js}

@@ -298,4 +298,4 @@ const buildStyles = _theme => StyleSheet.create({
 });
 export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem };
 export default Skeleton;
-//# sourceMappingURL=SkeletonLoader.js.map
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/components/{SkeletonLoader → Skeleton}/SkeletonContent.js

@@ -2,7 +2,7 @@
 
 import React, { Children, cloneElement, isValidElement, useState } from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
-import { Skeleton } from "./SkeletonLoader.js";
+import { Skeleton } from "./Skeleton.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const flattenStyle = style => {
   if (!style) return {};

package/lib/module/components/{SkeletonLoader → Skeleton}/index.js

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

package/lib/module/components/{LoadingSpinner/LoadingSpinner.js → Spinner/Spinner.js}

@@ -48,7 +48,7 @@ const Dot = ({
     }
   });
 };
-const LoadingSpinner = /*#__PURE__*/forwardRef((props, ref) => {
+const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     size = 'medium',
     color,
@@ -139,7 +139,7 @@ const LoadingSpinner = /*#__PURE__*/forwardRef((props, ref) => {
     children: inner
   });
 });
-LoadingSpinner.displayName = 'LoadingSpinner';
+Spinner.displayName = 'Spinner';
 const buildStyles = theme => StyleSheet.create({
   inline: {
     alignItems: 'center',
@@ -174,6 +174,6 @@ const buildStyles = theme => StyleSheet.create({
     textAlign: 'center'
   }
 });
-export { LoadingSpinner };
-export default LoadingSpinner;
-//# sourceMappingURL=LoadingSpinner.js.map
+export { Spinner };
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

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

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

package/lib/module/components/index.js

@@ -17,15 +17,15 @@ export { Dialog } from "./Dialog/index.js";
 export { Divider } from "./Divider/index.js";
 export { Drawer } from "./Drawer/index.js";
 export { EmptyState } from "./EmptyState/index.js";
-export { Field } from "./Field/index.js";
-export { FAB, FABGroup } from "./FAB/index.js";
+export { FormField } from "./FormField/index.js";
+export { FloatingActionButton, FloatingActionButtonGroup } from "./FloatingActionButton/index.js";
 export { ForceUpdateDialog } from "./ForceUpdateDialog/index.js";
-export { Header } from "./Header/index.js";
-export { Icon } from "./Icon/index.js";
+export { AppBar } from "./AppBar/index.js";
+export { AppIcon } from "./AppIcon/index.js";
 export { ImageGallery } from "./ImageGallery/index.js";
 export { Input } from "./Input/index.js";
 export { ListItem } from "./ListItem/index.js";
-export { LoadingSpinner } from "./LoadingSpinner/index.js";
+export { Spinner } from "./Spinner/index.js";
 export { Modal } from "./Modal/index.js";
 export { NumberInput } from "./NumberInput/index.js";
 export { OTPInput } from "./OTPInput/index.js";
@@ -36,7 +36,7 @@ export { SearchBar } from "./SearchBar/index.js";
 export { SegmentedControl } from "./SegmentedControl/index.js";
 export { Select } from "./Select/index.js";
 export { Stepper } from "./Stepper/index.js";
-export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonListItem, SkeletonText } from "./SkeletonLoader/index.js";
+export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonListItem, SkeletonText } from "./Skeleton/index.js";
 export { Slider } from "./Slider/index.js";
 export { Swipeable } from "./Swipeable/index.js";
 export { Switch } from "./Switch/index.js";

package/lib/typescript/commonjs/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/commonjs/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/{module/components/Icon/Icon.d.ts → commonjs/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/commonjs/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/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/commonjs/components/{SkeletonLoader → 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. */

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

@@ -1,5 +1,5 @@
-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';
 //# 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, SkeletonListItem, SkeletonText } from './Skeleton';
+export type { SkeletonProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, 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