react-native-skelo 0.0.1 → 0.0.2

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":[]}

package/lib/commonjs/components/Skeleton.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = Skeleton;
+var _react = _interopRequireWildcard(require("react"));
+var _parser = require("../core/parser");
+var _SkeletonRenderer = require("./SkeletonRenderer");
+var _SkeletonIgnore = require("./SkeletonIgnore");
+var _StyleSkeleton = require("../core/generator/StyleSkeleton");
+var _deepRegistry = require("../core/deepRegistry");
+var _defaults = require("../constants/defaults");
+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); }
+/**
+ * Main Skeleton component
+ *
+ * Automatically generates skeleton loading states for your React Native components.
+ * Wraps your UI and shows skeleton placeholders while loading.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton loading={isLoading}>
+ *   <ProfileScreen />
+ * </Skeleton>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Skeleton
+ *   loading={isLoading}
+ *   animation="pulse"
+ *   baseColor="#f0f0f0"
+ *   highlightColor="#ffffff"
+ * >
+ *   <View>
+ *     <Text>Hello World</Text>
+ *     <Image source={avatar} />
+ *   </View>
+ * </Skeleton>
+ * ```
+ */
+function Skeleton({
+  loading,
+  children,
+  styles,
+  excludeStyles,
+  deep = false,
+  animation = _defaults.DEFAULT_CONFIG.animation,
+  duration = _defaults.DEFAULT_CONFIG.duration,
+  baseColor = _defaults.DEFAULT_CONFIG.baseColor,
+  highlightColor = _defaults.DEFAULT_CONFIG.highlightColor,
+  borderRadius = _defaults.DEFAULT_CONFIG.borderRadius,
+  accessible = true,
+  accessibilityLabel = 'Loading content',
+  debug = false
+}) {
+  // Parse component tree and generate skeleton.
+  // Hooks must run unconditionally (rules of hooks), but parsing stays lazy:
+  // we skip the work entirely when not loading or in styles-driven mode.
+  const skeletonTree = (0, _react.useMemo)(() => {
+    if (!loading || styles) {
+      return [];
+    }
+    if (__DEV__ && debug) {
+      console.log('[Skelo] Parsing component tree...');
+    }
+    try {
+      // Deep mode: expand opaque components into their real host tree via the
+      // opt-in expander (registered by importing 'react-native-skelo/deep').
+      // Falls back to static parsing if unavailable or it returns nothing.
+      if (deep) {
+        const expand = (0, _deepRegistry.getDeepExpander)();
+        if (expand) {
+          const expanded = expand(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children));
+          if (expanded && expanded.length > 0) {
+            return expanded;
+          }
+          if (__DEV__) {
+            console.warn('[Skelo] deep expansion returned nothing; falling back to static parsing.');
+          }
+        } else if (__DEV__) {
+          console.warn("[Skelo] `deep` requires react-reconciler. Install it and add `import 'react-native-skelo/deep';` in your app entry.");
+        }
+      }
+      const parsed = _parser.Parser.parse(children);
+      if (__DEV__ && debug) {
+        // Log a lightweight summary: the raw nodes hold React elements
+        // (`element`) and arbitrary props that aren't safely serializable.
+        const summarize = nodes => nodes.map(node => ({
+          type: node.type,
+          style: node.style,
+          children: summarize(node.children)
+        }));
+        console.log('[Skelo] Parsed tree:', JSON.stringify(summarize(parsed), null, 2));
+      }
+      return parsed;
+    } catch (error) {
+      if (__DEV__) {
+        console.error('[Skelo] Failed to parse component tree:', error);
+      }
+      return [];
+    }
+  }, [loading, styles, deep, children, debug]);
+
+  // Create skeleton config
+  const config = (0, _react.useMemo)(() => ({
+    animation,
+    duration,
+    baseColor,
+    highlightColor,
+    borderRadius
+  }), [animation, duration, baseColor, highlightColor, borderRadius]);
+
+  // If not loading, render the real children directly.
+  if (!loading) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+
+  // Styles-driven mode: derive the skeleton from the provided styles instead of
+  // introspecting the child tree (useful when children are opaque components).
+  if (styles) {
+    return /*#__PURE__*/_react.default.createElement(_StyleSkeleton.StyleSkeleton, {
+      styles: styles,
+      config: config,
+      exclude: excludeStyles
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_SkeletonRenderer.SkeletonRenderer, {
+    tree: skeletonTree,
+    config: config,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    debug: debug
+  });
+}
+Skeleton.displayName = 'Skeleton';
+
+/**
+ * Escape hatch to keep children as real content inside a loading `<Skeleton>`.
+ * @see SkeletonIgnore
+ */
+Skeleton.Ignore = _SkeletonIgnore.SkeletonIgnore;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_parser","_SkeletonRenderer","_SkeletonIgnore","_StyleSkeleton","_deepRegistry","_defaults","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Skeleton","loading","children","styles","excludeStyles","deep","animation","DEFAULT_CONFIG","duration","baseColor","highlightColor","borderRadius","accessible","accessibilityLabel","debug","skeletonTree","useMemo","__DEV__","console","log","expand","getDeepExpander","expanded","createElement","Fragment","length","warn","parsed","Parser","parse","summarize","nodes","map","node","type","style","JSON","stringify","error","config","StyleSkeleton","exclude","SkeletonRenderer","tree","displayName","Ignore","SkeletonIgnore"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/SkeletonIgnore.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonIgnore = SkeletonIgnore;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Escape hatch that renders its children as real content, even inside a
+ * loading `<Skeleton>`. Use it for elements that should stay visible during
+ * loading — section headings, static labels, action buttons, etc.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton loading={loading}>
+ *   <Skeleton.Ignore>
+ *     <Text>Profile</Text>       // stays as real text
+ *   </Skeleton.Ignore>
+ *   <ProfileCard />              // becomes a skeleton
+ * </Skeleton>
+ * ```
+ */
+function SkeletonIgnore({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+}
+SkeletonIgnore.displayName = 'Skeleton.Ignore';
+//# sourceMappingURL=SkeletonIgnore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","SkeletonIgnore","children","createElement","Fragment","displayName"],"sourceRoot":"../../../src","sources":["components/SkeletonIgnore.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EAChE,oBAAOP,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAAAR,MAAA,CAAAK,OAAA,CAAAI,QAAA,QAAGF,QAAW,CAAC;AACxB;AAEAD,cAAc,CAACI,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/components/SkeletonRenderer.js

@@ -0,0 +1,270 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonRenderer = SkeletonRenderer;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _registry = require("../core/registry");
+var _primitives = require("./primitives");
+var _MeasuredBlock = require("./MeasuredBlock");
+var _styleUtils = require("../utils/styleUtils");
+var _componentUtils = require("../utils/componentUtils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Host component types the renderer knows how to skeletonize directly.
+ * Anything else is treated as an opaque component and measured at runtime.
+ */
+const HOST_CONTAINER_TYPES = new Set(['View', 'ScrollView', 'SafeAreaView', 'KeyboardAvoidingView', 'TouchableOpacity', 'TouchableHighlight', 'TouchableWithoutFeedback', 'TouchableNativeFeedback', 'Pressable', 'Fragment']);
+const HOST_LIST_TYPES = new Set(['FlatList', 'SectionList', 'VirtualizedList']);
+
+// Track which opaque component names we've already warned about (dev only).
+const warnedOpaqueTypes = new Set();
+/**
+ * Renders skeleton from parsed component tree
+ *
+ * Uses plugins to transform components into skeleton equivalents:
+ * - View -> SkeletonBox
+ * - Text -> SkeletonText
+ * - Image -> SkeletonImage
+ * - Custom components -> Plugin strategies
+ */
+function SkeletonRenderer({
+  tree,
+  config,
+  accessible,
+  accessibilityLabel,
+  debug
+}) {
+  /**
+   * Render a single component node
+   */
+  const renderNode = (node, index) => {
+    if (__DEV__ && debug) {
+      console.log(`[Skelo] Rendering node: ${node.type}`, node);
+    }
+
+    // Skeleton.Ignore escape hatch: render the real children untouched.
+    if (node.type === 'Skeleton.Ignore') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: index
+      }, node.props?.children);
+    }
+
+    // Check for registered plugin
+    const plugin = _registry.registry.getPluginByName(node.type);
+    if (plugin) {
+      try {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: index
+        }, plugin.strategy(node.props, {
+          config,
+          theme: 'light',
+          // TODO: Add theme detection
+          parseChildren: children => {
+            const parsed = typeof children === 'object' && children !== null ? [children] : [];
+            return parsed.map((child, i) => renderNode(child, i));
+          },
+          primitives: {
+            Box: _primitives.SkeletonBox,
+            Text: _primitives.SkeletonText,
+            Image: _primitives.SkeletonImage,
+            Circle: _primitives.SkeletonCircle
+          },
+          utils: {
+            resolveStyle: _styleUtils.resolveStyle,
+            extractDimensions: _styleUtils.extractDimensions,
+            randomWidth: _componentUtils.randomWidth
+          }
+        }));
+      } catch (error) {
+        if (__DEV__) {
+          console.error(`[Skelo] Plugin "${plugin.name}" failed:`, error);
+        }
+      }
+    }
+
+    // Built-in host component handling
+    switch (node.type) {
+      case 'Text':
+        return renderText(node, index);
+      case 'Image':
+        return renderImage(node, index);
+    }
+    if (HOST_LIST_TYPES.has(node.type) || node.type === 'ScrollView') {
+      return renderScrollableView(node, index);
+    }
+    if (HOST_CONTAINER_TYPES.has(node.type)) {
+      return renderView(node, index);
+    }
+
+    // Opaque component: the parser can't see inside it (a user-defined
+    // function/class component). Render it hidden and measure its real size,
+    // then overlay a size-matched shimmer.
+    return renderOpaque(node, index);
+  };
+
+  /**
+   * Render an opaque (non-host) component via runtime measurement.
+   */
+  const renderOpaque = (node, index) => {
+    if (__DEV__ && !warnedOpaqueTypes.has(node.type)) {
+      warnedOpaqueTypes.add(node.type);
+      console.warn(`[Skelo] "${node.type}" is a custom component, so Skelo can't inspect ` + `its internal View/Text/Image structure. It will be measured and ` + `shown as a single size-matched skeleton block.\n` + `For a structured skeleton, either compose "${node.type}" from host ` + `elements directly inside <Skeleton>, register a plugin via ` + `Skelo.register(${node.type}, ...), or provide a manual skeleton.`);
+    }
+
+    // If we still have the original element, measure it. Otherwise fall back
+    // to a container/box render.
+    if (node.element) {
+      return /*#__PURE__*/_react.default.createElement(_MeasuredBlock.MeasuredBlock, {
+        key: index,
+        config: config
+      }, node.element);
+    }
+    return renderView(node, index);
+  };
+
+  /**
+   * Render View component
+   */
+  const renderView = (node, index) => {
+    const {
+      width,
+      height
+    } = node.style;
+    const hasChildren = node.children && node.children.length > 0;
+
+    // If View has explicit dimensions, render as box
+    if (width && height) {
+      return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonBox, {
+        key: index,
+        width: width,
+        height: height,
+        borderRadius: node.style.borderRadius ?? config.borderRadius,
+        animation: config.animation,
+        baseColor: config.baseColor,
+        highlightColor: config.highlightColor,
+        duration: config.duration,
+        style: node.style
+      });
+    }
+
+    // If View has children, render container with children
+    if (hasChildren) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        key: index,
+        style: node.style
+      }, node.children.map((child, i) => renderNode(child, i)));
+    }
+
+    // Empty View with no dimensions - render as small box
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonBox, {
+      key: index,
+      width: width ?? 100,
+      height: height ?? 20,
+      borderRadius: node.style.borderRadius ?? config.borderRadius,
+      animation: config.animation,
+      baseColor: config.baseColor,
+      highlightColor: config.highlightColor,
+      duration: config.duration,
+      style: node.style
+    });
+  };
+
+  /**
+   * Render Text component
+   */
+  const renderText = (node, index) => {
+    const fontSize = node.style.fontSize ?? 14;
+    const lineHeight = node.style.lineHeight ?? fontSize * 1.4;
+
+    // Estimate number of lines from text content
+    const textContent = node.props.children;
+    const estimatedLines = estimateTextLines(textContent);
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonText, {
+      key: index,
+      lines: estimatedLines,
+      fontSize: fontSize,
+      lineHeight: lineHeight,
+      width: node.style.width ?? '100%',
+      animation: config.animation,
+      baseColor: config.baseColor,
+      highlightColor: config.highlightColor,
+      duration: config.duration,
+      style: node.style
+    });
+  };
+
+  /**
+   * Render Image component
+   */
+  const renderImage = (node, index) => {
+    const width = node.style.width ?? 100;
+    const height = node.style.height ?? 100;
+    const borderRadius = node.style.borderRadius ?? 0;
+
+    // Check if it's a circular image (avatar)
+    const isCircle = typeof width === 'number' && typeof height === 'number' && width === height && borderRadius === width / 2;
+    if (isCircle) {
+      return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonCircle, {
+        key: index,
+        size: width,
+        animation: config.animation,
+        baseColor: config.baseColor,
+        highlightColor: config.highlightColor,
+        duration: config.duration,
+        style: node.style
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonImage, {
+      key: index,
+      width: width,
+      height: height,
+      borderRadius: borderRadius,
+      animation: config.animation,
+      baseColor: config.baseColor,
+      highlightColor: config.highlightColor,
+      duration: config.duration,
+      style: node.style
+    });
+  };
+
+  /**
+   * Render scrollable views
+   */
+  const renderScrollableView = (node, index) => {
+    // For scrollable views, render their children
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: index,
+      style: node.style
+    }, node.children.map((child, i) => renderNode(child, i)));
+  };
+
+  /**
+   * Estimate number of lines from text content
+   */
+  const estimateTextLines = children => {
+    if (!children) return 1;
+    if (typeof children === 'string' || typeof children === 'number') {
+      const text = String(children);
+      const avgCharsPerLine = 40;
+      const estimatedLines = Math.ceil(text.length / avgCharsPerLine);
+      return Math.max(1, Math.min(estimatedLines, 5)); // Cap at 5 lines
+    }
+    if (Array.isArray(children)) {
+      // Multiple text nodes - count as separate lines
+      return Math.min(children.length, 5);
+    }
+    return 1;
+  };
+
+  // Render the skeleton tree
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "progressbar"
+  }, tree.map((node, index) => renderNode(node, index)));
+}
+SkeletonRenderer.displayName = 'SkeletonRenderer';
+//# sourceMappingURL=SkeletonRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_registry","_primitives","_MeasuredBlock","_styleUtils","_componentUtils","e","__esModule","default","HOST_CONTAINER_TYPES","Set","HOST_LIST_TYPES","warnedOpaqueTypes","SkeletonRenderer","tree","config","accessible","accessibilityLabel","debug","renderNode","node","index","__DEV__","console","log","type","createElement","Fragment","key","props","children","plugin","registry","getPluginByName","strategy","theme","parseChildren","parsed","map","child","i","primitives","Box","SkeletonBox","Text","SkeletonText","Image","SkeletonImage","Circle","SkeletonCircle","utils","resolveStyle","extractDimensions","randomWidth","error","name","renderText","renderImage","has","renderScrollableView","renderView","renderOpaque","add","warn","element","MeasuredBlock","width","height","style","hasChildren","length","borderRadius","animation","baseColor","highlightColor","duration","View","fontSize","lineHeight","textContent","estimatedLines","estimateTextLines","lines","isCircle","size","text","String","avgCharsPerLine","Math","ceil","max","min","Array","isArray","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["components/SkeletonRenderer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/primitives/SkeletonBox.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonBox = SkeletonBox;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _animations = require("../../animations");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Basic box skeleton primitive
+ *
+ * @example
+ * ```tsx
+ * <SkeletonBox width={100} height={50} borderRadius={8} />
+ * ```
+ */
+function SkeletonBox({
+  width,
+  height,
+  borderRadius = 4,
+  style,
+  children,
+  animation = 'shimmer',
+  baseColor,
+  highlightColor,
+  duration
+}) {
+  return /*#__PURE__*/_react.default.createElement(_animations.AnimationWrapper, {
+    animation: animation,
+    width: width,
+    height: height,
+    borderRadius: borderRadius,
+    baseColor: baseColor,
+    highlightColor: highlightColor,
+    duration: duration,
+    style: [styles.box, style]
+  }, children);
+}
+const styles = _reactNative.StyleSheet.create({
+  box: {
+    overflow: 'hidden'
+  }
+});
+SkeletonBox.displayName = 'Skeleton.Box';
+//# sourceMappingURL=SkeletonBox.js.map

package/lib/commonjs/components/primitives/SkeletonBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_animations","e","__esModule","default","SkeletonBox","width","height","borderRadius","style","children","animation","baseColor","highlightColor","duration","createElement","AnimationWrapper","styles","box","StyleSheet","create","overflow","displayName"],"sourceRoot":"../../../../src","sources":["components/primitives/SkeletonBox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAC;EAC1BC,KAAK;EACLC,MAAM;EACNC,YAAY,GAAG,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC,cAAc;EACdC;AAMF,CAAC,EAAE;EACD,oBACEjB,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACd,WAAA,CAAAe,gBAAgB;IACfL,SAAS,EAAEA,SAAU;IACrBL,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,QAAQ,EAAEA,QAAS;IACnBL,KAAK,EAAE,CAACQ,MAAM,CAACC,GAAG,EAAET,KAAK;EAAE,GAE1BC,QACe,CAAC;AAEvB;AAEA,MAAMO,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,GAAG,EAAE;IACHG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEFhB,WAAW,CAACiB,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/commonjs/components/primitives/SkeletonCircle.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonCircle = SkeletonCircle;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _animations = require("../../animations");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Circle skeleton primitive (useful for avatars)
+ *
+ * @example
+ * ```tsx
+ * <SkeletonCircle size={40} />
+ * ```
+ */
+function SkeletonCircle({
+  size = 40,
+  style,
+  animation = 'shimmer',
+  baseColor,
+  highlightColor,
+  duration
+}) {
+  return /*#__PURE__*/_react.default.createElement(_animations.AnimationWrapper, {
+    animation: animation,
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    baseColor: baseColor,
+    highlightColor: highlightColor,
+    duration: duration,
+    style: [styles.circle, style]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  circle: {
+    overflow: 'hidden'
+  }
+});
+SkeletonCircle.displayName = 'Skeleton.Circle';
+//# sourceMappingURL=SkeletonCircle.js.map

package/lib/commonjs/components/primitives/SkeletonCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_animations","e","__esModule","default","SkeletonCircle","size","style","animation","baseColor","highlightColor","duration","createElement","AnimationWrapper","width","height","borderRadius","styles","circle","StyleSheet","create","overflow","displayName"],"sourceRoot":"../../../../src","sources":["components/primitives/SkeletonCircle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAAC;EAC7BC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC,cAAc;EACdC;AAMF,CAAC,EAAE;EACD,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,WAAA,CAAAY,gBAAgB;IACfL,SAAS,EAAEA,SAAU;IACrBM,KAAK,EAAER,IAAK;IACZS,MAAM,EAAET,IAAK;IACbU,YAAY,EAAEV,IAAI,GAAG,CAAE;IACvBG,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAEX,KAAK;EAAE,CAC/B,CAAC;AAEN;AAEA,MAAMU,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,MAAM,EAAE;IACNG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEFhB,cAAc,CAACiB,WAAW,GAAG,iBAAiB","ignoreList":[]}