react-native-smart-skeleton 0.0.1

package/lib/commonjs/presets/Card.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Card;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Skeleton = _interopRequireDefault(require("../components/Skeleton"));
+var _Circle = _interopRequireDefault(require("../components/Circle"));
+var _Group = _interopRequireDefault(require("../components/Group"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * 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} />
+ */
+function Card({
+  imageHeight = 160,
+  lines = 3,
+  showAvatar = false,
+  count = 1,
+  gap = 20,
+  animation,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style,
+    testID: testID
+  }, Array.from({
+    length: count
+  }).map((_, blockIndex) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: blockIndex,
+    style: {
+      marginTop: blockIndex === 0 ? 0 : gap
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "100%",
+    height: imageHeight,
+    borderRadius: 12,
+    animation: animation
+  }), showAvatar && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: "row",
+      alignItems: "center",
+      marginTop: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Circle.default, {
+    size: 32,
+    animation: animation
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "40%",
+    height: 12,
+    style: {
+      marginLeft: 8
+    },
+    animation: animation
+  })), /*#__PURE__*/_react.default.createElement(_Group.default, {
+    staggerDelay: 60,
+    animation: animation,
+    style: {
+      marginTop: showAvatar ? 12 : 16
+    }
+  }, Array.from({
+    length: lines
+  }, (__, lineIndex) => {
+    const lineProps = {
+      width: lineIndex === lines - 1 ? "50%" : "100%",
+      height: 12,
+      style: {
+        marginTop: lineIndex === 0 ? 0 : 8
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement(_Skeleton.default, _extends({
+      key: lineIndex
+    }, lineProps));
+  })))));
+}
+//# sourceMappingURL=Card.js.map

package/lib/commonjs/presets/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Skeleton","_Circle","_Group","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Card","imageHeight","lines","showAvatar","count","gap","animation","style","testID","createElement","View","Array","from","map","_","blockIndex","key","marginTop","width","height","borderRadius","flexDirection","alignItems","size","marginLeft","staggerDelay","__","lineIndex","lineProps"],"sourceRoot":"../../../src","sources":["presets/Card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/presets/Chat.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Chat;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Skeleton = _interopRequireDefault(require("../components/Skeleton"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BUBBLE_WIDTHS = ["55%", "70%", "45%", "62%"];
+
+/**
+ * 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} />
+ */
+function Chat({
+  messages = 4,
+  alternate = true,
+  gap = 12,
+  animation,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style,
+    testID: testID
+  }, Array.from({
+    length: messages
+  }).map((_, index) => {
+    const isRight = alternate && index % 2 === 1;
+    const width = BUBBLE_WIDTHS[index % BUBBLE_WIDTHS.length];
+    const height = 18 + index % 3 * 6;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: index,
+      style: {
+        flexDirection: "row",
+        justifyContent: isRight ? "flex-end" : "flex-start",
+        marginTop: index === 0 ? 0 : gap
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+      width: width,
+      height: height,
+      borderRadius: 14,
+      animation: animation,
+      delay: index * 70
+    }));
+  }));
+}
+//# sourceMappingURL=Chat.js.map

package/lib/commonjs/presets/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Skeleton","e","__esModule","default","BUBBLE_WIDTHS","Chat","messages","alternate","gap","animation","style","testID","createElement","View","Array","from","length","map","_","index","isRight","width","height","key","flexDirection","justifyContent","marginTop","borderRadius","delay"],"sourceRoot":"../../../src","sources":["presets/Chat.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,IAAIA,CAAC;EACzBC,QAAQ,GAAG,CAAC;EACZC,SAAS,GAAG,IAAI;EAChBC,GAAG,GAAG,EAAE;EACRC,SAAS;EACTC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,oBACIf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACH,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,GAC9BG,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEV;EAAS,CAAC,CAAC,CAACW,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAChD,MAAMC,OAAO,GAAGb,SAAS,IAAIY,KAAK,GAAG,CAAC,KAAK,CAAC;IAC5C,MAAME,KAAK,GAAGjB,aAAa,CAACe,KAAK,GAAGf,aAAa,CAACY,MAAM,CAAC;IACzD,MAAMM,MAAM,GAAG,EAAE,GAAKH,KAAK,GAAG,CAAC,GAAI,CAAE;IAErC,oBACIvB,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAc,IAAI;MACDU,GAAG,EAAEJ,KAAM;MACXT,KAAK,EAAE;QACHc,aAAa,EAAE,KAAK;QACpBC,cAAc,EAAEL,OAAO,GAAG,UAAU,GAAG,YAAY;QACnDM,SAAS,EAAEP,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGX;MACjC;IAAE,gBAEFZ,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,SAAA,CAAAG,OAAQ;MACLkB,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfK,YAAY,EAAE,EAAG;MACjBlB,SAAS,EAAEA,SAAU;MACrBmB,KAAK,EAAET,KAAK,GAAG;IAAG,CACrB,CACC,CAAC;EAEf,CAAC,CACC,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/presets/Product.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Product;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Skeleton = _interopRequireDefault(require("../components/Skeleton"));
+var _responsive = require("../utils/responsive");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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} />
+ */
+function Product({
+  imageHeight = 140,
+  columns,
+  count = 4,
+  gap = 16,
+  animation,
+  style,
+  testID
+}) {
+  const resolvedColumns = columns ?? (0, _responsive.getRecommendedColumns)();
+  const itemWidth = `${100 / resolvedColumns}%`;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      flexDirection: "row",
+      flexWrap: "wrap"
+    }, style],
+    testID: testID
+  }, Array.from({
+    length: count
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: index,
+    style: {
+      width: itemWidth,
+      paddingHorizontal: gap / 2,
+      marginBottom: gap
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "100%",
+    height: imageHeight,
+    borderRadius: 10,
+    animation: animation,
+    delay: index * 40
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "80%",
+    height: 12,
+    style: {
+      marginTop: 8
+    },
+    animation: animation,
+    delay: index * 40
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "40%",
+    height: 12,
+    style: {
+      marginTop: 6
+    },
+    animation: animation,
+    delay: index * 40
+  }))));
+}
+//# sourceMappingURL=Product.js.map

package/lib/commonjs/presets/Product.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Skeleton","_responsive","e","__esModule","default","Product","imageHeight","columns","count","gap","animation","style","testID","resolvedColumns","getRecommendedColumns","itemWidth","createElement","View","flexDirection","flexWrap","Array","from","length","map","_","index","key","width","paddingHorizontal","marginBottom","height","borderRadius","delay","marginTop"],"sourceRoot":"../../../src","sources":["presets/Product.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA4D,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASG,OAAOA,CAAC;EAC5BC,WAAW,GAAG,GAAG;EACjBC,OAAO;EACPC,KAAK,GAAG,CAAC;EACTC,GAAG,GAAG,EAAE;EACRC,SAAS;EACTC,KAAK;EACLC;AACwB,CAAC,EAAE;EAC3B,MAAMC,eAAe,GAAGN,OAAO,IAAI,IAAAO,iCAAqB,EAAC,CAAC;EAC1D,MAAMC,SAAS,GAAG,GAAG,GAAG,GAAGF,eAAe,GAAG;EAE7C,oBACIjB,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACN,KAAK,EAAE,CAAC;MAAEO,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAO,CAAC,EAAER,KAAK,CAAE;IAACC,MAAM,EAAEA;EAAO,GAC5EQ,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEd;EAAM,CAAC,CAAC,CAACe,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACxC7B,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IACDS,GAAG,EAAED,KAAM;IACXd,KAAK,EAAE;MACHgB,KAAK,EAAEZ,SAAgB;MACvBa,iBAAiB,EAAEnB,GAAG,GAAG,CAAC;MAC1BoB,YAAY,EAAEpB;IAClB;EAAE,gBAEFb,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,SAAA,CAAAI,OAAQ;IAACuB,KAAK,EAAC,MAAM;IAACG,MAAM,EAAExB,WAAY;IAACyB,YAAY,EAAE,EAAG;IAACrB,SAAS,EAAEA,SAAU;IAACsB,KAAK,EAAEP,KAAK,GAAG;EAAG,CAAE,CAAC,eACzG7B,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,SAAA,CAAAI,OAAQ;IAACuB,KAAK,EAAC,KAAK;IAACG,MAAM,EAAE,EAAG;IAACnB,KAAK,EAAE;MAAEsB,SAAS,EAAE;IAAE,CAAE;IAACvB,SAAS,EAAEA,SAAU;IAACsB,KAAK,EAAEP,KAAK,GAAG;EAAG,CAAE,CAAC,eACtG7B,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,SAAA,CAAAI,OAAQ;IAACuB,KAAK,EAAC,KAAK;IAACG,MAAM,EAAE,EAAG;IAACnB,KAAK,EAAE;MAAEsB,SAAS,EAAE;IAAE,CAAE;IAACvB,SAAS,EAAEA,SAAU;IAACsB,KAAK,EAAEP,KAAK,GAAG;EAAG,CAAE,CACnG,CACT,CACC,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/presets/Profile.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Profile;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Skeleton = _interopRequireDefault(require("../components/Skeleton"));
+var _Circle = _interopRequireDefault(require("../components/Circle"));
+var _Group = _interopRequireDefault(require("../components/Group"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * 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} />
+ */
+function Profile({
+  avatarSize = 56,
+  lines = 2,
+  count = 1,
+  gap = 16,
+  animation,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style,
+    testID: testID
+  }, Array.from({
+    length: count
+  }).map((_, blockIndex) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: blockIndex,
+    style: {
+      flexDirection: "row",
+      alignItems: "center",
+      marginTop: blockIndex === 0 ? 0 : gap
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Circle.default, {
+    size: avatarSize,
+    animation: animation
+  }), /*#__PURE__*/_react.default.createElement(_Group.default, {
+    staggerDelay: 60,
+    animation: animation,
+    style: {
+      marginLeft: 12,
+      flex: 1
+    }
+  }, Array.from({
+    length: lines
+  }, (__, lineIndex) => {
+    const lineProps = {
+      width: lineIndex === 0 ? "60%" : `${85 - lineIndex * 15}%`,
+      height: lineIndex === 0 ? 16 : 12,
+      style: {
+        marginTop: lineIndex === 0 ? 0 : 8
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement(_Skeleton.default, _extends({
+      key: lineIndex
+    }, lineProps));
+  })))));
+}
+//# sourceMappingURL=Profile.js.map

package/lib/commonjs/presets/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Skeleton","_Circle","_Group","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Profile","avatarSize","lines","count","gap","animation","style","testID","createElement","View","Array","from","map","_","blockIndex","key","flexDirection","alignItems","marginTop","size","staggerDelay","marginLeft","flex","__","lineIndex","lineProps","width","height"],"sourceRoot":"../../../src","sources":["presets/Profile.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAGxC;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASO,OAAOA,CAAC;EAC5BC,UAAU,GAAG,EAAE;EACfC,KAAK,GAAG,CAAC;EACTC,KAAK,GAAG,CAAC;EACTC,GAAG,GAAG,EAAE;EACRC,SAAS;EACTC,KAAK;EACLC;AACwB,CAAC,EAAE;EAC3B,oBACI7B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACH,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,GAC9BG,KAAK,CAACC,IAAI,CAAC;IAAEjB,MAAM,EAAES;EAAM,CAAC,CAAC,CAACS,GAAG,CAAC,CAACC,CAAC,EAAEC,UAAU,kBAC7CpC,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IACDM,GAAG,EAAED,UAAW;IAChBR,KAAK,EAAE;MACHU,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAEJ,UAAU,KAAK,CAAC,GAAG,CAAC,GAAGV;IACtC;EAAE,gBAEF1B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACzB,OAAA,CAAAI,OAAM;IAACgC,IAAI,EAAElB,UAAW;IAACI,SAAS,EAAEA;EAAU,CAAE,CAAC,eAClD3B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAACxB,MAAA,CAAAG,OAAK;IACFiC,YAAY,EAAE,EAAG;IACjBf,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAE;MAAEe,UAAU,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,GAElCZ,KAAK,CAACC,IAAI,CAAC;IAAEjB,MAAM,EAAEQ;EAAM,CAAC,EAAE,CAACqB,EAAE,EAAEC,SAAS,KAAK;IAC9C,MAAMC,SAAwB,GAAG;MAC7BC,KAAK,EAAEF,SAAS,KAAK,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,GAAGA,SAAS,GAAG,EAAE,GAAG;MAC1DG,MAAM,EAAEH,SAAS,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE;MACjClB,KAAK,EAAE;QAAEY,SAAS,EAAEM,SAAS,KAAK,CAAC,GAAG,CAAC,GAAG;MAAE;IAChD,CAAC;IACD,oBAAO9C,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC1B,SAAA,CAAAK,OAAQ,EAAAC,QAAA;MAAC2B,GAAG,EAAES;IAAU,GAAKC,SAAS,CAAG,CAAC;EACtD,CAAC,CACE,CACL,CACT,CACC,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/presets/Video.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Video;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Skeleton = _interopRequireDefault(require("../components/Skeleton"));
+var _Circle = _interopRequireDefault(require("../components/Circle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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 />
+ */
+function Video({
+  aspectRatio = 16 / 9,
+  showTitle = true,
+  showMeta = true,
+  count = 1,
+  gap = 20,
+  animation,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style,
+    testID: testID
+  }, Array.from({
+    length: count
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: index,
+    style: {
+      marginTop: index === 0 ? 0 : gap
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      width: "100%",
+      aspectRatio
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "100%",
+    height: "100%",
+    borderRadius: 10,
+    animation: animation
+  })), (showTitle || showMeta) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: "row",
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Circle.default, {
+    size: 36,
+    animation: animation
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginLeft: 10,
+      flex: 1
+    }
+  }, showTitle && /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "90%",
+    height: 14,
+    animation: animation
+  }), showMeta && /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    width: "50%",
+    height: 11,
+    style: {
+      marginTop: 6
+    },
+    animation: animation
+  }))))));
+}
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Skeleton","_Circle","e","__esModule","default","Video","aspectRatio","showTitle","showMeta","count","gap","animation","style","testID","createElement","View","Array","from","length","map","_","index","key","marginTop","width","height","borderRadius","flexDirection","size","marginLeft","flex"],"sourceRoot":"../../../src","sources":["presets/Video.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0C,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASG,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,oBACIjB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,GAC9BG,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAET;EAAM,CAAC,CAAC,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACxCzB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACO,GAAG,EAAED,KAAM;IAACT,KAAK,EAAE;MAAEW,SAAS,EAAEF,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGX;IAAI;EAAE,gBAC1Dd,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAE;MAAEY,KAAK,EAAE,MAAM;MAAElB;IAAY;EAAE,gBACxCV,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACd,SAAA,CAAAI,OAAQ;IAACoB,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,YAAY,EAAE,EAAG;IAACf,SAAS,EAAEA;EAAU,CAAE,CAC5E,CAAC,EAEN,CAACJ,SAAS,IAAIC,QAAQ,kBACnBZ,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAE;MAAEe,aAAa,EAAE,KAAK;MAAEJ,SAAS,EAAE;IAAG;EAAE,gBACjD3B,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACb,OAAA,CAAAG,OAAM;IAACwB,IAAI,EAAE,EAAG;IAACjB,SAAS,EAAEA;EAAU,CAAE,CAAC,eAC1Cf,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAE;MAAEiB,UAAU,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,GACpCvB,SAAS,iBAAIX,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACd,SAAA,CAAAI,OAAQ;IAACoB,KAAK,EAAC,KAAK;IAACC,MAAM,EAAE,EAAG;IAACd,SAAS,EAAEA;EAAU,CAAE,CAAC,EACvEH,QAAQ,iBACLZ,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACd,SAAA,CAAAI,OAAQ;IACLoB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAE,EAAG;IACXb,KAAK,EAAE;MAAEW,SAAS,EAAE;IAAE,CAAE;IACxBZ,SAAS,EAAEA;EAAU,CACxB,CAEH,CACJ,CAER,CACT,CACC,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/providers/SkeletonProvider.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonContext = void 0;
+exports.SkeletonProvider = SkeletonProvider;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useReducedMotion = require("../hooks/useReducedMotion");
+var _theme = require("../utils/theme");
+var _colors = require("../utils/colors");
+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); }
+const SkeletonContext = exports.SkeletonContext = /*#__PURE__*/(0, _react.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>
+ */
+function SkeletonProvider({
+  children,
+  theme = "system",
+  animation = "shimmer",
+  duration = 1200,
+  performanceMode = "balanced",
+  rtl,
+  reducedMotion: reducedMotionOverride,
+  colors
+}) {
+  const systemScheme = (0, _reactNative.useColorScheme)();
+  const osReducedMotion = (0, _useReducedMotion.useReducedMotion)();
+  const isDark = (0, _theme.resolveIsDark)(theme, systemScheme);
+  const reducedMotion = reducedMotionOverride ?? osReducedMotion;
+  const resolvedRtl = rtl ?? _reactNative.I18nManager.isRTL;
+  const value = (0, _react.useMemo)(() => {
+    const ambient = (0, _theme.getDefaultThemeColors)(isDark);
+    const getVariantColors = variant => (0, _colors.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.default.createElement(SkeletonContext.Provider, {
+    value: value
+  }, children);
+}
+var _default = exports.default = SkeletonProvider;
+//# sourceMappingURL=SkeletonProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useReducedMotion","_theme","_colors","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SkeletonContext","exports","createContext","SkeletonProvider","children","theme","animation","duration","performanceMode","rtl","reducedMotion","reducedMotionOverride","colors","systemScheme","useColorScheme","osReducedMotion","useReducedMotion","isDark","resolveIsDark","resolvedRtl","I18nManager","isRTL","value","useMemo","ambient","getDefaultThemeColors","getVariantColors","variant","resolveThemeColors","colorVariant","brandColors","resolvedColors","createElement","Provider","_default"],"sourceRoot":"../../../src","sources":["providers/SkeletonProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/types/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/utils/colors.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_LIGHT_COLORS = exports.DEFAULT_DARK_COLORS = void 0;
+exports.buildSweepGradient = buildSweepGradient;
+exports.parseHexColor = parseHexColor;
+exports.resolveThemeColors = resolveThemeColors;
+exports.shadeColor = shadeColor;
+exports.toRgbaString = toRgbaString;
+exports.withOpacity = withOpacity;
+/**
+ * Default light/dark palettes used when no brand colors or explicit
+ * backgroundColor/highlightColor are supplied.
+ */
+const DEFAULT_LIGHT_COLORS = exports.DEFAULT_LIGHT_COLORS = {
+  background: "#E5E7EB",
+  highlight: "#F3F4F6"
+};
+const DEFAULT_DARK_COLORS = exports.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.
+ */
+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.
+ */
+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.
+ */
+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).
+ */
+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
+ */
+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.
+ */
+function buildSweepGradient(background, highlight) {
+  return [background, highlight, background];
+}
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LIGHT_COLORS","exports","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":[]}