react-native-skia-box-shadow 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vasyl Stetsiuk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,147 @@
+# react-native-skia-box-shadow
+
+CSS-style box shadows for React Native — blur, spread, offset, colors, gradients, and arbitrary shapes.
+
+Powered by [`@shopify/react-native-skia`](https://shopify.github.io/react-native-skia/).
+
+## Features
+
+- **Blur** — Gaussian blur with no sigma limit (uses Skia ImageFilter)
+- **Spread** — expand or shrink shadow beyond element bounds
+- **Offset** — horizontal and vertical translation
+- **Colors & Gradients** — solid colors or Skia shader fills (linear, radial, sweep)
+- **Shapes** — rect, roundedRect, circle, or arbitrary SVG path
+- **Multi-layer** — stack multiple shadow layers, just like in Figma
+- **Cross-platform** — iOS & Android
+
+## Installation
+
+```bash
+npm install react-native-skia-box-shadow @shopify/react-native-skia
+```
+
+> **Peer dependency**: `@shopify/react-native-skia` >= 1.0.0
+
+## Usage
+
+### Simple shadow
+
+```tsx
+import { Shadow } from 'react-native-skia-box-shadow';
+
+<Shadow
+  shadows={{
+    fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.12)' },
+    blurRadius: 16,
+    offsetY: 4,
+  }}
+  shape={{ kind: 'roundedRect', radius: 16 }}
+>
+  <View style={{ backgroundColor: '#fff', borderRadius: 16, padding: 20 }}>
+    <Text>Card with shadow</Text>
+  </View>
+</Shadow>
+```
+
+### Multiple shadow layers
+
+```tsx
+<Shadow
+  shadows={[
+    { blurRadius: 2, offsetY: 1, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.04)' } },
+    { blurRadius: 6, offsetY: 3, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.06)' } },
+    { blurRadius: 24, offsetY: 12, fillStyle: { kind: 'color', color: 'rgba(0,0,0,0.10)' } },
+  ]}
+  shape={{ kind: 'roundedRect', radius: 12 }}
+>
+  {children}
+</Shadow>
+```
+
+### Colored / gradient shadow
+
+```tsx
+import { Skia } from '@shopify/react-native-skia';
+
+<Shadow
+  shadows={{
+    fillStyle: {
+      kind: 'shader',
+      factory: (w, h) =>
+        Skia.Shader.MakeLinearGradient(
+          { x: 0, y: 0 },
+          { x: w, y: h },
+          [Skia.Color('#6366F1'), Skia.Color('#EC4899')],
+          null,
+          0,
+        ),
+    },
+    blurRadius: 24,
+    offsetY: 8,
+  }}
+  shape={{ kind: 'roundedRect', radius: 20 }}
+>
+  {children}
+</Shadow>
+```
+
+### Circle shape
+
+```tsx
+<Shadow
+  shadows={{ blurRadius: 20, spread: 4, fillStyle: { kind: 'color', color: 'rgba(236,72,153,0.35)' } }}
+  shape={{ kind: 'circle' }}
+>
+  <View style={{ width: 64, height: 64, borderRadius: 32, backgroundColor: '#EC4899' }} />
+</Shadow>
+```
+
+## API
+
+### `<Shadow>` Props
+
+| Prop       | Type                              | Default             | Description                            |
+| ---------- | --------------------------------- | ------------------- | -------------------------------------- |
+| `shadows`  | `ShadowParams \| ShadowParams[]` | required            | One or more shadow layer descriptors   |
+| `shape`    | `ShadowShape`                     | `{ kind: 'rect' }`  | Default shape for all shadow layers    |
+| `width`    | `number`                          | auto (onLayout)     | Explicit width                         |
+| `height`   | `number`                          | auto (onLayout)     | Explicit height                        |
+| `style`    | `ViewStyle`                       | —                   | Style for the outer container          |
+| `children` | `ReactNode`                       | —                   | Content rendered above the shadow      |
+
+### `ShadowParams`
+
+| Prop         | Type              | Default        | Description                    |
+| ------------ | ----------------- | -------------- | ------------------------------ |
+| `fillStyle`  | `ShadowFillStyle` | black @ 10%    | Shadow color or shader         |
+| `blurRadius` | `number`          | `24`           | Gaussian blur radius           |
+| `spread`     | `number`          | `4`            | Expand shadow beyond bounds    |
+| `offsetX`    | `number`          | `0`            | Horizontal offset              |
+| `offsetY`    | `number`          | `0`            | Vertical offset                |
+| `shape`      | `ShadowShape`     | inherits       | Per-layer shape override       |
+
+### `ShadowShape`
+
+| Kind          | Props      | Description            |
+| ------------- | ---------- | ---------------------- |
+| `rect`        | —          | Rectangle              |
+| `roundedRect` | `radius`   | Rounded rectangle      |
+| `circle`      | —          | Circle                 |
+| `path`        | `svgPath`  | Arbitrary SVG path     |
+
+### `ShadowFillStyle`
+
+| Kind     | Props               | Description                        |
+| -------- | ------------------- | ---------------------------------- |
+| `color`  | `color: string`     | Solid color (any CSS color string) |
+| `shader` | `factory: Function` | `(width, height) => SkShader`      |
+
+## How it works
+
+The component renders a Skia `<Canvas>` behind your children. Each shadow layer draws a shape (matching your content's shape) with a Gaussian blur applied as an ImageFilter. The canvas is automatically expanded to prevent clipping.
+
+This is a React Native port of the Compose Multiplatform library [`vasyl-stetsiuk/shadow`](https://github.com/vasyl-stetsiuk/shadow).
+
+## License
+
+MIT © [Vasyl Stetsiuk](https://stetsiuk.dev)

package/lib/commonjs/Shadow.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ShadowDefaults = exports.Shadow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+// ── Defaults (mirrors ShadowDefaults.kt) ───────────────────────
+const DEFAULTS = exports.ShadowDefaults = {
+  fillStyle: {
+    kind: 'color',
+    color: 'rgba(0,0,0,0.10)'
+  },
+  blurRadius: 24,
+  spread: 4,
+  offsetX: 0,
+  offsetY: 0
+};
+const pixelRatio = _reactNative.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 = (0, _react.useMemo)(() => {
+    const p = _reactNativeSkia.Skia.Paint();
+    if (fillStyle.kind === 'color') {
+      p.setColor(_reactNativeSkia.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__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Blur, {
+    blur: adjustedBlur
+  }) : null;
+
+  // ── Shape element (with Blur as child) ────────────────────────
+  const shapeElement = (0, _react.useMemo)(() => {
+    switch (shape.kind) {
+      case 'roundedRect':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.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__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+            cx: width / 2,
+            cy: height / 2,
+            r: r,
+            paint: paint,
+            children: blurChild
+          });
+        }
+      case 'path':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+          path: shape.svgPath,
+          paint: paint,
+          children: blurChild
+        });
+      case 'rect':
+      default:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+          x: 0,
+          y: 0,
+          width: width,
+          height: height,
+          paint: paint,
+          children: blurChild
+        });
+    }
+  }, [shape, width, height, paint, blurChild]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Group, {
+    transform: [{
+      translateX: offsetX
+    }, {
+      translateY: offsetY
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.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] = (0, _react.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 = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, style],
+    onLayout: onLayout,
+    children: [hasSize && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Canvas, {
+      style: [styles.canvas, {
+        top: -canvasPadding,
+        left: -canvasPadding,
+        width: width + canvasPadding * 2,
+        height: height + canvasPadding * 2
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Group, {
+        transform: [{
+          translateX: canvasPadding
+        }, {
+          translateY: canvasPadding
+        }],
+        children: shadowList.map((params, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ShadowLayer, {
+          params: params,
+          width: width,
+          height: height,
+          defaultShape: shape
+        }, idx))
+      })
+    }), children]
+  });
+};
+exports.Shadow = Shadow;
+const styles = _reactNative.StyleSheet.create({
+  container: {},
+  canvas: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  }
+});
+var _default = exports.default = Shadow;
+//# sourceMappingURL=Shadow.js.map

package/lib/commonjs/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSkia","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULTS","exports","ShadowDefaults","fillStyle","kind","color","blurRadius","spread","offsetX","offsetY","pixelRatio","PixelRatio","ShadowLayer","params","width","height","defaultShape","shape","shapeOverride","paint","useMemo","p","Skia","Paint","setColor","Color","setShader","factory","shadowWidth","shadowHeight","scaleX","scaleY","adjustedBlur","blurChild","jsx","Blur","blur","shapeElement","RoundedRect","x","y","radius","children","Math","min","Circle","cx","cy","Path","path","svgPath","Rect","Group","transform","translateX","translateY","origin","Shadow","shadows","_width","_height","style","layout","setLayout","useState","onLayout","nativeEvent","shadowList","Array","isArray","canvasPadding","maxExtent","s","ox","abs","oy","extent","max","ceil","hasSize","jsxs","View","styles","container","Canvas","canvas","top","left","map","idx","StyleSheet","create","position","pointerEvents","_default"],"sourceRoot":"../../src","sources":["Shadow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,gBAAA,GAAAF,OAAA;AASoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AASpC;AACA,MAAMkB,QAAQ,GAAAC,OAAA,CAAAC,cAAA,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,GAAGC,uBAAU,CAAClB,GAAG,CAAC,CAAC;;AAEnC;AACA,MAAMmB,WAKJ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAa,CAAC,KAAK;EAChD,MAAM;IACJb,SAAS,GAAGH,QAAQ,CAACG,SAAS;IAC9BG,UAAU,GAAGN,QAAQ,CAACM,UAAU;IAChCC,MAAM,GAAGP,QAAQ,CAACO,MAAM;IACxBC,OAAO,GAAGR,QAAQ,CAACQ,OAAO;IAC1BC,OAAO,GAAGT,QAAQ,CAACS,OAAO;IAC1BQ,KAAK,EAAEC;EACT,CAAC,GAAGL,MAAM;EAEV,MAAMI,KAAK,GAAGC,aAAa,IAAIF,YAAY;;EAE3C;EACA,MAAMG,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,MAAMC,CAAC,GAAGC,qBAAI,CAACC,KAAK,CAAC,CAAC;IACtB,IAAIpB,SAAS,CAACC,IAAI,KAAK,OAAO,EAAE;MAC9BiB,CAAC,CAACG,QAAQ,CAACF,qBAAI,CAACG,KAAK,CAACtB,SAAS,CAACE,KAAK,CAAC,CAAC;IACzC,CAAC,MAAM;MACLgB,CAAC,CAACK,SAAS,CAACvB,SAAS,CAACwB,OAAO,CAACb,KAAK,EAAEC,MAAM,CAAC,CAAC;IAC/C;IACA,OAAOM,CAAC;EACV,CAAC,EAAE,CAAClB,SAAS,EAAEW,KAAK,EAAEC,MAAM,CAAC,CAAC;;EAE9B;EACA,MAAMa,WAAW,GAAGd,KAAK,GAAGP,MAAM,GAAG,CAAC;EACtC,MAAMsB,YAAY,GAAGd,MAAM,GAAGR,MAAM,GAAG,CAAC;EACxC,MAAMuB,MAAM,GAAGhB,KAAK,GAAG,CAAC,GAAGc,WAAW,GAAGd,KAAK,GAAG,CAAC;EAClD,MAAMiB,MAAM,GAAGhB,MAAM,GAAG,CAAC,GAAGc,YAAY,GAAGd,MAAM,GAAG,CAAC;;EAErD;EACA,MAAMiB,YAAY,GAAG1B,UAAU,GAAGI,UAAU;EAC5C,MAAMuB,SAAS,GAAGD,YAAY,GAAG,CAAC,gBAAG,IAAApD,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAwD,IAAI;IAACC,IAAI,EAAEJ;EAAa,CAAE,CAAC,GAAG,IAAI;;EAExE;EACA,MAAMK,YAAY,GAAG,IAAAjB,cAAO,EAAC,MAAM;IACjC,QAAQH,KAAK,CAACb,IAAI;MAChB,KAAK,aAAa;QAChB,oBACE,IAAAxB,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAA2D,WAAW;UACVC,CAAC,EAAE,CAAE;UACLC,CAAC,EAAE,CAAE;UACL1B,KAAK,EAAEA,KAAM;UACbC,MAAM,EAAEA,MAAO;UACf/B,CAAC,EAAEiC,KAAK,CAACwB,MAAO;UAChBtB,KAAK,EAAEA,KAAM;UAAAuB,QAAA,EAEZT;QAAS,CACC,CAAC;MAGlB,KAAK,QAAQ;QAAE;UACb,MAAMjD,CAAC,GAAG2D,IAAI,CAACC,GAAG,CAAC9B,KAAK,EAAEC,MAAM,CAAC,GAAG,CAAC;UACrC,oBACE,IAAAnC,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAkE,MAAM;YAACC,EAAE,EAAEhC,KAAK,GAAG,CAAE;YAACiC,EAAE,EAAEhC,MAAM,GAAG,CAAE;YAAC/B,CAAC,EAAEA,CAAE;YAACmC,KAAK,EAAEA,KAAM;YAAAuB,QAAA,EACvDT;UAAS,CACJ,CAAC;QAEb;MAEA,KAAK,MAAM;QACT,oBACE,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAqE,IAAI;UAACC,IAAI,EAAEhC,KAAK,CAACiC,OAAQ;UAAC/B,KAAK,EAAEA,KAAM;UAAAuB,QAAA,EACrCT;QAAS,CACN,CAAC;MAGX,KAAK,MAAM;MACX;QACE,oBACE,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAwE,IAAI;UAACZ,CAAC,EAAE,CAAE;UAACC,CAAC,EAAE,CAAE;UAAC1B,KAAK,EAAEA,KAAM;UAACC,MAAM,EAAEA,MAAO;UAACI,KAAK,EAAEA,KAAM;UAAAuB,QAAA,EAC1DT;QAAS,CACN,CAAC;IAEb;EACF,CAAC,EAAE,CAAChB,KAAK,EAAEH,KAAK,EAAEC,MAAM,EAAEI,KAAK,EAAEc,SAAS,CAAC,CAAC;EAE5C,oBACE,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAyE,KAAK;IAACC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE9C;IAAQ,CAAC,EAAE;MAAE+C,UAAU,EAAE9C;IAAQ,CAAC,CAAE;IAAAiC,QAAA,eACnE,IAAA9D,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAyE,KAAK;MACJC,SAAS,EAAE,CAAC;QAAEvB;MAAO,CAAC,EAAE;QAAEC;MAAO,CAAC,CAAE;MACpCyB,MAAM,EAAE;QAAEjB,CAAC,EAAEzB,KAAK,GAAG,CAAC;QAAE0B,CAAC,EAAEzB,MAAM,GAAG;MAAE,CAAE;MAAA2B,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,MAAMoB,MAA6B,GAAGA,CAAC;EACrCC,OAAO;EACPzC,KAAK,GAAG;IAAEb,IAAI,EAAE;EAAO,CAAC;EACxBU,KAAK,EAAE6C,MAAM;EACb5C,MAAM,EAAE6C,OAAO;EACfC,KAAK;EACLnB;AACF,CAAC,KAAK;EACJ,MAAM,CAACoB,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAG1B,IAAI,CAAC;EAEf,MAAMC,QAAQ,GAAIpF,CAAoB,IAAK;IACzC,MAAM;MAAEiC,KAAK;MAAEC;IAAO,CAAC,GAAGlC,CAAC,CAACqF,WAAW,CAACJ,MAAM;IAC9CC,SAAS,CAAC;MAAEjD,KAAK;MAAEC;IAAO,CAAC,CAAC;EAC9B,CAAC;EAED,MAAMD,KAAK,GAAG6C,MAAM,IAAIG,MAAM,EAAEhD,KAAK,IAAI,CAAC;EAC1C,MAAMC,MAAM,GAAG6C,OAAO,IAAIE,MAAM,EAAE/C,MAAM,IAAI,CAAC;EAE7C,MAAMoD,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACX,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;;EAE/D;EACA;EACA;EACA,MAAMY,aAAa,GAAG,IAAAlD,cAAO,EAAC,MAAM;IAClC,IAAImD,SAAS,GAAG,CAAC;IACjB,KAAK,MAAMC,CAAC,IAAIL,UAAU,EAAE;MAC1B,MAAM/B,IAAI,GAAGoC,CAAC,CAAClE,UAAU,IAAIN,QAAQ,CAACM,UAAU;MAChD,MAAMC,MAAM,GAAGiE,CAAC,CAACjE,MAAM,IAAIP,QAAQ,CAACO,MAAM;MAC1C,MAAMkE,EAAE,GAAG9B,IAAI,CAAC+B,GAAG,CAACF,CAAC,CAAChE,OAAO,IAAIR,QAAQ,CAACQ,OAAO,CAAC;MAClD,MAAMmE,EAAE,GAAGhC,IAAI,CAAC+B,GAAG,CAACF,CAAC,CAAC/D,OAAO,IAAIT,QAAQ,CAACS,OAAO,CAAC;MAClD,MAAMmE,MAAM,GAAGxC,IAAI,GAAG,CAAC,GAAG7B,MAAM,GAAGoC,IAAI,CAACkC,GAAG,CAACJ,EAAE,EAAEE,EAAE,CAAC;MACnD,IAAIC,MAAM,GAAGL,SAAS,EAAEA,SAAS,GAAGK,MAAM;IAC5C;IACA,OAAOjC,IAAI,CAACmC,IAAI,CAACP,SAAS,CAAC;EAC7B,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;EAEhB,MAAMY,OAAO,GAAGjE,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC;EAEvC,oBACE,IAAAnC,WAAA,CAAAoG,IAAA,EAACtG,YAAA,CAAAuG,IAAI;IAACpB,KAAK,EAAE,CAACqB,MAAM,CAACC,SAAS,EAAEtB,KAAK,CAAE;IAACI,QAAQ,EAAEA,QAAS;IAAAvB,QAAA,GACxDqC,OAAO,iBACN,IAAAnG,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAyG,MAAM;MACLvB,KAAK,EAAE,CACLqB,MAAM,CAACG,MAAM,EACb;QACEC,GAAG,EAAE,CAAChB,aAAa;QACnBiB,IAAI,EAAE,CAACjB,aAAa;QACpBxD,KAAK,EAAEA,KAAK,GAAGwD,aAAa,GAAG,CAAC;QAChCvD,MAAM,EAAEA,MAAM,GAAGuD,aAAa,GAAG;MACnC,CAAC,CACD;MAAA5B,QAAA,eAEF,IAAA9D,WAAA,CAAAsD,GAAA,EAACvD,gBAAA,CAAAyE,KAAK;QACJC,SAAS,EAAE,CACT;UAAEC,UAAU,EAAEgB;QAAc,CAAC,EAC7B;UAAEf,UAAU,EAAEe;QAAc,CAAC,CAC7B;QAAA5B,QAAA,EAEDyB,UAAU,CAACqB,GAAG,CAAC,CAAC3E,MAAM,EAAE4E,GAAG,kBAC1B,IAAA7G,WAAA,CAAAsD,GAAA,EAACtB,WAAW;UAEVC,MAAM,EAAEA,MAAO;UACfC,KAAK,EAAEA,KAAM;UACbC,MAAM,EAAEA,MAAO;UACfC,YAAY,EAAEC;QAAM,GAJfwE,GAKN,CACF;MAAC,CACG;IAAC,CACF,CACT,EAEA/C,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAACzC,OAAA,CAAAwD,MAAA,GAAAA,MAAA;AAEF,MAAMyB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE,CAAC,CAAC;EACbE,MAAM,EAAE;IACNO,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAA7F,OAAA,CAAAV,OAAA,GAEYkE,MAAM","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Shadow", {
+  enumerable: true,
+  get: function () {
+    return _Shadow.default;
+  }
+});
+Object.defineProperty(exports, "ShadowDefaults", {
+  enumerable: true,
+  get: function () {
+    return _Shadow.ShadowDefaults;
+  }
+});
+Object.defineProperty(exports, "ShadowView", {
+  enumerable: true,
+  get: function () {
+    return _Shadow.Shadow;
+  }
+});
+var _Shadow = _interopRequireWildcard(require("./Shadow"));
+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); }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Shadow","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmF,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/types.js

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

package/lib/commonjs/types.js.map

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