@webority-technologies/mobile 0.0.2 → 0.0.4

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Header = void 0;
+exports.default = exports.AppBar = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
@@ -95,7 +95,7 @@ const ActionButton = ({
 const COLLAPSE_RANGE = 60;
 const LARGE_TITLE_SCALE_END = 0.71; // 2xl(24) -> lg(~17) ≈ 0.71
 
-const Header = exports.Header = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const AppBar = exports.AppBar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     title,
     subtitle,
@@ -232,12 +232,12 @@ const Header = exports.Header = /*#__PURE__*/(0, _react.forwardRef)((props, ref)
         children: rightActions?.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionButton, {
           action: action,
           side: "right"
-        }, `header-right-${index}`))
+        }, `appbar-right-${index}`))
       })]
     })]
   });
 });
-Header.displayName = 'Header';
+AppBar.displayName = 'AppBar';
 const buildStyles = theme => _reactNative.StyleSheet.create({
   root: {
     width: '100%'
@@ -335,5 +335,5 @@ const buildActionStyles = theme => _reactNative.StyleSheet.create({
     lineHeight: 12
   }
 });
-var _default = exports.default = Header;
-//# sourceMappingURL=Header.js.map
+var _default = exports.default = AppBar;
+//# sourceMappingURL=AppBar.js.map

package/lib/commonjs/components/{Header → AppBar}/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Header", {
+Object.defineProperty(exports, "AppBar", {
   enumerable: true,
   get: function () {
-    return _Header.Header;
+    return _AppBar.AppBar;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Header.default;
+    return _AppBar.default;
   }
 });
-var _Header = _interopRequireWildcard(require("./Header.js"));
+var _AppBar = _interopRequireWildcard(require("./AppBar.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Icon = void 0;
+exports.default = exports.AppIcon = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _Feather = _interopRequireDefault(require("react-native-vector-icons/Feather"));
@@ -70,7 +70,7 @@ const resolveFamily = family => {
       return _Feather.default;
   }
 };
-const Icon = exports.Icon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const AppIcon = exports.AppIcon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     name,
     family = 'feather',
@@ -109,12 +109,12 @@ const Icon = exports.Icon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     })
   });
 });
-Icon.displayName = 'Icon';
+AppIcon.displayName = 'AppIcon';
 const buildStyles = () => _reactNative.StyleSheet.create({
   wrapper: {
     alignItems: 'center',
     justifyContent: 'center'
   }
 });
-var _default = exports.default = Icon;
-//# sourceMappingURL=Icon.js.map
+var _default = exports.default = AppIcon;
+//# sourceMappingURL=AppIcon.js.map

package/lib/commonjs/components/{Icon → AppIcon}/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Icon", {
+Object.defineProperty(exports, "AppIcon", {
   enumerable: true,
   get: function () {
-    return _Icon.Icon;
+    return _AppIcon.AppIcon;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Icon.default;
+    return _AppIcon.default;
   }
 });
-var _Icon = _interopRequireWildcard(require("./Icon.js"));
+var _AppIcon = _interopRequireWildcard(require("./AppIcon.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FABGroup = exports.FAB = void 0;
+exports.default = exports.FloatingActionButtonGroup = exports.FloatingActionButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _index = require("../../theme/index.js");
 var _usePressAnimation = require("../../hooks/usePressAnimation.js");
 var _hapticUtils = require("../../utils/hapticUtils.js");
-var _index2 = require("../Icon/index.js");
+var _index2 = require("../AppIcon/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const sizeMap = {
@@ -55,7 +55,7 @@ const toneForeground = (theme, tone) => {
 const isIconConfig = value => {
   return typeof value === 'object' && value !== null && ! /*#__PURE__*/_react.default.isValidElement(value) && typeof value.name === 'string';
 };
-const FAB = exports.FAB = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const FloatingActionButton = exports.FloatingActionButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     icon,
     onPress,
@@ -109,7 +109,7 @@ const FAB = exports.FAB = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     (0, _hapticUtils.triggerHaptic)('impactLight');
     onPress();
   };
-  const renderedIcon = isIconConfig(icon) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+  const renderedIcon = isIconConfig(icon) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AppIcon, {
     name: icon.name,
     family: icon.family ?? 'feather',
     size: sizeStyles.iconSize,
@@ -195,7 +195,7 @@ const FAB = exports.FAB = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     })
   });
 });
-FAB.displayName = 'FAB';
+FloatingActionButton.displayName = 'FloatingActionButton';
 const buildStyles = _theme => _reactNative.StyleSheet.create({
   base: {
     flexDirection: 'row',
@@ -209,14 +209,14 @@ const buildStyles = _theme => _reactNative.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,
@@ -437,7 +437,7 @@ const FABGroup = props => {
     })]
   });
 };
-exports.FABGroup = FABGroup;
+exports.FloatingActionButtonGroup = FloatingActionButtonGroup;
 const buildGroupStyles = _theme => _reactNative.StyleSheet.create({
   fabBase: {
     flexDirection: 'row',
@@ -453,5 +453,5 @@ const buildGroupStyles = _theme => _reactNative.StyleSheet.create({
     alignSelf: 'center'
   }
 });
-var _default = exports.default = FAB;
-//# sourceMappingURL=FAB.js.map
+var _default = exports.default = FloatingActionButton;
+//# sourceMappingURL=FloatingActionButton.js.map

package/lib/commonjs/components/{FAB → FloatingActionButton}/index.js

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FAB", {
+Object.defineProperty(exports, "FloatingActionButton", {
   enumerable: true,
   get: function () {
-    return _FAB.FAB;
+    return _FloatingActionButton.FloatingActionButton;
   }
 });
-Object.defineProperty(exports, "FABGroup", {
+Object.defineProperty(exports, "FloatingActionButtonGroup", {
   enumerable: true,
   get: function () {
-    return _FAB.FABGroup;
+    return _FloatingActionButton.FloatingActionButtonGroup;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _FAB.default;
+    return _FloatingActionButton.default;
   }
 });
-var _FAB = _interopRequireWildcard(require("./FAB.js"));
+var _FloatingActionButton = _interopRequireWildcard(require("./FloatingActionButton.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Field = void 0;
+exports.default = exports.FormField = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _index = require("../../theme/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Field = exports.Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const FormField = exports.FormField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     label,
     helperText,
@@ -83,7 +83,7 @@ const Field = exports.Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =
     }) : null]
   });
 });
-Field.displayName = 'Field';
+FormField.displayName = 'FormField';
 const buildStyles = theme => _reactNative.StyleSheet.create({
   rootStacked: {
     flexDirection: 'column',
@@ -123,5 +123,5 @@ const buildStyles = theme => _reactNative.StyleSheet.create({
     color: theme.colors.error
   }
 });
-var _default = exports.default = Field;
-//# sourceMappingURL=Field.js.map
+var _default = exports.default = FormField;
+//# sourceMappingURL=FormField.js.map

package/lib/commonjs/components/{LoadingSpinner → FormField}/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "LoadingSpinner", {
+Object.defineProperty(exports, "FormField", {
   enumerable: true,
   get: function () {
-    return _LoadingSpinner.LoadingSpinner;
+    return _FormField.FormField;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _LoadingSpinner.default;
+    return _FormField.default;
   }
 });
-var _LoadingSpinner = _interopRequireWildcard(require("./LoadingSpinner.js"));
+var _FormField = _interopRequireWildcard(require("./FormField.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ImageGallery/ImageGallery.js

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _index = require("../Carousel/index.js");
-var _index2 = require("../Icon/index.js");
+var _index2 = require("../AppIcon/index.js");
 var _index3 = require("../../theme/index.js");
 var _index4 = require("../../utils/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -193,7 +193,7 @@ const Lightbox = ({
         accessibilityLabel: "Close gallery",
         style: styles.closeButton,
         hitSlop: 12,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AppIcon, {
           name: "x",
           family: "feather",
           size: "lg",

package/lib/commonjs/components/SearchBar/SearchBar.js

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 var _index = require("../../theme/index.js");
 var _hapticUtils = require("../../utils/hapticUtils.js");
 var _useDebounce = require("../../hooks/useDebounce.js");
-var _index2 = require("../Icon/index.js");
+var _index2 = require("../AppIcon/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const sizeMap = {
@@ -153,7 +153,7 @@ const SearchBar = exports.SearchBar = /*#__PURE__*/(0, _react.forwardRef)((props
         style: [styles.leftSlot, {
           marginRight: sizeStyles.gap
         }],
-        children: leftIcon ? leftIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+        children: leftIcon ? leftIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AppIcon, {
           name: "search",
           family: "feather",
           size: sizeStyles.iconSize,
@@ -189,7 +189,7 @@ const SearchBar = exports.SearchBar = /*#__PURE__*/(0, _react.forwardRef)((props
         style: [styles.rightSlot, {
           marginLeft: sizeStyles.gap
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.AppIcon, {
           name: "x",
           family: "feather",
           size: sizeStyles.iconSize,

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

@@ -308,4 +308,4 @@ const buildStyles = _theme => _reactNative.StyleSheet.create({
   }
 });
 var _default = exports.default = Skeleton;
-//# sourceMappingURL=SkeletonLoader.js.map
+//# sourceMappingURL=Skeleton.js.map

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SkeletonContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _SkeletonLoader = require("./SkeletonLoader.js");
+var _Skeleton = require("./Skeleton.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const flattenStyle = style => {
@@ -30,7 +30,7 @@ const resolveRadius = (raw, fallback) => {
 const skeletonizeNode = (node, variant, speed, keyHint = 'r') => {
   if (node == null || typeof node === 'boolean') return null;
   if (typeof node === 'string' || typeof node === 'number') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonLoader.Skeleton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
       width: "60%",
       height: 14,
       radius: "sm",
@@ -52,7 +52,7 @@ const skeletonizeNode = (node, variant, speed, keyHint = 'r') => {
     const width = resolveWidth(elementStyle.width, '100%');
     const height = typeof elementStyle.height === 'number' ? elementStyle.height : 120;
     const radius = resolveRadius(elementStyle.borderRadius, 'sm');
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonLoader.Skeleton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
       width: width,
       height: height,
       radius: radius,
@@ -68,7 +68,7 @@ const skeletonizeNode = (node, variant, speed, keyHint = 'r') => {
   if (elementType === _reactNative.Text) {
     const fontSize = typeof elementStyle.fontSize === 'number' ? elementStyle.fontSize : 14;
     const width = resolveWidth(elementStyle.width, '85%');
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonLoader.Skeleton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
       width: width,
       height: Math.round(fontSize * 1.15),
       radius: "sm",
@@ -92,7 +92,7 @@ const skeletonizeNode = (node, variant, speed, keyHint = 'r') => {
     const width = resolveWidth(elementStyle.width, '100%');
     const height = typeof elementStyle.height === 'number' ? elementStyle.height : 20;
     const radius = resolveRadius(elementStyle.borderRadius, 'sm');
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonLoader.Skeleton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
       width: width,
       height: height,
       radius: radius,
@@ -113,6 +113,7 @@ const SkeletonContent = ({
   variant = 'shimmer',
   speed = 'normal',
   mode = 'auto',
+  count = 1,
   style,
   testID
 }) => {
@@ -121,13 +122,18 @@ const SkeletonContent = ({
       children: children
     });
   }
+  const repeated = count > 1 ? Array.from({
+    length: count
+  }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: children
+  }, `sk-rep-${i}`)) : children;
   if (mode === 'block') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockSkeleton, {
       style: style,
       testID: testID,
       variant: variant,
       speed: speed,
-      children: children
+      children: repeated
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -137,7 +143,7 @@ const SkeletonContent = ({
     accessibilityLabel: "Loading",
     accessibilityRole: "progressbar",
     accessibilityLiveRegion: "polite",
-    children: skeletonizeNode(children, variant, speed)
+    children: skeletonizeNode(repeated, variant, speed)
   });
 };
 exports.SkeletonContent = SkeletonContent;
@@ -177,7 +183,7 @@ const BlockSkeleton = ({
     }), size != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: _reactNative.StyleSheet.absoluteFill,
       pointerEvents: "none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonLoader.Skeleton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
         width: size.width,
         height: size.height,
         radius: "md",

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _SkeletonContent = require("./SkeletonContent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: renderPlaceholder ? renderPlaceholder(index) : null
+    }, `sk-list-${index}`));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonContent.SkeletonContent, {
+      loading: true,
+      variant: variant,
+      speed: speed,
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [horizontal ? styles.row : styles.column, placeholderContainerStyle],
+        children: slots
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    data: data ?? [],
+    renderItem: renderItem,
+    horizontal: horizontal,
+    contentContainerStyle: contentContainerStyle,
+    style: style,
+    testID: testID,
+    ...rest
+  });
+}
+const styles = {
+  row: {
+    flexDirection: 'row'
+  },
+  column: {
+    flexDirection: 'column'
+  }
+};
+const SkeletonList = exports.SkeletonList = SkeletonListInner;
+//# sourceMappingURL=SkeletonList.js.map

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

@@ -6,25 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.Skeleton;
+    return _Skeleton.Skeleton;
   }
 });
 Object.defineProperty(exports, "SkeletonAvatar", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.SkeletonAvatar;
+    return _Skeleton.SkeletonAvatar;
   }
 });
 Object.defineProperty(exports, "SkeletonCard", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.SkeletonCard;
+    return _Skeleton.SkeletonCard;
   }
 });
 Object.defineProperty(exports, "SkeletonCircle", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.SkeletonCircle;
+    return _Skeleton.SkeletonCircle;
   }
 });
 Object.defineProperty(exports, "SkeletonContent", {
@@ -33,25 +33,32 @@ Object.defineProperty(exports, "SkeletonContent", {
     return _SkeletonContent.SkeletonContent;
   }
 });
+Object.defineProperty(exports, "SkeletonList", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonList.SkeletonList;
+  }
+});
 Object.defineProperty(exports, "SkeletonListItem", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.SkeletonListItem;
+    return _Skeleton.SkeletonListItem;
   }
 });
 Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.SkeletonText;
+    return _Skeleton.SkeletonText;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _SkeletonLoader.default;
+    return _Skeleton.default;
   }
 });
-var _SkeletonLoader = _interopRequireWildcard(require("./SkeletonLoader.js"));
+var _Skeleton = _interopRequireWildcard(require("./Skeleton.js"));
 var _SkeletonContent = require("./SkeletonContent.js");
+var _SkeletonList = require("./SkeletonList.js");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LoadingSpinner = void 0;
+exports.default = exports.Spinner = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _index = require("../../theme/index.js");
@@ -53,7 +53,7 @@ const Dot = ({
     }
   });
 };
-const LoadingSpinner = exports.LoadingSpinner = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     size = 'medium',
     color,
@@ -144,7 +144,7 @@ const LoadingSpinner = exports.LoadingSpinner = /*#__PURE__*/(0, _react.forwardR
     children: inner
   });
 });
-LoadingSpinner.displayName = 'LoadingSpinner';
+Spinner.displayName = 'Spinner';
 const buildStyles = theme => _reactNative.StyleSheet.create({
   inline: {
     alignItems: 'center',
@@ -179,5 +179,5 @@ const buildStyles = theme => _reactNative.StyleSheet.create({
     textAlign: 'center'
   }
 });
-var _default = exports.default = LoadingSpinner;
-//# sourceMappingURL=LoadingSpinner.js.map
+var _default = exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/lib/commonjs/components/{Field → Spinner}/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Field", {
+Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () {
-    return _Field.Field;
+    return _Spinner.Spinner;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Field.default;
+    return _Spinner.default;
   }
 });
-var _Field = _interopRequireWildcard(require("./Field.js"));
+var _Spinner = _interopRequireWildcard(require("./Spinner.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map