react-native-skia-box-shadow 0.1.0

package/lib/module/Shadow.js

@@ -0,0 +1,240 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { StyleSheet, View, PixelRatio } from 'react-native';
+import { Canvas, Group, RoundedRect, Rect, Circle, Path, Blur, Skia } from '@shopify/react-native-skia';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ── Defaults (mirrors ShadowDefaults.kt) ───────────────────────
+const DEFAULTS = {
+  fillStyle: {
+    kind: 'color',
+    color: 'rgba(0,0,0,0.10)'
+  },
+  blurRadius: 24,
+  spread: 4,
+  offsetX: 0,
+  offsetY: 0
+};
+const pixelRatio = PixelRatio.get();
+
+// ── Single shadow layer renderer ────────────────────────────────
+const ShadowLayer = ({
+  params,
+  width,
+  height,
+  defaultShape
+}) => {
+  const {
+    fillStyle = DEFAULTS.fillStyle,
+    blurRadius = DEFAULTS.blurRadius,
+    spread = DEFAULTS.spread,
+    offsetX = DEFAULTS.offsetX,
+    offsetY = DEFAULTS.offsetY,
+    shape: shapeOverride
+  } = params;
+  const shape = shapeOverride ?? defaultShape;
+
+  // ── Paint ─────────────────────────────────────────────────────
+  const paint = useMemo(() => {
+    const p = Skia.Paint();
+    if (fillStyle.kind === 'color') {
+      p.setColor(Skia.Color(fillStyle.color));
+    } else {
+      p.setShader(fillStyle.factory(width, height));
+    }
+    return p;
+  }, [fillStyle, width, height]);
+
+  // ── Shadow sizing (spread) ────────────────────────────────────
+  const shadowWidth = width + spread * 2;
+  const shadowHeight = height + spread * 2;
+  const scaleX = width > 0 ? shadowWidth / width : 1;
+  const scaleY = height > 0 ? shadowHeight / height : 1;
+
+  // ── Blur (adjusted for pixel density) ─────────────────────────
+  const adjustedBlur = blurRadius / pixelRatio;
+  const blurChild = adjustedBlur > 0 ? /*#__PURE__*/_jsx(Blur, {
+    blur: adjustedBlur
+  }) : null;
+
+  // ── Shape element (with Blur as child) ────────────────────────
+  const shapeElement = useMemo(() => {
+    switch (shape.kind) {
+      case 'roundedRect':
+        return /*#__PURE__*/_jsx(RoundedRect, {
+          x: 0,
+          y: 0,
+          width: width,
+          height: height,
+          r: shape.radius,
+          paint: paint,
+          children: blurChild
+        });
+      case 'circle':
+        {
+          const r = Math.min(width, height) / 2;
+          return /*#__PURE__*/_jsx(Circle, {
+            cx: width / 2,
+            cy: height / 2,
+            r: r,
+            paint: paint,
+            children: blurChild
+          });
+        }
+      case 'path':
+        return /*#__PURE__*/_jsx(Path, {
+          path: shape.svgPath,
+          paint: paint,
+          children: blurChild
+        });
+      case 'rect':
+      default:
+        return /*#__PURE__*/_jsx(Rect, {
+          x: 0,
+          y: 0,
+          width: width,
+          height: height,
+          paint: paint,
+          children: blurChild
+        });
+    }
+  }, [shape, width, height, paint, blurChild]);
+  return /*#__PURE__*/_jsx(Group, {
+    transform: [{
+      translateX: offsetX
+    }, {
+      translateY: offsetY
+    }],
+    children: /*#__PURE__*/_jsx(Group, {
+      transform: [{
+        scaleX
+      }, {
+        scaleY
+      }],
+      origin: {
+        x: width / 2,
+        y: height / 2
+      },
+      children: shapeElement
+    })
+  });
+};
+
+/**
+ * `<Shadow>` — CSS-style box shadows for React Native.
+ *
+ * Renders one or more blurred, colored shadows behind `children`.
+ * Supports blur, spread, offset, custom colors/shaders, and
+ * arbitrary shapes (rect, roundedRect, circle, SVG path).
+ *
+ * Powered by `@shopify/react-native-skia`.
+ *
+ * @example
+ * ```tsx
+ * import { Shadow } from 'react-native-skia-box-shadow';
+ *
+ * <Shadow
+ *   shadows={{
+ *     fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.15)' },
+ *     blurRadius: 20,
+ *     offsetY: 4,
+ *   }}
+ *   shape={{ kind: 'roundedRect', radius: 16 }}
+ * >
+ *   <View style={styles.card}>
+ *     <Text>Card with shadow</Text>
+ *   </View>
+ * </Shadow>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multiple shadow layers
+ * <Shadow
+ *   shadows={[
+ *     { blurRadius: 4, offsetY: 2, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.08)' } },
+ *     { blurRadius: 16, offsetY: 8, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.12)' } },
+ *   ]}
+ *   shape={{ kind: 'roundedRect', radius: 12 }}
+ * >
+ *   {children}
+ * </Shadow>
+ * ```
+ */
+const Shadow = ({
+  shadows,
+  shape = {
+    kind: 'rect'
+  },
+  width: _width,
+  height: _height,
+  style,
+  children
+}) => {
+  const [layout, setLayout] = useState(null);
+  const onLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    setLayout({
+      width,
+      height
+    });
+  };
+  const width = _width ?? layout?.width ?? 0;
+  const height = _height ?? layout?.height ?? 0;
+  const shadowList = Array.isArray(shadows) ? shadows : [shadows];
+
+  // ── Compute canvas padding ────────────────────────────────────
+  // The canvas must be large enough to contain blurred + spread +
+  // offset shadows without clipping.
+  const canvasPadding = useMemo(() => {
+    let maxExtent = 0;
+    for (const s of shadowList) {
+      const blur = s.blurRadius ?? DEFAULTS.blurRadius;
+      const spread = s.spread ?? DEFAULTS.spread;
+      const ox = Math.abs(s.offsetX ?? DEFAULTS.offsetX);
+      const oy = Math.abs(s.offsetY ?? DEFAULTS.offsetY);
+      const extent = blur * 3 + spread + Math.max(ox, oy);
+      if (extent > maxExtent) maxExtent = extent;
+    }
+    return Math.ceil(maxExtent);
+  }, [shadowList]);
+  const hasSize = width > 0 && height > 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    onLayout: onLayout,
+    children: [hasSize && /*#__PURE__*/_jsx(Canvas, {
+      style: [styles.canvas, {
+        top: -canvasPadding,
+        left: -canvasPadding,
+        width: width + canvasPadding * 2,
+        height: height + canvasPadding * 2
+      }],
+      children: /*#__PURE__*/_jsx(Group, {
+        transform: [{
+          translateX: canvasPadding
+        }, {
+          translateY: canvasPadding
+        }],
+        children: shadowList.map((params, idx) => /*#__PURE__*/_jsx(ShadowLayer, {
+          params: params,
+          width: width,
+          height: height,
+          defaultShape: shape
+        }, idx))
+      })
+    }), children]
+  });
+};
+const styles = StyleSheet.create({
+  container: {},
+  canvas: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  }
+});
+export default Shadow;
+export { Shadow, DEFAULTS as ShadowDefaults };
+//# sourceMappingURL=Shadow.js.map

package/lib/module/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","StyleSheet","View","PixelRatio","Canvas","Group","RoundedRect","Rect","Circle","Path","Blur","Skia","jsx","_jsx","jsxs","_jsxs","DEFAULTS","fillStyle","kind","color","blurRadius","spread","offsetX","offsetY","pixelRatio","get","ShadowLayer","params","width","height","defaultShape","shape","shapeOverride","paint","p","Paint","setColor","Color","setShader","factory","shadowWidth","shadowHeight","scaleX","scaleY","adjustedBlur","blurChild","blur","shapeElement","x","y","r","radius","children","Math","min","cx","cy","path","svgPath","transform","translateX","translateY","origin","Shadow","shadows","_width","_height","style","layout","setLayout","onLayout","e","nativeEvent","shadowList","Array","isArray","canvasPadding","maxExtent","s","ox","abs","oy","extent","max","ceil","hasSize","styles","container","canvas","top","left","map","idx","create","position","pointerEvents","ShadowDefaults"],"sourceRoot":"../../src","sources":["Shadow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SACEC,UAAU,EACVC,IAAI,EACJC,UAAU,QAEL,cAAc;AACrB,SACEC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,IAAI,QACC,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASpC;AACA,MAAMC,QAAQ,GAAG;EACfC,SAAS,EAAE;IAAEC,IAAI,EAAE,OAAO;IAAEC,KAAK,EAAE;EAAmB,CAAoB;EAC1EC,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE;AACX,CAAU;AAEV,MAAMC,UAAU,GAAGrB,UAAU,CAACsB,GAAG,CAAC,CAAC;;AAEnC;AACA,MAAMC,WAKJ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAa,CAAC,KAAK;EAChD,MAAM;IACJb,SAAS,GAAGD,QAAQ,CAACC,SAAS;IAC9BG,UAAU,GAAGJ,QAAQ,CAACI,UAAU;IAChCC,MAAM,GAAGL,QAAQ,CAACK,MAAM;IACxBC,OAAO,GAAGN,QAAQ,CAACM,OAAO;IAC1BC,OAAO,GAAGP,QAAQ,CAACO,OAAO;IAC1BQ,KAAK,EAAEC;EACT,CAAC,GAAGL,MAAM;EAEV,MAAMI,KAAK,GAAGC,aAAa,IAAIF,YAAY;;EAE3C;EACA,MAAMG,KAAK,GAAGlC,OAAO,CAAC,MAAM;IAC1B,MAAMmC,CAAC,GAAGvB,IAAI,CAACwB,KAAK,CAAC,CAAC;IACtB,IAAIlB,SAAS,CAACC,IAAI,KAAK,OAAO,EAAE;MAC9BgB,CAAC,CAACE,QAAQ,CAACzB,IAAI,CAAC0B,KAAK,CAACpB,SAAS,CAACE,KAAK,CAAC,CAAC;IACzC,CAAC,MAAM;MACLe,CAAC,CAACI,SAAS,CAACrB,SAAS,CAACsB,OAAO,CAACX,KAAK,EAAEC,MAAM,CAAC,CAAC;IAC/C;IACA,OAAOK,CAAC;EACV,CAAC,EAAE,CAACjB,SAAS,EAAEW,KAAK,EAAEC,MAAM,CAAC,CAAC;;EAE9B;EACA,MAAMW,WAAW,GAAGZ,KAAK,GAAGP,MAAM,GAAG,CAAC;EACtC,MAAMoB,YAAY,GAAGZ,MAAM,GAAGR,MAAM,GAAG,CAAC;EACxC,MAAMqB,MAAM,GAAGd,KAAK,GAAG,CAAC,GAAGY,WAAW,GAAGZ,KAAK,GAAG,CAAC;EAClD,MAAMe,MAAM,GAAGd,MAAM,GAAG,CAAC,GAAGY,YAAY,GAAGZ,MAAM,GAAG,CAAC;;EAErD;EACA,MAAMe,YAAY,GAAGxB,UAAU,GAAGI,UAAU;EAC5C,MAAMqB,SAAS,GAAGD,YAAY,GAAG,CAAC,gBAAG/B,IAAA,CAACH,IAAI;IAACoC,IAAI,EAAEF;EAAa,CAAE,CAAC,GAAG,IAAI;;EAExE;EACA,MAAMG,YAAY,GAAGhD,OAAO,CAAC,MAAM;IACjC,QAAQgC,KAAK,CAACb,IAAI;MAChB,KAAK,aAAa;QAChB,oBACEL,IAAA,CAACP,WAAW;UACV0C,CAAC,EAAE,CAAE;UACLC,CAAC,EAAE,CAAE;UACLrB,KAAK,EAAEA,KAAM;UACbC,MAAM,EAAEA,MAAO;UACfqB,CAAC,EAAEnB,KAAK,CAACoB,MAAO;UAChBlB,KAAK,EAAEA,KAAM;UAAAmB,QAAA,EAEZP;QAAS,CACC,CAAC;MAGlB,KAAK,QAAQ;QAAE;UACb,MAAMK,CAAC,GAAGG,IAAI,CAACC,GAAG,CAAC1B,KAAK,EAAEC,MAAM,CAAC,GAAG,CAAC;UACrC,oBACEhB,IAAA,CAACL,MAAM;YAAC+C,EAAE,EAAE3B,KAAK,GAAG,CAAE;YAAC4B,EAAE,EAAE3B,MAAM,GAAG,CAAE;YAACqB,CAAC,EAAEA,CAAE;YAACjB,KAAK,EAAEA,KAAM;YAAAmB,QAAA,EACvDP;UAAS,CACJ,CAAC;QAEb;MAEA,KAAK,MAAM;QACT,oBACEhC,IAAA,CAACJ,IAAI;UAACgD,IAAI,EAAE1B,KAAK,CAAC2B,OAAQ;UAACzB,KAAK,EAAEA,KAAM;UAAAmB,QAAA,EACrCP;QAAS,CACN,CAAC;MAGX,KAAK,MAAM;MACX;QACE,oBACEhC,IAAA,CAACN,IAAI;UAACyC,CAAC,EAAE,CAAE;UAACC,CAAC,EAAE,CAAE;UAACrB,KAAK,EAAEA,KAAM;UAACC,MAAM,EAAEA,MAAO;UAACI,KAAK,EAAEA,KAAM;UAAAmB,QAAA,EAC1DP;QAAS,CACN,CAAC;IAEb;EACF,CAAC,EAAE,CAACd,KAAK,EAAEH,KAAK,EAAEC,MAAM,EAAEI,KAAK,EAAEY,SAAS,CAAC,CAAC;EAE5C,oBACEhC,IAAA,CAACR,KAAK;IAACsD,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEtC;IAAQ,CAAC,EAAE;MAAEuC,UAAU,EAAEtC;IAAQ,CAAC,CAAE;IAAA6B,QAAA,eACnEvC,IAAA,CAACR,KAAK;MACJsD,SAAS,EAAE,CAAC;QAAEjB;MAAO,CAAC,EAAE;QAAEC;MAAO,CAAC,CAAE;MACpCmB,MAAM,EAAE;QAAEd,CAAC,EAAEpB,KAAK,GAAG,CAAC;QAAEqB,CAAC,EAAEpB,MAAM,GAAG;MAAE,CAAE;MAAAuB,QAAA,EAEvCL;IAAY,CACR;EAAC,CACH,CAAC;AAEZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMgB,MAA6B,GAAGA,CAAC;EACrCC,OAAO;EACPjC,KAAK,GAAG;IAAEb,IAAI,EAAE;EAAO,CAAC;EACxBU,KAAK,EAAEqC,MAAM;EACbpC,MAAM,EAAEqC,OAAO;EACfC,KAAK;EACLf;AACF,CAAC,KAAK;EACJ,MAAM,CAACgB,MAAM,EAAEC,SAAS,CAAC,GAAGrE,QAAQ,CAG1B,IAAI,CAAC;EAEf,MAAMsE,QAAQ,GAAIC,CAAoB,IAAK;IACzC,MAAM;MAAE3C,KAAK;MAAEC;IAAO,CAAC,GAAG0C,CAAC,CAACC,WAAW,CAACJ,MAAM;IAC9CC,SAAS,CAAC;MAAEzC,KAAK;MAAEC;IAAO,CAAC,CAAC;EAC9B,CAAC;EAED,MAAMD,KAAK,GAAGqC,MAAM,IAAIG,MAAM,EAAExC,KAAK,IAAI,CAAC;EAC1C,MAAMC,MAAM,GAAGqC,OAAO,IAAIE,MAAM,EAAEvC,MAAM,IAAI,CAAC;EAE7C,MAAM4C,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACX,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;;EAE/D;EACA;EACA;EACA,MAAMY,aAAa,GAAG7E,OAAO,CAAC,MAAM;IAClC,IAAI8E,SAAS,GAAG,CAAC;IACjB,KAAK,MAAMC,CAAC,IAAIL,UAAU,EAAE;MAC1B,MAAM3B,IAAI,GAAGgC,CAAC,CAAC1D,UAAU,IAAIJ,QAAQ,CAACI,UAAU;MAChD,MAAMC,MAAM,GAAGyD,CAAC,CAACzD,MAAM,IAAIL,QAAQ,CAACK,MAAM;MAC1C,MAAM0D,EAAE,GAAG1B,IAAI,CAAC2B,GAAG,CAACF,CAAC,CAACxD,OAAO,IAAIN,QAAQ,CAACM,OAAO,CAAC;MAClD,MAAM2D,EAAE,GAAG5B,IAAI,CAAC2B,GAAG,CAACF,CAAC,CAACvD,OAAO,IAAIP,QAAQ,CAACO,OAAO,CAAC;MAClD,MAAM2D,MAAM,GAAGpC,IAAI,GAAG,CAAC,GAAGzB,MAAM,GAAGgC,IAAI,CAAC8B,GAAG,CAACJ,EAAE,EAAEE,EAAE,CAAC;MACnD,IAAIC,MAAM,GAAGL,SAAS,EAAEA,SAAS,GAAGK,MAAM;IAC5C;IACA,OAAO7B,IAAI,CAAC+B,IAAI,CAACP,SAAS,CAAC;EAC7B,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;EAEhB,MAAMY,OAAO,GAAGzD,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC;EAEvC,oBACEd,KAAA,CAACb,IAAI;IAACiE,KAAK,EAAE,CAACmB,MAAM,CAACC,SAAS,EAAEpB,KAAK,CAAE;IAACG,QAAQ,EAAEA,QAAS;IAAAlB,QAAA,GACxDiC,OAAO,iBACNxE,IAAA,CAACT,MAAM;MACL+D,KAAK,EAAE,CACLmB,MAAM,CAACE,MAAM,EACb;QACEC,GAAG,EAAE,CAACb,aAAa;QACnBc,IAAI,EAAE,CAACd,aAAa;QACpBhD,KAAK,EAAEA,KAAK,GAAGgD,aAAa,GAAG,CAAC;QAChC/C,MAAM,EAAEA,MAAM,GAAG+C,aAAa,GAAG;MACnC,CAAC,CACD;MAAAxB,QAAA,eAEFvC,IAAA,CAACR,KAAK;QACJsD,SAAS,EAAE,CACT;UAAEC,UAAU,EAAEgB;QAAc,CAAC,EAC7B;UAAEf,UAAU,EAAEe;QAAc,CAAC,CAC7B;QAAAxB,QAAA,EAEDqB,UAAU,CAACkB,GAAG,CAAC,CAAChE,MAAM,EAAEiE,GAAG,kBAC1B/E,IAAA,CAACa,WAAW;UAEVC,MAAM,EAAEA,MAAO;UACfC,KAAK,EAAEA,KAAM;UACbC,MAAM,EAAEA,MAAO;UACfC,YAAY,EAAEC;QAAM,GAJf6D,GAKN,CACF;MAAC,CACG;IAAC,CACF,CACT,EAEAxC,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,MAAMkC,MAAM,GAAGrF,UAAU,CAAC4F,MAAM,CAAC;EAC/BN,SAAS,EAAE,CAAC,CAAC;EACbC,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAehC,MAAM;AACrB,SAASA,MAAM,EAAE/C,QAAQ,IAAIgF,cAAc","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Shadow, Shadow as ShadowView, ShadowDefaults } from './Shadow';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Shadow","ShadowView","ShadowDefaults"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,EAAEA,MAAM,IAAIC,UAAU,EAAEC,cAAc,QAAQ,UAAU","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

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

package/lib/typescript/Shadow.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { ShadowProps, ShadowFillStyle } from './types';
+declare const DEFAULTS: {
+    readonly fillStyle: ShadowFillStyle;
+    readonly blurRadius: 24;
+    readonly spread: 4;
+    readonly offsetX: 0;
+    readonly offsetY: 0;
+};
+/**
+ * `<Shadow>` — CSS-style box shadows for React Native.
+ *
+ * Renders one or more blurred, colored shadows behind `children`.
+ * Supports blur, spread, offset, custom colors/shaders, and
+ * arbitrary shapes (rect, roundedRect, circle, SVG path).
+ *
+ * Powered by `@shopify/react-native-skia`.
+ *
+ * @example
+ * ```tsx
+ * import { Shadow } from 'react-native-skia-box-shadow';
+ *
+ * <Shadow
+ *   shadows={{
+ *     fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.15)' },
+ *     blurRadius: 20,
+ *     offsetY: 4,
+ *   }}
+ *   shape={{ kind: 'roundedRect', radius: 16 }}
+ * >
+ *   <View style={styles.card}>
+ *     <Text>Card with shadow</Text>
+ *   </View>
+ * </Shadow>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multiple shadow layers
+ * <Shadow
+ *   shadows={[
+ *     { blurRadius: 4, offsetY: 2, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.08)' } },
+ *     { blurRadius: 16, offsetY: 8, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.12)' } },
+ *   ]}
+ *   shape={{ kind: 'roundedRect', radius: 12 }}
+ * >
+ *   {children}
+ * </Shadow>
+ * ```
+ */
+declare const Shadow: React.FC<ShadowProps>;
+export default Shadow;
+export { Shadow, DEFAULTS as ShadowDefaults };
+//# sourceMappingURL=Shadow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../src/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAkBjD,OAAO,KAAK,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,QAAA,MAAM,QAAQ;wBAC+C,eAAe;;;;;CAKlE,CAAC;AAkGX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6EjC,CAAC;AAUF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,cAAc,EAAE,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Shadow, Shadow as ShadowView, ShadowDefaults } from './Shadow';
+export type { ShadowProps, ShadowParams, ShadowShape, ShadowFillStyle, } from './types';
+//# 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,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,IAAI,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACnF,YAAY,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+/**
+ * Fill style for shadow — solid color or a Skia shader factory.
+ *
+ * @example
+ * // Solid color
+ * { kind: 'color', color: 'rgba(0,0,0,0.12)' }
+ *
+ * // Linear gradient
+ * {
+ *   kind: 'shader',
+ *   factory: (w, h) => Skia.Shader.MakeLinearGradient(
+ *     { x: 0, y: 0 }, { x: w, y: h },
+ *     [Skia.Color('#6366F1'), Skia.Color('#EC4899')],
+ *     null, 0,
+ *   ),
+ * }
+ */
+export type ShadowFillStyle = {
+    kind: 'color';
+    color: string;
+} | {
+    kind: 'shader';
+    factory: (width: number, height: number) => import('@shopify/react-native-skia').SkShader;
+};
+/**
+ * Single shadow layer descriptor.
+ * All numeric values are in device-independent points.
+ */
+export interface ShadowParams {
+    /** Fill style: solid color string or shader factory. Default: black @ 10% */
+    fillStyle?: ShadowFillStyle;
+    /** Gaussian blur radius (in points, Figma-compatible). Default: 24 */
+    blurRadius?: number;
+    /** Expands the shadow outline beyond element bounds. Default: 4 */
+    spread?: number;
+    /** Horizontal offset. Default: 0 */
+    offsetX?: number;
+    /** Vertical offset. Default: 0 */
+    offsetY?: number;
+    /**
+     * Shape override for this specific shadow layer.
+     * When undefined, inherits `shape` from the parent `<Shadow>`.
+     */
+    shape?: ShadowShape;
+}
+/**
+ * Supported shadow shapes.
+ */
+export type ShadowShape = {
+    kind: 'rect';
+} | {
+    kind: 'roundedRect';
+    radius: number;
+} | {
+    kind: 'circle';
+} | {
+    kind: 'path';
+    svgPath: string;
+};
+/**
+ * Props for the `<Shadow>` component.
+ */
+export interface ShadowProps {
+    /** One or more shadow layers. */
+    shadows: ShadowParams | ShadowParams[];
+    /** Default shape applied to shadows that don't specify their own. Default: rect */
+    shape?: ShadowShape;
+    /** Explicit component width. If omitted, measured via onLayout. */
+    width?: number;
+    /** Explicit component height. If omitted, measured via onLayout. */
+    height?: number;
+    /** RN style for the outer container. */
+    style?: StyleProp<ViewStyle>;
+    /** Content rendered above the shadow. */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,CACP,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,KACX,OAAO,4BAA4B,EAAE,QAAQ,CAAC;CACpD,CAAC;AAEN;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,OAAO,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACvC,mFAAmF;IACnF,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "react-native-skia-box-shadow",
+  "version": "0.1.0",
+  "description": "CSS-style box shadows for React Native — blur, spread, offset, colors, gradients, and arbitrary shapes. Powered by @shopify/react-native-skia.",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "clean": "rm -rf lib",
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "skia",
+    "shadow",
+    "box-shadow",
+    "drop-shadow",
+    "blur",
+    "spread",
+    "ios",
+    "android",
+    "react-native-skia"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nickstetsiuk/react-native-skia-box-shadow.git"
+  },
+  "author": {
+    "name": "Vasyl Stetsiuk",
+    "url": "https://stetsiuk.dev"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/nickstetsiuk/react-native-skia-box-shadow/issues"
+  },
+  "homepage": "https://github.com/nickstetsiuk/react-native-skia-box-shadow#readme",
+  "peerDependencies": {
+    "@shopify/react-native-skia": ">=1.0.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.71.0"
+  },
+  "peerDependenciesMeta": {
+    "@shopify/react-native-skia": {
+      "optional": false
+    }
+  },
+  "devDependencies": {
+    "@shopify/react-native-skia": "^1.11.0",
+    "@types/react": "^18.2.0",
+    "@types/react-native": "^0.72.0",
+    "react": "^18.2.0",
+    "react-native": "^0.75.0",
+    "react-native-builder-bob": "^0.30.0",
+    "typescript": "^5.4.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}