react-native-skelo 0.0.1 → 0.0.2

package/lib/typescript/Skelo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skelo.d.ts","sourceRoot":"","sources":["../../src/Skelo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGhF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,KAAK;IAChB;;;;OAIG;aACM,CAAC,gBAAgB,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI;IAIlD;;;;OAIG;0BACmB,aAAa,GAAG,IAAI;IAI1C;;;;;OAKG;yBACkB,aAAa,GAAG,cAAc,GAAG,SAAS;IAI/D;;;;;OAKG;yBACkB,aAAa,GAAG,OAAO;IAI5C;;;;OAIG;qBACc,cAAc,EAAE;IAIjC;;OAEG;oBACa,IAAI;IAIpB;;;;;;;;;;;OAWG;uBACgB,UAAU,WAAU,OAAO,CAAC,cAAc,CAAC,GAAQ,YAAY;IAOlF;;OAEG;;CAEJ,CAAC"}

package/lib/typescript/animations/AnimationWrapper.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import type { DimensionValue, StyleProp, ViewStyle } from 'react-native';
+export type AnimationType = 'shimmer' | 'pulse' | 'none';
+interface AnimationWrapperProps {
+    /**
+     * Type of animation to use
+     * @default 'shimmer'
+     */
+    animation?: AnimationType;
+    /**
+     * Width of the animated element
+     */
+    width?: DimensionValue;
+    /**
+     * Height of the animated element
+     */
+    height?: DimensionValue;
+    /**
+     * Base color of the skeleton
+     * @default '#E1E9EE'
+     */
+    baseColor?: string;
+    /**
+     * Highlight color for animation
+     * @default '#F2F8FC'
+     */
+    highlightColor?: string;
+    /**
+     * Animation duration in milliseconds
+     * @default 1500 for shimmer, 1000 for pulse
+     */
+    duration?: number;
+    /**
+     * Border radius
+     * @default 4
+     */
+    borderRadius?: number;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Child content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * 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}
+ * />
+ * ```
+ */
+export declare function AnimationWrapper({ animation, width, height, baseColor, highlightColor, duration, borderRadius, style, children, }: AnimationWrapperProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AnimationWrapper.d.ts.map

package/lib/typescript/animations/AnimationWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationWrapper.d.ts","sourceRoot":"","sources":["../../../src/animations/AnimationWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzD,UAAU,qBAAqB;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAqB,EACrB,KAAK,EACL,MAAM,EACN,SAAqB,EACrB,cAA0B,EAC1B,QAAQ,EACR,YAAgB,EAChB,KAAK,EACL,QAAQ,GACT,EAAE,qBAAqB,qBAmDvB"}

package/lib/typescript/animations/PulseAnimation.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { DimensionValue, StyleProp, ViewStyle } from 'react-native';
+interface PulseProps {
+    /**
+     * Width of the pulse container
+     */
+    width?: DimensionValue;
+    /**
+     * Height of the pulse container
+     */
+    height?: DimensionValue;
+    /**
+     * Base color of the skeleton
+     * @default '#E1E9EE'
+     */
+    baseColor?: string;
+    /**
+     * Highlight color for pulse
+     * @default '#F2F8FC'
+     */
+    highlightColor?: string;
+    /**
+     * Animation duration in milliseconds
+     * @default 1000
+     */
+    duration?: number;
+    /**
+     * Border radius
+     */
+    borderRadius?: number;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Child content (rendered inside pulse)
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Pulse animation component using Reanimated 3
+ *
+ * Creates a subtle breathing/pulsing effect using:
+ * - Shared values for performance
+ * - Worklets for 60 FPS on UI thread
+ * - Opacity animation for pulse effect
+ *
+ * @example
+ * ```tsx
+ * <PulseAnimation
+ *   width={200}
+ *   height={20}
+ *   borderRadius={4}
+ * />
+ * ```
+ */
+export declare function PulseAnimation({ width, height, baseColor, duration, borderRadius, style, children, }: PulseProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PulseAnimation.d.ts.map

package/lib/typescript/animations/PulseAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PulseAnimation.d.ts","sourceRoot":"","sources":["../../../src/animations/PulseAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzE,UAAU,UAAU;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,SAAqB,EACrB,QAAe,EACf,YAAgB,EAChB,KAAK,EACL,QAAQ,GACT,EAAE,UAAU,qBAiDZ"}

package/lib/typescript/animations/ShimmerAnimation.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { DimensionValue, StyleProp, ViewStyle } from 'react-native';
+interface ShimmerProps {
+    /**
+     * Width of the shimmer container
+     */
+    width?: DimensionValue;
+    /**
+     * Height of the shimmer container
+     */
+    height?: DimensionValue;
+    /**
+     * Base color of the skeleton
+     * @default '#E1E9EE'
+     */
+    baseColor?: string;
+    /**
+     * Highlight color that shimmers across
+     * @default '#F2F8FC'
+     */
+    highlightColor?: string;
+    /**
+     * Animation duration in milliseconds
+     * @default 1500
+     */
+    duration?: number;
+    /**
+     * Border radius
+     */
+    borderRadius?: number;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Child content (rendered on top of shimmer)
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Shimmer animation component using Reanimated 3
+ *
+ * Creates a smooth left-to-right shimmer effect using:
+ * - Shared values for performance
+ * - Worklets for 60 FPS on UI thread
+ * - Linear gradient for shimmer effect
+ *
+ * @example
+ * ```tsx
+ * <ShimmerAnimation
+ *   width={200}
+ *   height={20}
+ *   borderRadius={4}
+ * />
+ * ```
+ */
+export declare function ShimmerAnimation({ width, height, baseColor, highlightColor, duration, borderRadius, style, children, }: ShimmerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ShimmerAnimation.d.ts.map

package/lib/typescript/animations/ShimmerAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerAnimation.d.ts","sourceRoot":"","sources":["../../../src/animations/ShimmerAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYzE,UAAU,YAAY;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,SAAqB,EACrB,cAA0B,EAC1B,QAAe,EACf,YAAgB,EAChB,KAAK,EACL,QAAQ,GACT,EAAE,YAAY,qBA2Ed"}

package/lib/typescript/animations/index.d.ts

@@ -0,0 +1,5 @@
+export { ShimmerAnimation } from './ShimmerAnimation';
+export { PulseAnimation } from './PulseAnimation';
+export { AnimationWrapper } from './AnimationWrapper';
+export type { AnimationType } from './AnimationWrapper';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/animations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/typescript/components/MeasuredBlock.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { SkeletonConfig } from '../types';
+interface MeasuredBlockProps {
+    /**
+     * The real element to render (hidden) and measure.
+     */
+    children: ReactNode;
+    /**
+     * Skeleton configuration (animation, colors, etc.)
+     */
+    config: SkeletonConfig;
+}
+/**
+ * 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.
+ */
+export declare function MeasuredBlock({ children, config }: MeasuredBlockProps): React.JSX.Element;
+export declare namespace MeasuredBlock {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=MeasuredBlock.d.ts.map

package/lib/typescript/components/MeasuredBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeasuredBlock.d.ts","sourceRoot":"","sources":["../../../src/components/MeasuredBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,kBAAkB;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;CACxB;AAOD;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,qBAuCrE;yBAvCe,aAAa"}

package/lib/typescript/components/Skeleton.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { SkeletonProps } from '../types';
+import { SkeletonIgnore } from './SkeletonIgnore';
+/**
+ * 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>
+ * ```
+ */
+export declare function Skeleton({ loading, children, styles, excludeStyles, deep, animation, duration, baseColor, highlightColor, borderRadius, accessible, accessibilityLabel, debug, }: SkeletonProps): React.JSX.Element;
+export declare namespace Skeleton {
+    var displayName: string;
+    var Ignore: typeof SkeletonIgnore;
+}
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/components/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,IAAY,EACZ,SAAoC,EACpC,QAAkC,EAClC,SAAoC,EACpC,cAA8C,EAC9C,YAA0C,EAC1C,UAAiB,EACjB,kBAAsC,EACtC,KAAa,GACd,EAAE,aAAa,qBAyFf;yBAvGe,QAAQ"}

package/lib/typescript/components/SkeletonIgnore.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface SkeletonIgnoreProps {
+    children?: ReactNode;
+}
+/**
+ * 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>
+ * ```
+ */
+export declare function SkeletonIgnore({ children }: SkeletonIgnoreProps): React.JSX.Element;
+export declare namespace SkeletonIgnore {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=SkeletonIgnore.d.ts.map

package/lib/typescript/components/SkeletonIgnore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonIgnore.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonIgnore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBAE/D;yBAFe,cAAc"}

package/lib/typescript/components/SkeletonRenderer.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { ComponentNode, SkeletonConfig } from '../types';
+interface SkeletonRendererProps {
+    /**
+     * Parsed component tree
+     */
+    tree: ComponentNode[];
+    /**
+     * Skeleton configuration
+     */
+    config: SkeletonConfig;
+    /**
+     * Accessibility enabled
+     */
+    accessible?: boolean;
+    /**
+     * Accessibility label
+     */
+    accessibilityLabel?: string;
+    /**
+     * Debug mode
+     */
+    debug?: boolean;
+}
+/**
+ * Renders skeleton from parsed component tree
+ *
+ * Uses plugins to transform components into skeleton equivalents:
+ * - View -> SkeletonBox
+ * - Text -> SkeletonText
+ * - Image -> SkeletonImage
+ * - Custom components -> Plugin strategies
+ */
+export declare function SkeletonRenderer({ tree, config, accessible, accessibilityLabel, debug, }: SkeletonRendererProps): React.JSX.Element;
+export declare namespace SkeletonRenderer {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=SkeletonRenderer.d.ts.map

package/lib/typescript/components/SkeletonRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/SkeletonRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA4B9D,UAAU,qBAAqB;IAC7B;;OAEG;IACH,IAAI,EAAE,aAAa,EAAE,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,KAAK,GACN,EAAE,qBAAqB,qBA0QvB;yBAhRe,gBAAgB"}

package/lib/typescript/components/primitives/SkeletonBox.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { BoxProps } from '../../types';
+import type { AnimationType } from '../../animations';
+/**
+ * Basic box skeleton primitive
+ *
+ * @example
+ * ```tsx
+ * <SkeletonBox width={100} height={50} borderRadius={8} />
+ * ```
+ */
+export declare function SkeletonBox({ width, height, borderRadius, style, children, animation, baseColor, highlightColor, duration, }: BoxProps & {
+    animation?: AnimationType;
+    baseColor?: string;
+    highlightColor?: string;
+    duration?: number;
+}): React.JSX.Element;
+export declare namespace SkeletonBox {
+    var displayName: string;
+}
+//# sourceMappingURL=SkeletonBox.d.ts.map

package/lib/typescript/components/primitives/SkeletonBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonBox.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/SkeletonBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,YAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAqB,EACrB,SAAS,EACT,cAAc,EACd,QAAQ,GACT,EAAE,QAAQ,GAAG;IACZ,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qBAeA;yBA9Be,WAAW"}

package/lib/typescript/components/primitives/SkeletonCircle.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { CircleProps } from '../../types';
+import type { AnimationType } from '../../animations';
+/**
+ * Circle skeleton primitive (useful for avatars)
+ *
+ * @example
+ * ```tsx
+ * <SkeletonCircle size={40} />
+ * ```
+ */
+export declare function SkeletonCircle({ size, style, animation, baseColor, highlightColor, duration, }: CircleProps & {
+    animation?: AnimationType;
+    baseColor?: string;
+    highlightColor?: string;
+    duration?: number;
+}): React.JSX.Element;
+export declare namespace SkeletonCircle {
+    var displayName: string;
+}
+//# sourceMappingURL=SkeletonCircle.d.ts.map

package/lib/typescript/components/primitives/SkeletonCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCircle.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/SkeletonCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAS,EACT,KAAK,EACL,SAAqB,EACrB,SAAS,EACT,cAAc,EACd,QAAQ,GACT,EAAE,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qBAaA;yBAzBe,cAAc"}

package/lib/typescript/components/primitives/SkeletonImage.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ImageProps } from '../../types';
+import type { AnimationType } from '../../animations';
+/**
+ * Image skeleton primitive
+ *
+ * @example
+ * ```tsx
+ * <SkeletonImage width={80} height={80} borderRadius={40} />
+ * ```
+ */
+export declare function SkeletonImage({ width, height, borderRadius, style, animation, baseColor, highlightColor, duration, }: ImageProps & {
+    animation?: AnimationType;
+    baseColor?: string;
+    highlightColor?: string;
+    duration?: number;
+}): React.JSX.Element;
+export declare namespace SkeletonImage {
+    var displayName: string;
+}
+//# sourceMappingURL=SkeletonImage.d.ts.map

package/lib/typescript/components/primitives/SkeletonImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonImage.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/SkeletonImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAW,EACX,MAAY,EACZ,YAAgB,EAChB,KAAK,EACL,SAAqB,EACrB,SAAS,EACT,cAAc,EACd,QAAQ,GACT,EAAE,UAAU,GAAG;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qBAaA;yBA3Be,aAAa"}

package/lib/typescript/components/primitives/SkeletonText.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { TextProps } from '../../types';
+import type { AnimationType } from '../../animations';
+/**
+ * Text skeleton primitive with multiple lines
+ *
+ * @example
+ * ```tsx
+ * <SkeletonText lines={3} fontSize={16} lastLineWidth="70%" />
+ * ```
+ */
+export declare function SkeletonText({ lines, fontSize, lineHeight, width, lastLineWidth, style, animation, baseColor, highlightColor, duration, }: TextProps & {
+    animation?: AnimationType;
+    baseColor?: string;
+    highlightColor?: string;
+    duration?: number;
+}): React.JSX.Element;
+export declare namespace SkeletonText {
+    var displayName: string;
+}
+//# sourceMappingURL=SkeletonText.d.ts.map

package/lib/typescript/components/primitives/SkeletonText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAS,EACT,QAAa,EACb,UAAU,EACV,KAAc,EACd,aAAqB,EACrB,KAAK,EACL,SAAqB,EACrB,SAAS,EACT,cAAc,EACd,QAAQ,GACT,EAAE,SAAS,GAAG;IACb,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,qBA8BA;yBA9Ce,YAAY"}

package/lib/typescript/components/primitives/index.d.ts

@@ -0,0 +1,5 @@
+export { SkeletonBox } from './SkeletonBox';
+export { SkeletonText } from './SkeletonText';
+export { SkeletonImage } from './SkeletonImage';
+export { SkeletonCircle } from './SkeletonCircle';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/typescript/components/withSkeleton.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { ComponentType } from 'react';
+import type { SkeletonConfig } from '../types';
+import type { StyleInput } from '../core/generator/StyleSkeleton';
+export interface WithSkeletonOptions extends Partial<SkeletonConfig> {
+    /**
+     * Styles used to generate the skeleton while loading. Required when the
+     * wrapped component is opaque (a typical screen/component), since Skelo can't
+     * introspect its internals.
+     */
+    styles?: StyleInput;
+    /**
+     * Style keys to skip when generating the skeleton (e.g. layout containers).
+     */
+    excludeStyles?: string[];
+}
+/**
+ * Higher-order component that adds a loading skeleton to any component.
+ *
+ * The returned component accepts a `loading` prop (plus the wrapped
+ * component's own props). While `loading` is true it renders a skeleton
+ * derived from `options.styles`; otherwise it renders the real component.
+ *
+ * @example
+ * ```tsx
+ * const Home = withSkeleton(HomeScreen, { styles });
+ *
+ * <Home loading={isLoading} user={user} />
+ * ```
+ */
+export declare function withSkeleton<P extends object>(Component: ComponentType<P>, options?: WithSkeletonOptions): {
+    (props: P & {
+        loading: boolean;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=withSkeleton.d.ts.map

package/lib/typescript/components/withSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/withSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAGlE,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAClE;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAC3C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,OAAO,GAAE,mBAAwB;YAEJ,CAAC,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE;;EAuBtD"}

package/lib/typescript/constants/defaults.d.ts

@@ -0,0 +1,29 @@
+import type { SkeletonConfig } from '../types';
+/**
+ * Default skeleton configuration
+ */
+export declare const DEFAULT_CONFIG: Required<SkeletonConfig>;
+/**
+ * Dark mode colors
+ */
+export declare const DARK_MODE_COLORS: {
+    baseColor: string;
+    highlightColor: string;
+};
+/**
+ * Default dimensions for components without explicit sizing
+ */
+export declare const DEFAULT_DIMENSIONS: {
+    image: {
+        width: number;
+        height: number;
+    };
+    text: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    box: {
+        height: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/lib/typescript/constants/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/constants/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,cAAc,CAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;CAY9B,CAAC"}

package/lib/typescript/core/deepRegistry.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { ComponentNode } from '../types';
+type DeepExpander = (element: ReactElement) => ComponentNode[] | null;
+export declare function setDeepExpander(fn: DeepExpander): void;
+export declare function getDeepExpander(): DeepExpander | null;
+export {};
+//# sourceMappingURL=deepRegistry.d.ts.map

package/lib/typescript/core/deepRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepRegistry.d.ts","sourceRoot":"","sources":["../../../src/core/deepRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C,KAAK,YAAY,GAAG,CAAC,OAAO,EAAE,YAAY,KAAK,aAAa,EAAE,GAAG,IAAI,CAAC;AAItE,wBAAgB,eAAe,CAAC,EAAE,EAAE,YAAY,GAAG,IAAI,CAEtD;AAED,wBAAgB,eAAe,IAAI,YAAY,GAAG,IAAI,CAErD"}

package/lib/typescript/core/generator/StyleSkeleton.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { SkeletonConfig } from '../../types';
+/**
+ * A single named style, or an ordered list of styles, or a whole StyleSheet
+ * object as returned by `StyleSheet.create`.
+ */
+export type StyleInput = Record<string, unknown> | unknown[];
+interface StyleSkeletonProps {
+    /**
+     * The styles to derive a skeleton from. Accepts a `StyleSheet.create` object
+     * (values used in definition order) or an array of styles (used in order).
+     */
+    styles: StyleInput;
+    /**
+     * Skeleton configuration (animation, colors, radius).
+     */
+    config: SkeletonConfig;
+    /**
+     * Optional list of style keys to skip (e.g. layout containers you don't want
+     * a skeleton for). Only applies when `styles` is a keyed object.
+     */
+    exclude?: string[];
+}
+/**
+ * Generates a skeleton directly from a set of styles.
+ *
+ * Because a StyleSheet is flat (no element hierarchy), the output is a vertical
+ * stack of skeleton shapes — one per style that has visual dimensions — sized
+ * from each style's own props. Layout-only styles are skipped.
+ */
+export declare function StyleSkeleton({ styles, config, exclude }: StyleSkeletonProps): React.JSX.Element;
+export declare namespace StyleSkeleton {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=StyleSkeleton.d.ts.map

package/lib/typescript/core/generator/StyleSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/core/generator/StyleSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAC;AAE7D,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAqFD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,qBAc5E;yBAde,aAAa"}

package/lib/typescript/core/parser/Parser.d.ts

@@ -0,0 +1,30 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ComponentNode } from '../../types';
+/**
+ * Parser class for traversing and analyzing React component trees
+ */
+export declare class Parser {
+    /**
+     * Parse a React element tree into a component node tree
+     *
+     * @param children - React children to parse
+     * @returns Array of component nodes
+     */
+    static parse(children: ReactNode): ComponentNode[];
+    /**
+     * Parse a single React element
+     *
+     * @param element - React element
+     * @returns Component node or null
+     */
+    static parseElement(element: ReactElement): ComponentNode | null;
+    /**
+     * Estimate number of text lines from content and style
+     *
+     * @param children - Text content
+     * @param style - Resolved style
+     * @returns Estimated number of lines
+     */
+    static estimateTextLines(children: ReactNode, _style?: any): number;
+}
+//# sourceMappingURL=Parser.d.ts.map

package/lib/typescript/core/parser/Parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Parser.d.ts","sourceRoot":"","sources":["../../../../src/core/parser/Parser.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD;;GAEG;AACH,qBAAa,MAAM;IACjB;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,GAAG,aAAa,EAAE;IAmBlD;;;;;OAKG;IACH,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,GAAG,IAAI;IAiBhE;;;;;;OAMG;IACH,MAAM,CAAC,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,MAAM;CAoBpE"}