react-native-skelo 0.0.1 → 0.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shubhanshu Barnwal <connect@shubhanshubb.dev> (https://shubhanshubb.dev)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,41 +2,170 @@
 
 # react-native-skelo
 
-### 🚧 Coming soon
+**Write your UI once. Skelo builds the loading state automatically.**
 
-**Automatic skeleton loading for React Native.**
-Write your UI once — Skelo builds the loading state automatically.
+[![npm](https://img.shields.io/npm/v/react-native-skelo)](https://www.npmjs.com/package/react-native-skelo)
+[![license](https://img.shields.io/npm/l/react-native-skelo)](./LICENSE)
 
 </div>
 
----
+> ⚠️ **Pre-release (`0.0.x`).** Early and evolving — the API may change. The first **stable** release will be **`0.1.0`**. The `deep` engine is experimental — see [caveats](#deep-mode-caveats-experimental).
+
+Skeleton loading screens usually mean building — and maintaining — a second copy of your UI. Skelo derives the skeleton from the UI you already wrote.
 
 ```tsx
-// Instead of hand-building skeleton screens:
-<Skeleton loading={loading}>
+import { Skeleton } from 'react-native-skelo';
+
+<Skeleton loading={isLoading}>
+  <View style={styles.card}>
+    <Image style={styles.avatar} />
+    <Text style={styles.name}>{user.name}</Text>
+  </View>
+</Skeleton>
+```
+
+While `loading`, Skelo reads the tree and its styles and renders a matching skeleton (circle avatar, text bar). When `loading` is `false`, it renders your real content.
+
+## Installation
+
+```bash
+npm install react-native-skelo react-native-reanimated
+```
+
+That's all you need for the basic (inline) and `styles` usage. The shimmer uses
+React Native's built-in `experimental_backgroundImage` gradient (New
+Architecture) — no gradient library required.
+
+### To enable `deep` mode (optional)
+
+`deep` mode is opt-in so the core library never bundles a reconciler you don't
+use. Install `react-reconciler` (matching your React version) and import the
+deep entry **once** in your app's entry file:
+
+```bash
+# React 19:
+npm install react-reconciler@0.31.0
+# React 18:
+npm install react-reconciler@0.29.2
+```
+
+```js
+// index.js (app entry)
+import 'react-native-skelo/deep';
+```
+
+Without this, `<Skeleton deep>` simply falls back to static parsing (no crash).
+
+## Usage
+
+### Basic — inline host elements
+
+Skelo traverses the `View` / `Text` / `Image` tree you pass and mirrors it:
+
+```tsx
+<Skeleton loading={loading} animation="shimmer">
+  <View style={styles.row}>
+    <Image style={styles.avatar} />          {/* → circle / box */}
+    <Text style={styles.title}>Title</Text>  {/* → text bar    */}
+  </View>
+</Skeleton>
+```
+
+Structure comes from the JSX; dimensions come from each element's `style`.
+
+### `deep` — wrap any component (experimental)
+
+Don't want to inline? Wrap an opaque component and let Skelo introspect it:
+
+```tsx
+import { Skeleton, withSkeleton } from 'react-native-skelo';
+
+<Skeleton loading={loading} deep>
   <ProfileScreen />
 </Skeleton>
 
-// Skelo generates the skeleton loading state for you.
+// or as an HOC:
+const Home = withSkeleton(HomeScreen);
+<Home loading={loading} {...props} />
+```
+
+Requires `react-reconciler` + `import 'react-native-skelo/deep'` (see [Installation](#to-enable-deep-mode-optional)). See also [caveats](#deep-mode-caveats-experimental).
+
+### `styles` — generate from a StyleSheet
+
+Pass styles directly to get a stack of skeleton shapes (no children needed):
+
+```tsx
+<Skeleton loading={loading} styles={styles} excludeStyles={['container']} />
+```
+
+A StyleSheet has no hierarchy, so this produces one shape per style that has visual dimensions.
+
+### `Skeleton.Ignore` — keep something visible
+
+```tsx
+<Skeleton loading={loading}>
+  <Skeleton.Ignore>
+    <Text style={styles.heading}>Profile</Text>  {/* stays real */}
+  </Skeleton.Ignore>
+  <ProfileBody />
+</Skeleton>
+```
+
+### Custom components — register a plugin
+
+```tsx
+import { Skelo } from 'react-native-skelo';
+import { Avatar } from 'my-design-system';
+
+Skelo.register({
+  name: 'Avatar',
+  component: Avatar,
+  strategy: (props, { primitives }) => (
+    <primitives.Circle size={props.size ?? 40} />
+  ),
+});
 ```
 
-## Status
+## API
+
+### `<Skeleton>` props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `loading` | `boolean` | — | Show skeleton (`true`) or real content (`false`) |
+| `animation` | `'shimmer' \| 'pulse' \| 'none'` | `'shimmer'` | Animation style |
+| `duration` | `number` | `1200` | Animation duration (ms) |
+| `baseColor` / `highlightColor` | `string` | theme | Skeleton colors |
+| `borderRadius` | `number` | `4` | Default corner radius |
+| `deep` | `boolean` | `false` | Expand opaque components (experimental) |
+| `styles` | `StyleSheet \| style[]` | — | Generate from styles instead of children |
+| `excludeStyles` | `string[]` | — | Style keys to skip in `styles` mode |
+| `accessibilityLabel` | `string` | `'Loading content'` | Screen-reader label |
+
+Also exported: `withSkeleton`, `SkeletonIgnore`, `StyleSkeleton`, the primitives (`SkeletonBox`, `SkeletonText`, `SkeletonImage`, `SkeletonCircle`), and `Skelo` (plugin registry + `Skelo.fromStyles`).
+
+## How it works
+
+- **Inline mode** — static traversal of the host-element tree (`React.Children` + `StyleSheet.flatten`).
+- **`deep` mode** — a JS-only `react-reconciler` renderer renders the component off-screen to recover its real host tree + styles, then feeds the same skeleton renderer.
+- Anything Skelo can't introspect (a custom component without `deep`, or native content) is measured and shown as a single size-matched block.
 
-This package name is reserved. The first public release is on its way.
+## `deep` mode caveats (experimental)
 
-- ⭐ **Star / watch the repo** to get notified: https://github.com/shubhanshubb/react-native-skelo
-- 🐛 Issues & ideas: https://github.com/shubhanshubb/react-native-skelo/issues
+`deep` renders your component offline to read its structure, which means:
 
-> **Not installable yet.** Installing this version gives you a placeholder only.
-> The real library ships as `v0.1.0`.
+- **Mount effects run** during introspection — a screen that fetches on mount may fetch twice. Prefer `deep` for presentational trees; register a plugin or provide a manual skeleton for effectful screens.
+- **Renders outside your providers** — components that require navigation/theme/redux context may fail to expand; Skelo catches this and falls back to a measured block.
+- Only the **React host tree** is visible. `WebView`, `MapView`, `Video`, etc. render their content natively (outside React), so they can only become a single sized block.
 
-## Planned for v0.1.0
+## Requirements
 
-- Automatic skeleton generation for standard components (View, Text, Image)
-- Shimmer & pulse animations powered by Reanimated 3
-- Zero-config out of the box, extensible via a plugin system
-- Full TypeScript support
+- React Native — New Architecture recommended (the shimmer's
+  `experimental_backgroundImage` gradient needs it)
+- `react-native-reanimated` ≥ 3
+- `react-reconciler` (optional, for `deep`) — must match your React version
 
----
+## License
 
-Made by [Shubhanshu Barnwal](https://shubhanshubb.dev) · MIT License
+MIT © [Shubhanshu Barnwal](https://shubhanshubb.dev)

package/lib/commonjs/Skelo.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skelo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _registry = require("./core/registry");
+var _StyleSkeleton = require("./core/generator/StyleSkeleton");
+var _defaults = require("./constants/defaults");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Global Skelo API for plugin management
+ *
+ * @example
+ * ```tsx
+ * import { Skelo } from 'react-native-skelo';
+ * import { Avatar } from 'my-ui-library';
+ *
+ * Skelo.register({
+ *   name: 'Avatar',
+ *   component: Avatar,
+ *   strategy: (props, { primitives }) => {
+ *     return <primitives.Circle size={props.size || 40} />;
+ *   },
+ * });
+ * ```
+ */
+const Skelo = exports.Skelo = {
+  /**
+   * Register a plugin
+   *
+   * @param plugin - Plugin configuration
+   */
+  register(plugin) {
+    _registry.registry.register(plugin);
+  },
+  /**
+   * Unregister a plugin
+   *
+   * @param component - Component type to unregister
+   */
+  unregister(component) {
+    _registry.registry.unregister(component);
+  },
+  /**
+   * Get plugin for component
+   *
+   * @param component - Component type
+   * @returns Plugin or undefined
+   */
+  getPlugin(component) {
+    return _registry.registry.getPlugin(component);
+  },
+  /**
+   * Check if plugin exists
+   *
+   * @param component - Component type
+   * @returns True if plugin is registered
+   */
+  hasPlugin(component) {
+    return _registry.registry.hasPlugin(component);
+  },
+  /**
+   * Get all plugins
+   *
+   * @returns Array of all registered plugins
+   */
+  getAllPlugins() {
+    return _registry.registry.getAllPlugins();
+  },
+  /**
+   * Clear all plugins (useful for testing)
+   */
+  clearPlugins() {
+    _registry.registry.clear();
+  },
+  /**
+   * Generate a skeleton element directly from a set of styles.
+   *
+   * @param styles - A `StyleSheet.create` object or an array of styles
+   * @param config - Optional animation/color overrides
+   * @returns A skeleton React element
+   *
+   * @example
+   * ```tsx
+   * {loading ? Skelo.fromStyles(styles) : <Screen />}
+   * ```
+   */
+  fromStyles(styles, config = {}) {
+    return /*#__PURE__*/_react.default.createElement(_StyleSkeleton.StyleSkeleton, {
+      styles,
+      config: {
+        ..._defaults.DEFAULT_CONFIG,
+        ...config
+      }
+    });
+  },
+  /**
+   * Library version
+   */
+  version: '0.1.0'
+};
+//# sourceMappingURL=Skelo.js.map

package/lib/commonjs/Skelo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_registry","_StyleSkeleton","_defaults","e","__esModule","default","Skelo","exports","register","plugin","registry","unregister","component","getPlugin","hasPlugin","getAllPlugins","clearPlugins","clear","fromStyles","styles","config","React","createElement","StyleSkeleton","DEFAULT_CONFIG","version"],"sourceRoot":"../../src","sources":["Skelo.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnB;AACF;AACA;AACA;AACA;EACEE,QAAQA,CAAUC,MAAyB,EAAQ;IACjDC,kBAAQ,CAACF,QAAQ,CAACC,MAAM,CAAC;EAC3B,CAAC;EAED;AACF;AACA;AACA;AACA;EACEE,UAAUA,CAACC,SAAwB,EAAQ;IACzCF,kBAAQ,CAACC,UAAU,CAACC,SAAS,CAAC;EAChC,CAAC;EAED;AACF;AACA;AACA;AACA;AACA;EACEC,SAASA,CAACD,SAAwB,EAA8B;IAC9D,OAAOF,kBAAQ,CAACG,SAAS,CAACD,SAAS,CAAC;EACtC,CAAC;EAED;AACF;AACA;AACA;AACA;AACA;EACEE,SAASA,CAACF,SAAwB,EAAW;IAC3C,OAAOF,kBAAQ,CAACI,SAAS,CAACF,SAAS,CAAC;EACtC,CAAC;EAED;AACF;AACA;AACA;AACA;EACEG,aAAaA,CAAA,EAAqB;IAChC,OAAOL,kBAAQ,CAACK,aAAa,CAAC,CAAC;EACjC,CAAC;EAED;AACF;AACA;EACEC,YAAYA,CAAA,EAAS;IACnBN,kBAAQ,CAACO,KAAK,CAAC,CAAC;EAClB,CAAC;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,UAAUA,CAACC,MAAkB,EAAEC,MAA+B,GAAG,CAAC,CAAC,EAAgB;IACjF,oBAAOC,cAAK,CAACC,aAAa,CAACC,4BAAa,EAAE;MACxCJ,MAAM;MACNC,MAAM,EAAE;QAAE,GAAGI,wBAAc;QAAE,GAAGJ;MAAO;IACzC,CAAC,CAAC;EACJ,CAAC;EAED;AACF;AACA;EACEK,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/commonjs/animations/AnimationWrapper.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimationWrapper = AnimationWrapper;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ShimmerAnimation = require("./ShimmerAnimation");
+var _PulseAnimation = require("./PulseAnimation");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Animation wrapper that selects the appropriate animation type
+ *
+ * Provides a unified interface for all skeleton animations:
+ * - shimmer: Left-to-right shimmer effect
+ * - pulse: Breathing/pulsing opacity
+ * - none: Static skeleton (no animation)
+ *
+ * @example
+ * ```tsx
+ * <AnimationWrapper
+ *   animation="shimmer"
+ *   width={200}
+ *   height={20}
+ * />
+ * ```
+ */
+function AnimationWrapper({
+  animation = 'shimmer',
+  width,
+  height,
+  baseColor = '#E1E9EE',
+  highlightColor = '#F2F8FC',
+  duration,
+  borderRadius = 4,
+  style,
+  children
+}) {
+  // No animation - static skeleton
+  if (animation === 'none') {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [{
+        width,
+        height,
+        borderRadius,
+        backgroundColor: baseColor
+      }, style]
+    }, children);
+  }
+
+  // Shimmer animation
+  if (animation === 'shimmer') {
+    return /*#__PURE__*/_react.default.createElement(_ShimmerAnimation.ShimmerAnimation, {
+      width: width,
+      height: height,
+      baseColor: baseColor,
+      highlightColor: highlightColor,
+      duration: duration ?? 1500,
+      borderRadius: borderRadius,
+      style: style
+    }, children);
+  }
+
+  // Pulse animation
+  return /*#__PURE__*/_react.default.createElement(_PulseAnimation.PulseAnimation, {
+    width: width,
+    height: height,
+    baseColor: baseColor,
+    highlightColor: highlightColor,
+    duration: duration ?? 1000,
+    borderRadius: borderRadius,
+    style: style
+  }, children);
+}
+//# sourceMappingURL=AnimationWrapper.js.map

package/lib/commonjs/animations/AnimationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ShimmerAnimation","_PulseAnimation","e","__esModule","default","AnimationWrapper","animation","width","height","baseColor","highlightColor","duration","borderRadius","style","children","createElement","View","backgroundColor","ShimmerAnimation","PulseAnimation"],"sourceRoot":"../../../src","sources":["animations/AnimationWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAAkD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAwDlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,gBAAgBA,CAAC;EAC/BC,SAAS,GAAG,SAAS;EACrBC,KAAK;EACLC,MAAM;EACNC,SAAS,GAAG,SAAS;EACrBC,cAAc,GAAG,SAAS;EAC1BC,QAAQ;EACRC,YAAY,GAAG,CAAC;EAChBC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB;EACA,IAAIR,SAAS,KAAK,MAAM,EAAE;IACxB,oBACEV,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,YAAA,CAAAiB,IAAI;MACHH,KAAK,EAAE,CACL;QACEN,KAAK;QACLC,MAAM;QACNI,YAAY;QACZK,eAAe,EAAER;MACnB,CAAC,EACDI,KAAK;IACL,GAEDC,QACG,CAAC;EAEX;;EAEA;EACA,IAAIR,SAAS,KAAK,SAAS,EAAE;IAC3B,oBACEV,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACf,iBAAA,CAAAkB,gBAAgB;MACfX,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfC,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,QAAQ,EAAEA,QAAQ,IAAI,IAAK;MAC3BC,YAAY,EAAEA,YAAa;MAC3BC,KAAK,EAAEA;IAAM,GAEZC,QACe,CAAC;EAEvB;;EAEA;EACA,oBACElB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACd,eAAA,CAAAkB,cAAc;IACbZ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,QAAQ,EAAEA,QAAQ,IAAI,IAAK;IAC3BC,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA;EAAM,GAEZC,QACa,CAAC;AAErB","ignoreList":[]}

package/lib/commonjs/animations/PulseAnimation.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PulseAnimation = PulseAnimation;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+// Breathing opacity loop on the UI thread with Reanimated.
+function PulseAnimation({
+  width,
+  height,
+  baseColor = '#E1E9EE',
+  duration = 1000,
+  borderRadius = 4,
+  style,
+  children
+}) {
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  (0, _react.useEffect)(() => {
+    opacity.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0.5, {
+      duration: duration / 2,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    }), (0, _reactNativeReanimated.withTiming)(1, {
+      duration: duration / 2,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    })), -1, false);
+  }, [duration, opacity]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    'worklet';
+
+    return {
+      opacity: opacity.value
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.container, {
+      width,
+      height,
+      borderRadius,
+      backgroundColor: baseColor
+    }, animatedStyle, style]
+  }, children);
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=PulseAnimation.js.map

package/lib/commonjs/animations/PulseAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PulseAnimation","width","height","baseColor","duration","borderRadius","style","children","opacity","useSharedValue","useEffect","value","withRepeat","withSequence","withTiming","easing","Easing","inOut","ease","animatedStyle","useAnimatedStyle","createElement","View","styles","container","backgroundColor","StyleSheet","create","overflow"],"sourceRoot":"../../../src","sources":["animations/PulseAnimation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/animations/ShimmerAnimation.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShimmerAnimation = ShimmerAnimation;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+// Shimmer with no gradient library: the sweeping overlay uses React Native's
+// built-in `experimental_backgroundImage` CSS gradient (New Architecture),
+// animated on the UI thread with Reanimated.
+function ShimmerAnimation({
+  width,
+  height,
+  baseColor = '#E1E9EE',
+  highlightColor = '#F2F8FC',
+  duration = 1500,
+  borderRadius = 4,
+  style,
+  children
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [measuredWidth, setMeasuredWidth] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(1, {
+      duration,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1, false);
+  }, [duration, progress]);
+  const onLayout = event => {
+    const w = event.nativeEvent.layout.width;
+    setMeasuredWidth(prev => prev === w ? prev : w);
+  };
+  const containerWidth = typeof width === 'number' ? width : measuredWidth;
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    'worklet';
+
+    const translateX = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [-containerWidth, containerWidth]);
+    return {
+      transform: [{
+        translateX
+      }]
+    };
+  }, [containerWidth]);
+
+  // `experimental_backgroundImage` isn't in the ViewStyle types yet.
+  const gradientStyle = {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    experimental_backgroundImage: `linear-gradient(to right, ${baseColor}, ${highlightColor}, ${baseColor})`
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onLayout,
+    style: [styles.container, {
+      width,
+      height,
+      borderRadius,
+      backgroundColor: baseColor
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    pointerEvents: "none",
+    style: [_reactNative.StyleSheet.absoluteFill, animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: gradientStyle
+  })), children);
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=ShimmerAnimation.js.map

package/lib/commonjs/animations/ShimmerAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShimmerAnimation","width","height","baseColor","highlightColor","duration","borderRadius","style","children","progress","useSharedValue","measuredWidth","setMeasuredWidth","useState","useEffect","value","withRepeat","withTiming","easing","Easing","linear","onLayout","event","w","nativeEvent","layout","prev","containerWidth","animatedStyle","useAnimatedStyle","translateX","interpolate","transform","gradientStyle","StyleSheet","absoluteFillObject","experimental_backgroundImage","createElement","View","styles","container","backgroundColor","pointerEvents","absoluteFill","create","overflow"],"sourceRoot":"../../../src","sources":["animations/ShimmerAnimation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/animations/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimationWrapper", {
+  enumerable: true,
+  get: function () {
+    return _AnimationWrapper.AnimationWrapper;
+  }
+});
+Object.defineProperty(exports, "PulseAnimation", {
+  enumerable: true,
+  get: function () {
+    return _PulseAnimation.PulseAnimation;
+  }
+});
+Object.defineProperty(exports, "ShimmerAnimation", {
+  enumerable: true,
+  get: function () {
+    return _ShimmerAnimation.ShimmerAnimation;
+  }
+});
+var _ShimmerAnimation = require("./ShimmerAnimation");
+var _PulseAnimation = require("./PulseAnimation");
+var _AnimationWrapper = require("./AnimationWrapper");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ShimmerAnimation","require","_PulseAnimation","_AnimationWrapper"],"sourceRoot":"../../../src","sources":["animations/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/components/MeasuredBlock.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MeasuredBlock = MeasuredBlock;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _animations = require("../animations");
+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); }
+/**
+ * Renders an opaque (non-host) component hidden so it lays out at its real
+ * size, measures that size via `onLayout`, then overlays a shimmer block of
+ * exactly those dimensions.
+ *
+ * This is Skelo's runtime-measurement fallback: when the parser can't
+ * introspect a component (e.g. a user-defined function component), we can't
+ * know its internal View/Text/Image structure without native view-tree access,
+ * but we *can* render it off-screen and reproduce its footprint accurately.
+ *
+ * The result is a single, correctly-sized skeleton block rather than a
+ * misleading fixed-size placeholder.
+ */
+function MeasuredBlock({
+  children,
+  config
+}) {
+  const [size, setSize] = (0, _react.useState)(null);
+  const handleLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setSize(prev => prev && prev.width === width && prev.height === height ? prev : {
+      width,
+      height
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.hidden,
+    pointerEvents: "none",
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    onLayout: handleLayout
+  }, children), size && size.width > 0 && size.height > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    pointerEvents: "none"
+  }, /*#__PURE__*/_react.default.createElement(_animations.AnimationWrapper, {
+    animation: config.animation,
+    width: size.width,
+    height: size.height,
+    baseColor: config.baseColor,
+    highlightColor: config.highlightColor,
+    duration: config.duration,
+    borderRadius: config.borderRadius
+  })));
+}
+const styles = _reactNative.StyleSheet.create({
+  hidden: {
+    opacity: 0
+  }
+});
+MeasuredBlock.displayName = 'Skeleton.MeasuredBlock';
+//# sourceMappingURL=MeasuredBlock.js.map

package/lib/commonjs/components/MeasuredBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_animations","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MeasuredBlock","children","config","size","setSize","useState","handleLayout","event","width","height","nativeEvent","layout","prev","createElement","View","style","styles","hidden","pointerEvents","importantForAccessibility","accessibilityElementsHidden","onLayout","StyleSheet","absoluteFill","AnimationWrapper","animation","baseColor","highlightColor","duration","borderRadius","create","opacity","displayName"],"sourceRoot":"../../../src","sources":["components/MeasuredBlock.tsx"],"mappings":"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","ignoreList":[]}