@webority-technologies/mobile 0.0.2 → 0.0.4

package/lib/commonjs/components/index.js

@@ -15,6 +15,18 @@ Object.defineProperty(exports, "AccordionGroup", {
     return _index.AccordionGroup;
   }
 });
+Object.defineProperty(exports, "AppBar", {
+  enumerable: true,
+  get: function () {
+    return _index19.AppBar;
+  }
+});
+Object.defineProperty(exports, "AppIcon", {
+  enumerable: true,
+  get: function () {
+    return _index20.AppIcon;
+  }
+});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
@@ -117,22 +129,16 @@ Object.defineProperty(exports, "EmptyState", {
     return _index15.EmptyState;
   }
 });
-Object.defineProperty(exports, "FAB", {
+Object.defineProperty(exports, "FloatingActionButton", {
   enumerable: true,
   get: function () {
-    return _index17.FAB;
+    return _index17.FloatingActionButton;
   }
 });
-Object.defineProperty(exports, "FABGroup", {
+Object.defineProperty(exports, "FloatingActionButtonGroup", {
   enumerable: true,
   get: function () {
-    return _index17.FABGroup;
-  }
-});
-Object.defineProperty(exports, "Field", {
-  enumerable: true,
-  get: function () {
-    return _index16.Field;
+    return _index17.FloatingActionButtonGroup;
   }
 });
 Object.defineProperty(exports, "ForceUpdateDialog", {
@@ -141,16 +147,10 @@ Object.defineProperty(exports, "ForceUpdateDialog", {
     return _index18.ForceUpdateDialog;
   }
 });
-Object.defineProperty(exports, "Header", {
-  enumerable: true,
-  get: function () {
-    return _index19.Header;
-  }
-});
-Object.defineProperty(exports, "Icon", {
+Object.defineProperty(exports, "FormField", {
   enumerable: true,
   get: function () {
-    return _index20.Icon;
+    return _index16.FormField;
   }
 });
 Object.defineProperty(exports, "ImageGallery", {
@@ -171,12 +171,6 @@ Object.defineProperty(exports, "ListItem", {
     return _index23.ListItem;
   }
 });
-Object.defineProperty(exports, "LoadingSpinner", {
-  enumerable: true,
-  get: function () {
-    return _index24.LoadingSpinner;
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
@@ -267,6 +261,12 @@ Object.defineProperty(exports, "SkeletonContent", {
     return _index35.SkeletonContent;
   }
 });
+Object.defineProperty(exports, "SkeletonList", {
+  enumerable: true,
+  get: function () {
+    return _index35.SkeletonList;
+  }
+});
 Object.defineProperty(exports, "SkeletonListItem", {
   enumerable: true,
   get: function () {
@@ -285,6 +285,12 @@ Object.defineProperty(exports, "Slider", {
     return _index36.Slider;
   }
 });
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () {
+    return _index24.Spinner;
+  }
+});
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function () {
@@ -362,15 +368,15 @@ var _index12 = require("./Dialog/index.js");
 var _index13 = require("./Divider/index.js");
 var _index14 = require("./Drawer/index.js");
 var _index15 = require("./EmptyState/index.js");
-var _index16 = require("./Field/index.js");
-var _index17 = require("./FAB/index.js");
+var _index16 = require("./FormField/index.js");
+var _index17 = require("./FloatingActionButton/index.js");
 var _index18 = require("./ForceUpdateDialog/index.js");
-var _index19 = require("./Header/index.js");
-var _index20 = require("./Icon/index.js");
+var _index19 = require("./AppBar/index.js");
+var _index20 = require("./AppIcon/index.js");
 var _index21 = require("./ImageGallery/index.js");
 var _index22 = require("./Input/index.js");
 var _index23 = require("./ListItem/index.js");
-var _index24 = require("./LoadingSpinner/index.js");
+var _index24 = require("./Spinner/index.js");
 var _index25 = require("./Modal/index.js");
 var _index26 = require("./NumberInput/index.js");
 var _index27 = require("./OTPInput/index.js");
@@ -381,7 +387,7 @@ var _index31 = require("./SearchBar/index.js");
 var _index32 = require("./SegmentedControl/index.js");
 var _index33 = require("./Select/index.js");
 var _index34 = require("./Stepper/index.js");
-var _index35 = require("./SkeletonLoader/index.js");
+var _index35 = require("./Skeleton/index.js");
 var _index36 = require("./Slider/index.js");
 var _index37 = require("./Swipeable/index.js");
 var _index38 = require("./Switch/index.js");

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 {};
@@ -108,6 +108,7 @@ const SkeletonContent = ({
   variant = 'shimmer',
   speed = 'normal',
   mode = 'auto',
+  count = 1,
   style,
   testID
 }) => {
@@ -116,13 +117,18 @@ const SkeletonContent = ({
       children: children
     });
   }
+  const repeated = count > 1 ? Array.from({
+    length: count
+  }, (_, i) => /*#__PURE__*/_jsx(React.Fragment, {
+    children: children
+  }, `sk-rep-${i}`)) : children;
   if (mode === 'block') {
     return /*#__PURE__*/_jsx(BlockSkeleton, {
       style: style,
       testID: testID,
       variant: variant,
       speed: speed,
-      children: children
+      children: repeated
     });
   }
   return /*#__PURE__*/_jsx(View, {
@@ -132,7 +138,7 @@ const SkeletonContent = ({
     accessibilityLabel: "Loading",
     accessibilityRole: "progressbar",
     accessibilityLiveRegion: "polite",
-    children: skeletonizeNode(children, variant, speed)
+    children: skeletonizeNode(repeated, variant, speed)
   });
 };
 SkeletonContent.displayName = 'SkeletonContent';

package/lib/module/components/Skeleton/SkeletonList.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+import { FlatList, View } from 'react-native';
+import { SkeletonContent } from "./SkeletonContent.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Drop-in FlatList replacement that renders `placeholderCount` skeleton rows while
+ * `loading` is true, then transitions to a real `<FlatList>` of `data` once loaded.
+ *
+ * Solves the "FlatList with empty data renders nothing" problem so consumer screens
+ * don't have to maintain a separate placeholder branch.
+ *
+ * @example
+ * <SkeletonList
+ *   loading={isLoading}
+ *   data={sites}
+ *   renderItem={({ item }) => <SiteCard item={item} />}
+ *   renderPlaceholder={() => <SiteCard loading />}
+ *   placeholderCount={3}
+ *   horizontal
+ * />
+ */
+function SkeletonListInner(props) {
+  const {
+    loading,
+    data,
+    renderItem,
+    renderPlaceholder,
+    placeholderCount = 3,
+    variant,
+    speed,
+    placeholderContainerStyle,
+    horizontal,
+    contentContainerStyle,
+    style,
+    testID,
+    ...rest
+  } = props;
+  if (loading) {
+    const slots = Array.from({
+      length: Math.max(0, placeholderCount)
+    }, (_, index) => /*#__PURE__*/_jsx(React.Fragment, {
+      children: renderPlaceholder ? renderPlaceholder(index) : null
+    }, `sk-list-${index}`));
+    return /*#__PURE__*/_jsx(SkeletonContent, {
+      loading: true,
+      variant: variant,
+      speed: speed,
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [horizontal ? styles.row : styles.column, placeholderContainerStyle],
+        children: slots
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(FlatList, {
+    data: data ?? [],
+    renderItem: renderItem,
+    horizontal: horizontal,
+    contentContainerStyle: contentContainerStyle,
+    style: style,
+    testID: testID,
+    ...rest
+  });
+}
+const styles = {
+  row: {
+    flexDirection: 'row'
+  },
+  column: {
+    flexDirection: 'column'
+  }
+};
+export const SkeletonList = SkeletonListInner;
+//# sourceMappingURL=SkeletonList.js.map

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from "./Skeleton.js";
+export { SkeletonContent } from "./SkeletonContent.js";
+export { SkeletonList } from "./SkeletonList.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, SkeletonList, 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