react-native-smart-skeleton 0.0.1

package/lib/module/presets/Video.js

@@ -0,0 +1,69 @@
+import React from "react";
+import { View } from "react-native";
+import Skeleton from "../components/Skeleton";
+import Circle from "../components/Circle";
+/**
+ * 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 = 16 / 9,
+  showTitle = true,
+  showMeta = true,
+  count = 1,
+  gap = 20,
+  animation,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: style,
+    testID: testID
+  }, Array.from({
+    length: count
+  }).map((_, index) => /*#__PURE__*/React.createElement(View, {
+    key: index,
+    style: {
+      marginTop: index === 0 ? 0 : gap
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: "100%",
+      aspectRatio
+    }
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    width: "100%",
+    height: "100%",
+    borderRadius: 10,
+    animation: animation
+  })), (showTitle || showMeta) && /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row",
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(Circle, {
+    size: 36,
+    animation: animation
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: 10,
+      flex: 1
+    }
+  }, showTitle && /*#__PURE__*/React.createElement(Skeleton, {
+    width: "90%",
+    height: 14,
+    animation: animation
+  }), showMeta && /*#__PURE__*/React.createElement(Skeleton, {
+    width: "50%",
+    height: 11,
+    style: {
+      marginTop: 6
+    },
+    animation: animation
+  }))))));
+}
+//# sourceMappingURL=Video.js.map

package/lib/module/presets/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Skeleton","Circle","Video","aspectRatio","showTitle","showMeta","count","gap","animation","style","testID","createElement","Array","from","length","map","_","index","key","marginTop","width","height","borderRadius","flexDirection","size","marginLeft","flex"],"sourceRoot":"../../../src","sources":["presets/Video.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AAGzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,KAAKA,CAAC;EAC1BC,WAAW,GAAG,EAAE,GAAG,CAAC;EACpBC,SAAS,GAAG,IAAI;EAChBC,QAAQ,GAAG,IAAI;EACfC,KAAK,GAAG,CAAC;EACTC,GAAG,GAAG,EAAE;EACRC,SAAS;EACTC,KAAK;EACLC;AACsB,CAAC,EAAE;EACzB,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACU,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,GAC9BE,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAER;EAAM,CAAC,CAAC,CAACS,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACxCnB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACmB,GAAG,EAAED,KAAM;IAACR,KAAK,EAAE;MAAEU,SAAS,EAAEF,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGV;IAAI;EAAE,gBAC1DT,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACU,KAAK,EAAE;MAAEW,KAAK,EAAE,MAAM;MAAEjB;IAAY;EAAE,gBACxCL,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACoB,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,YAAY,EAAE,EAAG;IAACd,SAAS,EAAEA;EAAU,CAAE,CAC5E,CAAC,EAEN,CAACJ,SAAS,IAAIC,QAAQ,kBACnBP,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACU,KAAK,EAAE;MAAEc,aAAa,EAAE,KAAK;MAAEJ,SAAS,EAAE;IAAG;EAAE,gBACjDrB,KAAA,CAAAa,aAAA,CAACV,MAAM;IAACuB,IAAI,EAAE,EAAG;IAAChB,SAAS,EAAEA;EAAU,CAAE,CAAC,eAC1CV,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACU,KAAK,EAAE;MAAEgB,UAAU,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,GACpCtB,SAAS,iBAAIN,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACoB,KAAK,EAAC,KAAK;IAACC,MAAM,EAAE,EAAG;IAACb,SAAS,EAAEA;EAAU,CAAE,CAAC,EACvEH,QAAQ,iBACLP,KAAA,CAAAa,aAAA,CAACX,QAAQ;IACLoB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAE,EAAG;IACXZ,KAAK,EAAE;MAAEU,SAAS,EAAE;IAAE,CAAE;IACxBX,SAAS,EAAEA;EAAU,CACxB,CAEH,CACJ,CAER,CACT,CACC,CAAC;AAEf","ignoreList":[]}

package/lib/module/providers/SkeletonProvider.js

@@ -0,0 +1,61 @@
+import React, { createContext, useMemo } from "react";
+import { I18nManager, useColorScheme } from "react-native";
+import { useReducedMotion } from "../hooks/useReducedMotion";
+import { resolveIsDark, getDefaultThemeColors } from "../utils/theme";
+import { resolveThemeColors } from "../utils/colors";
+export const SkeletonContext = /*#__PURE__*/createContext(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 function SkeletonProvider({
+  children,
+  theme = "system",
+  animation = "shimmer",
+  duration = 1200,
+  performanceMode = "balanced",
+  rtl,
+  reducedMotion: reducedMotionOverride,
+  colors
+}) {
+  const systemScheme = useColorScheme();
+  const osReducedMotion = useReducedMotion();
+  const isDark = resolveIsDark(theme, systemScheme);
+  const reducedMotion = reducedMotionOverride ?? osReducedMotion;
+  const resolvedRtl = rtl ?? I18nManager.isRTL;
+  const value = useMemo(() => {
+    const ambient = getDefaultThemeColors(isDark);
+    const getVariantColors = variant => resolveThemeColors({
+      colorVariant: variant,
+      isDark,
+      brandColors: colors,
+      ambient
+    });
+    return {
+      theme,
+      isDark,
+      animation,
+      duration,
+      performanceMode,
+      reducedMotion,
+      rtl: resolvedRtl,
+      colors,
+      resolvedColors: ambient,
+      getVariantColors
+    };
+  }, [theme, isDark, animation, duration, performanceMode, reducedMotion, resolvedRtl, colors]);
+  return /*#__PURE__*/React.createElement(SkeletonContext.Provider, {
+    value: value
+  }, children);
+}
+export default SkeletonProvider;
+//# sourceMappingURL=SkeletonProvider.js.map

package/lib/module/providers/SkeletonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useMemo","I18nManager","useColorScheme","useReducedMotion","resolveIsDark","getDefaultThemeColors","resolveThemeColors","SkeletonContext","SkeletonProvider","children","theme","animation","duration","performanceMode","rtl","reducedMotion","reducedMotionOverride","colors","systemScheme","osReducedMotion","isDark","resolvedRtl","isRTL","value","ambient","getVariantColors","variant","colorVariant","brandColors","resolvedColors","createElement","Provider"],"sourceRoot":"../../../src","sources":["providers/SkeletonProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,OAAO,QAAQ,OAAO;AACrD,SAASC,WAAW,EAAEC,cAAc,QAAQ,cAAc;AAC1D,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,SAASC,aAAa,EAAEC,qBAAqB,QAAQ,gBAAgB;AACrE,SAASC,kBAAkB,QAAQ,iBAAiB;AAGpD,OAAO,MAAMC,eAAe,gBAAGR,aAAa,CAA8B,IAAI,CAAC;;AAE/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,gBAAgBA,CAAC;EAC7BC,QAAQ;EACRC,KAAK,GAAG,QAAQ;EAChBC,SAAS,GAAG,SAAS;EACrBC,QAAQ,GAAG,IAAI;EACfC,eAAe,GAAG,UAAU;EAC5BC,GAAG;EACHC,aAAa,EAAEC,qBAAqB;EACpCC;AACmB,CAAC,EAAE;EACtB,MAAMC,YAAY,GAAGhB,cAAc,CAAC,CAAC;EACrC,MAAMiB,eAAe,GAAGhB,gBAAgB,CAAC,CAAC;EAE1C,MAAMiB,MAAM,GAAGhB,aAAa,CAACM,KAAK,EAAEQ,YAAY,CAAC;EACjD,MAAMH,aAAa,GAAGC,qBAAqB,IAAIG,eAAe;EAC9D,MAAME,WAAW,GAAGP,GAAG,IAAIb,WAAW,CAACqB,KAAK;EAE5C,MAAMC,KAAK,GAAGvB,OAAO,CAAuB,MAAM;IAC9C,MAAMwB,OAAO,GAAGnB,qBAAqB,CAACe,MAAM,CAAC;IAE7C,MAAMK,gBAAgB,GAAIC,OAAgB,IACtCpB,kBAAkB,CAAC;MACfqB,YAAY,EAAED,OAAO;MACrBN,MAAM;MACNQ,WAAW,EAAEX,MAAM;MACnBO;IACJ,CAAC,CAAC;IAEN,OAAO;MACHd,KAAK;MACLU,MAAM;MACNT,SAAS;MACTC,QAAQ;MACRC,eAAe;MACfE,aAAa;MACbD,GAAG,EAAEO,WAAW;MAChBJ,MAAM;MACNY,cAAc,EAAEL,OAAO;MACvBC;IACJ,CAAC;EACL,CAAC,EAAE,CAACf,KAAK,EAAEU,MAAM,EAAET,SAAS,EAAEC,QAAQ,EAAEC,eAAe,EAAEE,aAAa,EAAEM,WAAW,EAAEJ,MAAM,CAAC,CAAC;EAE7F,oBAAOnB,KAAA,CAAAgC,aAAA,CAACvB,eAAe,CAACwB,QAAQ;IAACR,KAAK,EAAEA;EAAM,GAAEd,QAAmC,CAAC;AACxF;AAEA,eAAeD,gBAAgB","ignoreList":[]}

package/lib/module/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/colors.js

@@ -0,0 +1,132 @@
+/**
+ * Default light/dark palettes used when no brand colors or explicit
+ * backgroundColor/highlightColor are supplied.
+ */
+export const DEFAULT_LIGHT_COLORS = {
+  background: "#E5E7EB",
+  highlight: "#F3F4F6"
+};
+export const DEFAULT_DARK_COLORS = {
+  background: "#2D3748",
+  highlight: "#4A5568"
+};
+
+/**
+ * Clamp a number between 0 and 255.
+ */
+function clampChannel(value) {
+  return Math.max(0, Math.min(255, Math.round(value)));
+}
+
+/**
+ * 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 function parseHexColor(hex) {
+  const normalized = hex.trim().replace("#", "");
+  if (normalized.length === 3) {
+    const r = parseInt(normalized[0] + normalized[0], 16);
+    const g = parseInt(normalized[1] + normalized[1], 16);
+    const b = parseInt(normalized[2] + normalized[2], 16);
+    return {
+      r,
+      g,
+      b,
+      a: 1
+    };
+  }
+  if (normalized.length === 6) {
+    const r = parseInt(normalized.slice(0, 2), 16);
+    const g = parseInt(normalized.slice(2, 4), 16);
+    const b = parseInt(normalized.slice(4, 6), 16);
+    return {
+      r,
+      g,
+      b,
+      a: 1
+    };
+  }
+  if (normalized.length === 8) {
+    const r = parseInt(normalized.slice(0, 2), 16);
+    const g = parseInt(normalized.slice(2, 4), 16);
+    const b = parseInt(normalized.slice(4, 6), 16);
+    const a = parseInt(normalized.slice(6, 8), 16) / 255;
+    return {
+      r,
+      g,
+      b,
+      a
+    };
+  }
+  return null;
+}
+
+/**
+ * Convert an rgb/rgba channel set back into a CSS rgba() string.
+ */
+export function toRgbaString(r, g, b, a) {
+  return `rgba(${clampChannel(r)}, ${clampChannel(g)}, ${clampChannel(b)}, ${Math.max(0, Math.min(1, a))})`;
+}
+
+/**
+ * Lighten or darken a hex color by a percentage (-1 to 1).
+ * Positive amount lightens, negative darkens. Non-hex input is returned unchanged.
+ */
+export function shadeColor(hex, amount) {
+  const parsed = parseHexColor(hex);
+  if (!parsed) return hex;
+  const {
+    r,
+    g,
+    b,
+    a
+  } = parsed;
+  const factor = amount;
+  const adjust = channel => factor >= 0 ? channel + (255 - channel) * factor : channel + channel * factor;
+  return toRgbaString(adjust(r), adjust(g), adjust(b), a);
+}
+
+/**
+ * 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 function withOpacity(color, opacity) {
+  const parsed = parseHexColor(color);
+  if (!parsed) return color;
+  return toRgbaString(parsed.r, parsed.g, parsed.b, opacity);
+}
+
+/**
+ * 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 function resolveThemeColors(params) {
+  const {
+    backgroundColor,
+    highlightColor,
+    colorVariant,
+    isDark,
+    brandColors,
+    ambient
+  } = params;
+  let base = ambient;
+  if (colorVariant && brandColors && brandColors[colorVariant]) {
+    const variant = brandColors[colorVariant];
+    base = isDark ? variant.dark : variant.light;
+  }
+  return {
+    background: backgroundColor ?? base.background,
+    highlight: highlightColor ?? base.highlight
+  };
+}
+
+/**
+ * Build a 3-stop gradient color array from a background/highlight pair,
+ * matching the classic skeleton "sweep" look: base -> highlight -> base.
+ */
+export function buildSweepGradient(background, highlight) {
+  return [background, highlight, background];
+}
+//# sourceMappingURL=colors.js.map

package/lib/module/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LIGHT_COLORS","background","highlight","DEFAULT_DARK_COLORS","clampChannel","value","Math","max","min","round","parseHexColor","hex","normalized","trim","replace","length","r","parseInt","g","b","a","slice","toRgbaString","shadeColor","amount","parsed","factor","adjust","channel","withOpacity","color","opacity","resolveThemeColors","params","backgroundColor","highlightColor","colorVariant","isDark","brandColors","ambient","base","variant","dark","light","buildSweepGradient"],"sourceRoot":"../../../src","sources":["utils/colors.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/responsive.js

@@ -0,0 +1,74 @@
+import { Dimensions, PixelRatio } from "react-native";
+/**
+ * Breakpoints (in dp) used to classify the current screen width.
+ * Roughly: phones -> "compact", small tablets / large phones landscape -> "regular",
+ * tablets / desktop-like windows -> "wide".
+ */
+const BREAKPOINTS = {
+  regular: 480,
+  wide: 768
+};
+
+/**
+ * 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 function getScreenWidth() {
+  try {
+    const {
+      width
+    } = Dimensions.get("window");
+    return width || 0;
+  } catch {
+    return 0;
+  }
+}
+
+/**
+ * Classify the current screen width into a coarse size bucket, useful for
+ * preset components that want to adapt column counts or avatar sizes.
+ */
+export function getScreenSizeClass(width = getScreenWidth()) {
+  if (width >= BREAKPOINTS.wide) return "wide";
+  if (width >= BREAKPOINTS.regular) return "regular";
+  return "compact";
+}
+
+/**
+ * Scale a base dp value by the size class, useful for nudging preset
+ * dimensions (avatar size, line height) up slightly on larger screens.
+ */
+export function scaleBySize(base, sizeClass) {
+  switch (sizeClass) {
+    case "wide":
+      return Math.round(base * 1.25);
+    case "regular":
+      return Math.round(base * 1.1);
+    default:
+      return base;
+  }
+}
+
+/**
+ * Resolve a recommended column count for grid-style presets (e.g. Product),
+ * based on the current screen size class.
+ */
+export function getRecommendedColumns(sizeClass = getScreenSizeClass()) {
+  switch (sizeClass) {
+    case "wide":
+      return 4;
+    case "regular":
+      return 3;
+    default:
+      return 2;
+  }
+}
+
+/**
+ * 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 function pixelSnap(value) {
+  return PixelRatio.roundToNearestPixel(value);
+}
+//# sourceMappingURL=responsive.js.map

package/lib/module/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","PixelRatio","BREAKPOINTS","regular","wide","getScreenWidth","width","get","getScreenSizeClass","scaleBySize","base","sizeClass","Math","round","getRecommendedColumns","pixelSnap","value","roundToNearestPixel"],"sourceRoot":"../../../src","sources":["utils/responsive.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAGrD;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAG;EAChBC,OAAO,EAAE,GAAG;EACZC,IAAI,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAW;EACrC,IAAI;IACA,MAAM;MAAEC;IAAM,CAAC,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC;IAC1C,OAAOD,KAAK,IAAI,CAAC;EACrB,CAAC,CAAC,MAAM;IACJ,OAAO,CAAC;EACZ;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAACF,KAAa,GAAGD,cAAc,CAAC,CAAC,EAAmB;EAClF,IAAIC,KAAK,IAAIJ,WAAW,CAACE,IAAI,EAAE,OAAO,MAAM;EAC5C,IAAIE,KAAK,IAAIJ,WAAW,CAACC,OAAO,EAAE,OAAO,SAAS;EAClD,OAAO,SAAS;AACpB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,WAAWA,CAACC,IAAY,EAAEC,SAA0B,EAAU;EAC1E,QAAQA,SAAS;IACb,KAAK,MAAM;MACP,OAAOC,IAAI,CAACC,KAAK,CAACH,IAAI,GAAG,IAAI,CAAC;IAClC,KAAK,SAAS;MACV,OAAOE,IAAI,CAACC,KAAK,CAACH,IAAI,GAAG,GAAG,CAAC;IACjC;MACI,OAAOA,IAAI;EACnB;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,qBAAqBA,CAACH,SAA0B,GAAGH,kBAAkB,CAAC,CAAC,EAAU;EAC7F,QAAQG,SAAS;IACb,KAAK,MAAM;MACP,OAAO,CAAC;IACZ,KAAK,SAAS;MACV,OAAO,CAAC;IACZ;MACI,OAAO,CAAC;EAChB;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,SAASA,CAACC,KAAa,EAAU;EAC7C,OAAOf,UAAU,CAACgB,mBAAmB,CAACD,KAAK,CAAC;AAChD","ignoreList":[]}

package/lib/module/utils/theme.js

@@ -0,0 +1,32 @@
+import { Appearance } from "react-native";
+import { DEFAULT_DARK_COLORS, DEFAULT_LIGHT_COLORS } from "./colors";
+
+/**
+ * Resolve a SkeletonThemeMode ("light" | "dark" | "system") plus the current
+ * OS color scheme into a concrete isDark boolean.
+ */
+export function resolveIsDark(mode, systemScheme) {
+  if (mode === "light") return false;
+  if (mode === "dark") return true;
+  return systemScheme === "dark";
+}
+
+/**
+ * Synchronous read of the current system color scheme, for use outside
+ * of component render (e.g. computing an initial value).
+ */
+export function getSystemColorScheme() {
+  try {
+    return Appearance.getColorScheme() ?? null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Default theme colors for a resolved dark/light state.
+ */
+export function getDefaultThemeColors(isDark) {
+  return isDark ? DEFAULT_DARK_COLORS : DEFAULT_LIGHT_COLORS;
+}
+//# sourceMappingURL=theme.js.map

package/lib/module/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Appearance","DEFAULT_DARK_COLORS","DEFAULT_LIGHT_COLORS","resolveIsDark","mode","systemScheme","getSystemColorScheme","getColorScheme","getDefaultThemeColors","isDark"],"sourceRoot":"../../../src","sources":["utils/theme.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,UAAU;;AAEpE;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,IAAuB,EAAEC,YAAiD,EAAW;EAC/G,IAAID,IAAI,KAAK,OAAO,EAAE,OAAO,KAAK;EAClC,IAAIA,IAAI,KAAK,MAAM,EAAE,OAAO,IAAI;EAChC,OAAOC,YAAY,KAAK,MAAM;AAClC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAA,EAGzB;EACP,IAAI;IACA,OAAON,UAAU,CAACO,cAAc,CAAC,CAAC,IAAI,IAAI;EAC9C,CAAC,CAAC,MAAM;IACJ,OAAO,IAAI;EACf;AACJ;;AAEA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAACC,MAAe,EAAE;EACnD,OAAOA,MAAM,GAAGR,mBAAmB,GAAGC,oBAAoB;AAC9D","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import type { SkeletonPerformanceMode } from "../types";
+export interface BreathingOptions {
+    duration?: number;
+    delay?: number;
+    disabled?: boolean;
+    performanceMode?: SkeletonPerformanceMode;
+    /** Smallest scale factor during the "exhale" phase. Defaults to 0.97. */
+    minScale?: number;
+    /** Largest scale factor during the "inhale" phase. Defaults to 1. */
+    maxScale?: number;
+    /** Paired opacity dip alongside the scale-down. Defaults to 0.85. */
+    minOpacity?: number;
+}
+/**
+ * A slow, very gentle scale + opacity oscillation — softer and slower than
+ * "pulse" — intended as the most reduced-motion-friendly animation. This is
+ * the animation `Skeleton` falls back to (at a slowed rate) when the OS
+ * reduce-motion setting is on and the consumer hasn't explicitly chosen "none".
+ */
+export declare function useBreathingStyle({ duration, delay, disabled, performanceMode, minScale, maxScale, minOpacity, }: BreathingOptions): {
+    opacity: number;
+    transform: {
+        scale: number;
+    }[];
+};
+//# sourceMappingURL=breathing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breathing.d.ts","sourceRoot":"","sources":["../../../src/animations/breathing.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,QAAe,EACf,KAAS,EACT,QAAgB,EAChB,eAA4B,EAC5B,QAAe,EACf,QAAY,EACZ,UAAiB,GACpB,EAAE,gBAAgB;;;;;EAyClB"}

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

@@ -0,0 +1,22 @@
+import type { SkeletonPerformanceMode } from "../types";
+export interface PulseOptions {
+    duration?: number;
+    delay?: number;
+    disabled?: boolean;
+    performanceMode?: SkeletonPerformanceMode;
+    /** Minimum opacity of the "dim" phase. Defaults to 0.4. */
+    minOpacity?: number;
+    /** Maximum opacity of the "bright" phase. Defaults to 1. */
+    maxOpacity?: number;
+}
+/**
+ * Classic fade in/out pulse: opacity oscillates between minOpacity and
+ * maxOpacity using an ease-in-out curve, looping indefinitely.
+ *
+ * Returns an animated style with just `opacity`, ready to spread onto the
+ * skeleton's base View.
+ */
+export declare function usePulseStyle({ duration, delay, disabled, performanceMode, minOpacity, maxOpacity, }: PulseOptions): {
+    opacity: number;
+};
+//# sourceMappingURL=pulse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pulse.d.ts","sourceRoot":"","sources":["../../../src/animations/pulse.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,YAAY;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC1B,QAAe,EACf,KAAS,EACT,QAAgB,EAChB,eAA4B,EAC5B,UAAgB,EAChB,UAAc,GACjB,EAAE,YAAY;;EAqCd"}

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

@@ -0,0 +1,34 @@
+import type { SkeletonPerformanceMode } from "../types";
+export interface ShimmerOptions {
+    duration?: number;
+    delay?: number;
+    /** When true, freezes the animation at progress 0 (used for reduced motion / "none"). */
+    disabled?: boolean;
+    performanceMode?: SkeletonPerformanceMode;
+}
+/**
+ * Drives a 0 -> 1 -> 0 progress value looping indefinitely, intended to be
+ * mapped (by the consuming component) onto a translateX of a gradient
+ * overlay to create the classic "shimmer sweep" effect.
+ *
+ * Returns both the raw shared value-derived animated style (opacity passthrough,
+ * so it can be spread directly) and the progress itself isn't exposed —
+ * components should use `useShimmerTransform` below to get a transform style
+ * sized to their own width.
+ */
+export declare function useShimmerProgress({ duration, delay, disabled, performanceMode, }: ShimmerOptions): import("react-native-reanimated").SharedValue<number>;
+/**
+ * Convenience hook: given a measured width, returns an animated style that
+ * translates a highlight overlay (assumed ~60% of `width` wide) from off-screen
+ * left to off-screen right, looping. Use on an absolutely-positioned overlay
+ * View/LinearGradient layered on top of the base skeleton rect.
+ */
+export declare function useShimmerTransform(width: number, options: ShimmerOptions): {
+    style: {
+        transform: {
+            translateX: number;
+        }[];
+    };
+    sweepWidth: number;
+};
+//# sourceMappingURL=shimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../src/animations/shimmer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,cAAc;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAC;CAC7C;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,QAAe,EACf,KAAS,EACT,QAAgB,EAChB,eAA4B,GAC/B,EAAE,cAAc,yDAgChB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc;;;;;;;EAYzE"}

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

@@ -0,0 +1,23 @@
+import type { SkeletonPerformanceMode } from "../types";
+export interface WaveOptions {
+    duration?: number;
+    delay?: number;
+    disabled?: boolean;
+    performanceMode?: SkeletonPerformanceMode;
+}
+/**
+ * Similar to shimmer, but drives a smoother sine-like sweep (ease-in-out
+ * instead of linear) intended for a softer "ripple" look, typically paired
+ * with a wider, lower-contrast gradient than shimmer uses.
+ *
+ * Returns a translateX-based animated style for a given measured width.
+ */
+export declare function useWaveTransform(width: number, options: WaveOptions): {
+    style: {
+        transform: {
+            translateX: number;
+        }[];
+    };
+    sweepWidth: number;
+};
+//# sourceMappingURL=wave.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wave.d.ts","sourceRoot":"","sources":["../../../src/animations/wave.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAC;CAC7C;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;;;;;;;EA8CnE"}

package/lib/typescript/clone/SkeletonClone.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { SkeletonCloneProps } from "../types";
+/**
+ * Clones an arbitrary layout tree as skeleton placeholders. Useful when you
+ * have a complex, bespoke screen layout and don't want to hand-place a
+ * Skeleton for every element — instead describe the rough shape once as a
+ * `SkeletonCloneNode` tree (mirroring your real layout's structure) and let
+ * SkeletonClone render matching placeholders.
+ *
+ * @example
+ * <SkeletonClone
+ *   layout={{
+ *     direction: "row",
+ *     gap: 12,
+ *     children: [
+ *       { shape: "circle", width: 48, height: 48 },
+ *       {
+ *         direction: "column",
+ *         gap: 6,
+ *         children: [
+ *           { width: 120, height: 14 },
+ *           { width: 80, height: 12 },
+ *         ],
+ *       },
+ *     ],
+ *   }}
+ * />
+ */
+export default function SkeletonClone({ layout, animation, style, testID }: SkeletonCloneProps): React.JSX.Element;
+//# sourceMappingURL=SkeletonClone.d.ts.map

package/lib/typescript/clone/SkeletonClone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonClone.d.ts","sourceRoot":"","sources":["../../../src/clone/SkeletonClone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAqB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAkDtE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,kBAAkB,qBAE7F"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SkeletonCircleProps } from "../types";
+/**
+ * A circular skeleton placeholder, commonly used for avatars.
+ *
+ * @example
+ * <Skeleton.Circle size={48} />
+ */
+export default function Circle({ size, ...props }: SkeletonCircleProps): React.JSX.Element;
+//# sourceMappingURL=Circle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../src/components/Circle.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,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAE1E"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import type { SkeletonGroupProps } from "../types";
+/**
+ * Groups multiple skeleton children together and automatically staggers
+ * their animation start so they don't all pulse/shimmer perfectly in sync —
+ * a subtle touch that reads as more natural for lists of skeleton rows.
+ *
+ * Any direct child that accepts a `delay` prop (i.e. any Skeleton.* shape,
+ * or a custom component that forwards `delay` to one) will have an
+ * incremental delay injected automatically. Children that already specify
+ * their own `delay` are left untouched.
+ *
+ * @example
+ * <Skeleton.Group staggerDelay={80}>
+ *   <Skeleton.Rect width="100%" height={16} />
+ *   <Skeleton.Rect width="80%" height={16} />
+ *   <Skeleton.Rect width="60%" height={16} />
+ * </Skeleton.Group>
+ */
+export default function Group({ children, staggerDelay, animation, direction, style, testID, }: SkeletonGroupProps): React.JSX.Element;
+//# sourceMappingURL=Group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,QAAQ,EACR,YAAiB,EACjB,SAAS,EACT,SAAoB,EACpB,KAAK,EACL,MAAM,GACT,EAAE,kBAAkB,qBA0BpB"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { SkeletonPillProps } from "../types";
+/**
+ * A fully-rounded "pill" skeleton placeholder, commonly used for buttons,
+ * tags/chips, or badges. Border radius is automatically derived from height
+ * unless overridden.
+ *
+ * @example
+ * <Skeleton.Pill width={80} height={28} />
+ */
+export default function Pill({ width, height, borderRadius, ...props }: SkeletonPillProps): React.JSX.Element;
+//# sourceMappingURL=Pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAUlG"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { SkeletonProps } from "../types";
+/**
+ * A rectangular skeleton placeholder. Equivalent to `<Skeleton />` directly,
+ * provided for a consistent, explicit naming convention alongside
+ * `Skeleton.Circle`, `Skeleton.Square`, and `Skeleton.Pill`.
+ *
+ * @example
+ * <Skeleton.Rect width={200} height={20} />
+ */
+export default function Rect(props: SkeletonProps): React.JSX.Element;
+//# sourceMappingURL=Rect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.d.ts","sourceRoot":"","sources":["../../../src/components/Rect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,aAAa,qBAEhD"}