react-native-smart-skeleton 0.0.1

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { SkeletonProps } from "../types";
+/**
+ * The base building block of react-native-smart-skeleton. Renders a single
+ * rectangular (optionally rounded) placeholder shape with the requested
+ * animation, fully theme-aware and accessible.
+ *
+ * Most consumers will reach for `Skeleton.Rect`, `Skeleton.Circle`,
+ * `Skeleton.Square`, or `Skeleton.Pill` instead of this directly, but those
+ * are all thin wrappers around this component.
+ *
+ * @example
+ * <Skeleton width={200} height={20} animation="shimmer" />
+ */
+export default function Skeleton({ width, height, borderRadius, backgroundColor, highlightColor, gradientColors, animation, duration, delay, rtl, colorVariant, style, accessibilityLabel, accessible, testID, }: SkeletonProps): React.JSX.Element;
+//# 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,KAA4C,MAAM,OAAO,CAAC;AAkBjE,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,UAAU,CAAC;AAgBjE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,KAAc,EACd,MAAW,EACX,YAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,QAAQ,EACR,KAAS,EACT,GAAG,EACH,YAAY,EACZ,KAAK,EACL,kBAAsC,EACtC,UAAiB,EACjB,MAAM,GACT,EAAE,aAAa,qBA2Jf"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SkeletonSquareProps } from "../types";
+/**
+ * A square skeleton placeholder with equal width and height.
+ *
+ * @example
+ * <Skeleton.Square size={64} borderRadius={8} />
+ */
+export default function Square({ size, borderRadius, ...props }: SkeletonSquareProps): React.JSX.Element;
+//# sourceMappingURL=Square.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../../../src/components/Square.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAS,EAAE,YAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAE5F"}

package/lib/typescript/hooks/useReducedMotion.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Tracks the OS-level "reduce motion" accessibility setting
+ * (Reduce Motion on iOS, Remove Animations on Android) and keeps it
+ * up to date if the user changes the setting while the app is running.
+ *
+ * Skeleton animations should fall back to a static or near-static
+ * appearance (or the "breathing" animation at a slow, low-amplitude
+ * rate) when this returns true.
+ */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/lib/typescript/hooks/useReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAiC1C"}

package/lib/typescript/hooks/useSkeletonTheme.d.ts

@@ -0,0 +1,12 @@
+import type { ResolvedSkeletonTheme } from "../types";
+/**
+ * Resolves the active light/dark colors for a skeleton.
+ *
+ * If used inside a <SkeletonProvider>, honors its `theme` prop ("light" | "dark" | "system")
+ * and any registered brand `colors`. If used standalone (no provider), falls back to the
+ * device's OS color scheme and the library's default palette.
+ *
+ * @param colorVariant optional brand color variant name registered on the provider
+ */
+export declare function useSkeletonTheme(colorVariant?: string): ResolvedSkeletonTheme;
+//# sourceMappingURL=useSkeletonTheme.d.ts.map

package/lib/typescript/hooks/useSkeletonTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkeletonTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkeletonTheme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,qBAAqB,CA4B7E"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,51 @@
+import SkeletonBase from "./components/Skeleton";
+import Rect from "./components/Rect";
+import Circle from "./components/Circle";
+import Square from "./components/Square";
+import Pill from "./components/Pill";
+import Group from "./components/Group";
+import Profile from "./presets/Profile";
+import Card from "./presets/Card";
+import Chat from "./presets/Chat";
+import Product from "./presets/Product";
+import Video from "./presets/Video";
+import SkeletonClone from "./clone/SkeletonClone";
+export { SkeletonProvider, SkeletonContext } from "./providers/SkeletonProvider";
+export { useSkeletonTheme } from "./hooks/useSkeletonTheme";
+export { useReducedMotion } from "./hooks/useReducedMotion";
+export type { SkeletonAnimation, SkeletonPerformanceMode, SkeletonThemeMode, SkeletonThemeColors, SkeletonBrandColors, ResolvedSkeletonTheme, SkeletonProps, SkeletonCircleProps, SkeletonSquareProps, SkeletonPillProps, SkeletonGroupProps, SkeletonContextValue, SkeletonProviderProps, SkeletonCloneShape, SkeletonCloneNode, SkeletonCloneProps, SkeletonPresetProps, SkeletonProfilePresetProps, SkeletonCardPresetProps, SkeletonChatPresetProps, SkeletonProductPresetProps, SkeletonVideoPresetProps, ScreenSizeClass, } from "./types";
+/**
+ * `Skeleton` is the library's primary export: a callable base component
+ * (`<Skeleton />`) that also carries every shape, the layout-grouping
+ * helper, and every smart preset as static properties — so you only ever
+ * need a single import.
+ *
+ * @example
+ * import { Skeleton, SkeletonProvider } from "react-native-smart-skeleton";
+ *
+ * <SkeletonProvider>
+ *   <Skeleton.Rect width={200} height={20} />
+ *   <Skeleton.Circle size={48} />
+ *   <Skeleton.Profile lines={2} />
+ * </SkeletonProvider>
+ */
+type SkeletonComponent = typeof SkeletonBase & {
+    Rect: typeof Rect;
+    Circle: typeof Circle;
+    Square: typeof Square;
+    Pill: typeof Pill;
+    Group: typeof Group;
+    Clone: typeof SkeletonClone;
+    Profile: typeof Profile;
+    Card: typeof Card;
+    Chat: typeof Chat;
+    Product: typeof Product;
+    Video: typeof Video;
+};
+declare const Skeleton: SkeletonComponent;
+export { Skeleton };
+export { SkeletonBase };
+export { Rect, Circle, Square, Pill, Group, SkeletonClone };
+export { Profile, Card, Chat, Product, Video };
+export default Skeleton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAEpC,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,wBAAwB,EACxB,eAAe,GAClB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;GAcG;AACH,KAAK,iBAAiB,GAAG,OAAO,YAAY,GAAG;IAC3C,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAmB,iBAAiB,CAAC;AAcnD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAE/C,eAAe,QAAQ,CAAC"}

package/lib/typescript/presets/Card.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SkeletonCardPresetProps } from "../types";
+/**
+ * A ready-made skeleton block mimicking a typical content card: an image
+ * area on top, optionally a small avatar + name row, then body text lines.
+ *
+ * @example
+ * <Skeleton.Card imageHeight={160} lines={3} />
+ */
+export default function Card({ imageHeight, lines, showAvatar, count, gap, animation, style, testID, }: SkeletonCardPresetProps): React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/lib/typescript/presets/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/presets/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,uBAAuB,EAAiB,MAAM,UAAU,CAAC;AAEvE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EACzB,WAAiB,EACjB,KAAS,EACT,UAAkB,EAClB,KAAS,EACT,GAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,uBAAuB,qBAgCzB"}

package/lib/typescript/presets/Chat.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { SkeletonChatPresetProps } from "../types";
+/**
+ * A ready-made skeleton block mimicking a chat conversation: a series of
+ * message bubbles, alternating left/right alignment by default to read as
+ * a two-party conversation while loading.
+ *
+ * @example
+ * <Skeleton.Chat messages={5} />
+ */
+export default function Chat({ messages, alternate, gap, animation, style, testID, }: SkeletonChatPresetProps): React.JSX.Element;
+//# sourceMappingURL=Chat.d.ts.map

package/lib/typescript/presets/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/presets/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAIxD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EACzB,QAAY,EACZ,SAAgB,EAChB,GAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,uBAAuB,qBA6BzB"}

package/lib/typescript/presets/Product.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { SkeletonProductPresetProps } from "../types";
+/**
+ * A ready-made skeleton grid mimicking a product listing (e.g. e-commerce
+ * catalog or search results): square-ish image, title line, and price line,
+ * tiled into a responsive grid.
+ *
+ * @example
+ * <Skeleton.Product count={6} columns={2} />
+ */
+export default function Product({ imageHeight, columns, count, gap, animation, style, testID, }: SkeletonProductPresetProps): React.JSX.Element;
+//# sourceMappingURL=Product.d.ts.map

package/lib/typescript/presets/Product.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Product.d.ts","sourceRoot":"","sources":["../../../src/presets/Product.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,WAAiB,EACjB,OAAO,EACP,KAAS,EACT,GAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,0BAA0B,qBAsB5B"}

package/lib/typescript/presets/Profile.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SkeletonProfilePresetProps } from "../types";
+/**
+ * A ready-made skeleton block mimicking a profile header: a circular avatar
+ * beside a name line and one or more secondary text lines (e.g. handle/bio).
+ *
+ * @example
+ * <Skeleton.Profile avatarSize={56} lines={2} />
+ */
+export default function Profile({ avatarSize, lines, count, gap, animation, style, testID, }: SkeletonProfilePresetProps): React.JSX.Element;
+//# sourceMappingURL=Profile.d.ts.map

package/lib/typescript/presets/Profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../src/presets/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,0BAA0B,EAAiB,MAAM,UAAU,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,UAAe,EACf,KAAS,EACT,KAAS,EACT,GAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,0BAA0B,qBA+B5B"}

package/lib/typescript/presets/Video.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { SkeletonVideoPresetProps } from "../types";
+/**
+ * A ready-made skeleton block mimicking a video list item: a video
+ * thumbnail at a given aspect ratio, optionally followed by a channel
+ * avatar + title row and a meta line (views / date).
+ *
+ * @example
+ * <Skeleton.Video aspectRatio={16 / 9} showTitle showMeta />
+ */
+export default function Video({ aspectRatio, showTitle, showMeta, count, gap, animation, style, testID, }: SkeletonVideoPresetProps): React.JSX.Element;
+//# sourceMappingURL=Video.d.ts.map

package/lib/typescript/presets/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/presets/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,WAAoB,EACpB,SAAgB,EAChB,QAAe,EACf,KAAS,EACT,GAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,wBAAwB,qBA6B1B"}

package/lib/typescript/providers/SkeletonProvider.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { SkeletonContextValue, SkeletonProviderProps } from "../types";
+export declare const SkeletonContext: React.Context<SkeletonContextValue | null>;
+/**
+ * Global configuration provider for react-native-smart-skeleton.
+ *
+ * Wrap your app (or a subtree) once to set defaults for theme, animation,
+ * duration, performance mode, RTL, reduced-motion override, and brand colors.
+ * Any individual Skeleton component can still override these via its own props.
+ *
+ * @example
+ * <SkeletonProvider theme="system" animation="shimmer" duration={1200}>
+ *   <App />
+ * </SkeletonProvider>
+ */
+export declare function SkeletonProvider({ children, theme, animation, duration, performanceMode, rtl, reducedMotion: reducedMotionOverride, colors, }: SkeletonProviderProps): React.JSX.Element;
+export default SkeletonProvider;
+//# sourceMappingURL=SkeletonProvider.d.ts.map

package/lib/typescript/providers/SkeletonProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/SkeletonProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAuB,MAAM,UAAU,CAAC;AAEjG,eAAO,MAAM,eAAe,4CAAmD,CAAC;AAEhF;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,QAAQ,EACR,KAAgB,EAChB,SAAqB,EACrB,QAAe,EACf,eAA4B,EAC5B,GAAG,EACH,aAAa,EAAE,qBAAqB,EACpC,MAAM,GACT,EAAE,qBAAqB,qBAkCvB;AAED,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,149 @@
+import type React from "react";
+import type { ViewStyle, StyleProp } from "react-native";
+export type SkeletonDimensionValue = number | string | "auto" | undefined;
+export type SkeletonAnimation = "shimmer" | "pulse" | "wave" | "breathing" | "none";
+/**
+ * Controls how much work the animation driver does.
+ * - "high": full fidelity (gradients, smooth easing)
+ * - "balanced": default, good fidelity with cheaper easing curves
+ * - "battery-saver": reduces frame work, simpler interpolations, longer durations
+ */
+export type SkeletonPerformanceMode = "high" | "balanced" | "battery-saver";
+export type SkeletonThemeMode = "light" | "dark" | "system";
+export interface SkeletonThemeColors {
+    background: string;
+    highlight: string;
+}
+export interface SkeletonBrandColors {
+    light: SkeletonThemeColors;
+    dark: SkeletonThemeColors;
+}
+export interface ResolvedSkeletonTheme extends SkeletonThemeColors {
+    isDark: boolean;
+}
+export interface SkeletonProps {
+    /** Width of the skeleton. */
+    width?: SkeletonDimensionValue;
+    /** Height of the skeleton. */
+    height?: SkeletonDimensionValue;
+    borderRadius?: number;
+    backgroundColor?: string;
+    highlightColor?: string;
+    gradientColors?: string[];
+    animation?: SkeletonAnimation;
+    duration?: number;
+    delay?: number;
+    rtl?: boolean;
+    colorVariant?: string;
+    /** Style overrides */
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+    accessible?: boolean;
+    testID?: string;
+}
+export interface SkeletonCircleProps extends Omit<SkeletonProps, "width" | "height" | "borderRadius"> {
+    /** Diameter of the circle. Defaults to 50. */
+    size?: number;
+}
+export interface SkeletonSquareProps extends Omit<SkeletonProps, "width" | "height"> {
+    /** Side length of the square. Defaults to 50. */
+    size?: number;
+}
+export interface SkeletonPillProps extends SkeletonProps {
+    /** Width of the pill. Defaults to 80. */
+    width?: SkeletonDimensionValue;
+    /** Height of the pill. Defaults to 24. */
+    height?: SkeletonDimensionValue;
+}
+export interface SkeletonGroupProps {
+    children: React.ReactNode;
+    /** Delay added between each direct child's animation start, in ms. Defaults to 80. */
+    staggerDelay?: number;
+    /** Animation applied to all children unless a child overrides it. */
+    animation?: SkeletonAnimation;
+    /** Layout direction for stagger ordering. Defaults to "column". */
+    direction?: "row" | "column";
+    style?: ViewStyle;
+    testID?: string;
+}
+export interface SkeletonContextValue {
+    theme: SkeletonThemeMode;
+    isDark: boolean;
+    animation: SkeletonAnimation;
+    duration: number;
+    performanceMode: SkeletonPerformanceMode;
+    reducedMotion: boolean;
+    rtl: boolean;
+    colors?: Record<string, SkeletonBrandColors>;
+    resolvedColors: SkeletonThemeColors;
+    getVariantColors: (variant?: string) => SkeletonThemeColors;
+}
+export interface SkeletonProviderProps {
+    children: React.ReactNode;
+    /** "light" | "dark" | "system" (default). */
+    theme?: SkeletonThemeMode;
+    /** Default animation for all descendant skeletons. Defaults to "shimmer". */
+    animation?: SkeletonAnimation;
+    /** Default animation loop duration in ms. Defaults to 1200. */
+    duration?: number;
+    /** Default performance mode. Defaults to "balanced". */
+    performanceMode?: SkeletonPerformanceMode;
+    /** Force-enable/disable RTL mirroring. Defaults to following I18nManager. */
+    rtl?: boolean;
+    /** Force reduced-motion behavior regardless of OS setting. */
+    reducedMotion?: boolean;
+    /** Named brand color palettes, keyed by variant name, each with light/dark colors. */
+    colors?: Record<string, SkeletonBrandColors>;
+}
+export type SkeletonCloneShape = "rect" | "circle" | "pill";
+export interface SkeletonCloneNode {
+    shape?: "rect" | "circle" | "pill";
+    width?: SkeletonDimensionValue;
+    height?: SkeletonDimensionValue;
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: SkeletonCloneNode[];
+    direction?: "row" | "column";
+    gap?: number;
+}
+export interface SkeletonCloneProps {
+    /** Declarative layout tree describing the real content's shape. */
+    layout: SkeletonCloneNode;
+    animation?: SkeletonAnimation;
+    style?: ViewStyle;
+    testID?: string;
+}
+export interface SkeletonPresetProps {
+    /** Number of times to repeat this preset block. Defaults to 1. */
+    count?: number;
+    /** Gap between repeated blocks, in dp. Defaults to 16. */
+    gap?: number;
+    animation?: SkeletonAnimation;
+    style?: ViewStyle;
+    testID?: string;
+}
+export interface SkeletonProfilePresetProps extends SkeletonPresetProps {
+    avatarSize?: number;
+    lines?: number;
+}
+export interface SkeletonCardPresetProps extends SkeletonPresetProps {
+    imageHeight?: number;
+    lines?: number;
+    showAvatar?: boolean;
+}
+export interface SkeletonChatPresetProps extends SkeletonPresetProps {
+    messages?: number;
+    /** Alternate bubble alignment left/right to mimic a real conversation. Defaults to true. */
+    alternate?: boolean;
+}
+export interface SkeletonProductPresetProps extends SkeletonPresetProps {
+    imageHeight?: number;
+    columns?: number;
+}
+export interface SkeletonVideoPresetProps extends SkeletonPresetProps {
+    aspectRatio?: number;
+    showTitle?: boolean;
+    showMeta?: boolean;
+}
+export type ScreenSizeClass = "compact" | "regular" | "wide";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/colors.d.ts

@@ -0,0 +1,51 @@
+import type { SkeletonBrandColors, SkeletonThemeColors } from "../types";
+/**
+ * Default light/dark palettes used when no brand colors or explicit
+ * backgroundColor/highlightColor are supplied.
+ */
+export declare const DEFAULT_LIGHT_COLORS: SkeletonThemeColors;
+export declare const DEFAULT_DARK_COLORS: SkeletonThemeColors;
+/**
+ * Parse a hex color (#RGB, #RRGGBB, #RRGGBBAA) into r/g/b/a channels.
+ * Returns null if the string isn't a parseable hex color.
+ */
+export declare function parseHexColor(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+} | null;
+/**
+ * Convert an rgb/rgba channel set back into a CSS rgba() string.
+ */
+export declare function toRgbaString(r: number, g: number, b: number, a: number): string;
+/**
+ * Lighten or darken a hex color by a percentage (-1 to 1).
+ * Positive amount lightens, negative darkens. Non-hex input is returned unchanged.
+ */
+export declare function shadeColor(hex: string, amount: number): string;
+/**
+ * Given a hex/rgba color, return a translucent rgba() version at the given opacity.
+ * Falls back to the original string if it isn't parseable (e.g. already rgba(), or a named color).
+ */
+export declare function withOpacity(color: string, opacity: number): string;
+/**
+ * Resolve the {background, highlight} pair to use for a skeleton, given (in priority order):
+ * 1. explicit backgroundColor/highlightColor props
+ * 2. a brand color variant (colorVariant + colors map from the provider)
+ * 3. the ambient theme colors resolved from useSkeletonTheme
+ */
+export declare function resolveThemeColors(params: {
+    backgroundColor?: string;
+    highlightColor?: string;
+    colorVariant?: string;
+    isDark: boolean;
+    brandColors?: Record<string, SkeletonBrandColors>;
+    ambient: SkeletonThemeColors;
+}): SkeletonThemeColors;
+/**
+ * Build a 3-stop gradient color array from a background/highlight pair,
+ * matching the classic skeleton "sweep" look: base -> highlight -> base.
+ */
+export declare function buildSweepGradient(background: string, highlight: string): string[];
+//# sourceMappingURL=colors.d.ts.map

package/lib/typescript/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC;AASF;;;GAGG;AACH,wBAAgB,aAAa,CACzB,GAAG,EAAE,MAAM,GACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CA0BvD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAK/E;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAa9D;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAIlE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAClD,OAAO,EAAE,mBAAmB,CAAC;CAChC,GAAG,mBAAmB,CActB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAElF"}

package/lib/typescript/utils/responsive.d.ts

@@ -0,0 +1,27 @@
+import type { ScreenSizeClass } from "../types";
+/**
+ * Returns the current window width, with a safe fallback for environments
+ * where Dimensions may not be ready (e.g. very early app boot, tests).
+ */
+export declare function getScreenWidth(): number;
+/**
+ * Classify the current screen width into a coarse size bucket, useful for
+ * preset components that want to adapt column counts or avatar sizes.
+ */
+export declare function getScreenSizeClass(width?: number): ScreenSizeClass;
+/**
+ * Scale a base dp value by the size class, useful for nudging preset
+ * dimensions (avatar size, line height) up slightly on larger screens.
+ */
+export declare function scaleBySize(base: number, sizeClass: ScreenSizeClass): number;
+/**
+ * Resolve a recommended column count for grid-style presets (e.g. Product),
+ * based on the current screen size class.
+ */
+export declare function getRecommendedColumns(sizeClass?: ScreenSizeClass): number;
+/**
+ * Snap a dp value to the nearest physical pixel, reducing anti-aliased/blurry
+ * edges on skeleton borders, similar to React Native's own hairline handling.
+ */
+export declare function pixelSnap(value: number): number;
+//# sourceMappingURL=responsive.d.ts.map

package/lib/typescript/utils/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../src/utils/responsive.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAYhD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAOvC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,MAAyB,GAAG,eAAe,CAIpF;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,MAAM,CAS5E;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,SAAS,GAAE,eAAsC,GAAG,MAAM,CAS/F;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C"}

package/lib/typescript/utils/theme.d.ts

@@ -0,0 +1,16 @@
+import type { SkeletonThemeMode } from "../types";
+/**
+ * Resolve a SkeletonThemeMode ("light" | "dark" | "system") plus the current
+ * OS color scheme into a concrete isDark boolean.
+ */
+export declare function resolveIsDark(mode: SkeletonThemeMode, systemScheme: "light" | "dark" | null | undefined): boolean;
+/**
+ * Synchronous read of the current system color scheme, for use outside
+ * of component render (e.g. computing an initial value).
+ */
+export declare function getSystemColorScheme(): "light" | "dark" | null;
+/**
+ * Default theme colors for a resolved dark/light state.
+ */
+export declare function getDefaultThemeColors(isDark: boolean): import("..").SkeletonThemeColors;
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/utils/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAIjH;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAC9B,OAAO,GACP,MAAM,GACN,IAAI,CAMT;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,oCAEpD"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "react-native-smart-skeleton",
+  "version": "0.0.1",
+  "description": "A fully customizable, theme-aware, animated skeleton loader for React Native.",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "react-native-smart-skeleton.podspec",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "skeleton",
+    "loading",
+    "placeholder",
+    "shimmer",
+    "reanimated",
+    "ios",
+    "android"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-linear-gradient": "*",
+    "react-native-reanimated": ">=2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-linear-gradient": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "react": "18.2.0",
+    "react-native": "0.73.0",
+    "react-native-builder-bob": "^0.23.0",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-reanimated": "^3.6.0",
+    "typescript": "^5.3.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "author": "Neeraj Singh",
+  "homepage": "https://github.com/your-username/react-native-smart-skeleton",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/your-username/react-native-smart-skeleton.git"
+  },
+  "bugs": {
+    "url": "https://github.com/your-username/react-native-smart-skeleton/issues"
+  }
+}