@wise/art 2.6.0 → 2.7.0-beta.1

package/dist/MagnifyingGlass-de98441e.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('clsx');
+
+const MagnifyingGlass = () => {
+  const model = drei.useGLTF(index.defineSrc(`magnifying-glass.gltf`));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('magnifying-glass-light.json'));
+  const lens = model.scene.getObjectByName('Optimised_lens');
+  fiber.useFrame(() => {
+    lens.material.transparent = true;
+    lens.material.opacity = 0.8;
+    model.materials['Tapestry WebGL'].map.offset.x += -0.0006;
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      scale: 1.5,
+      position: [0, -12, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = MagnifyingGlass;
+//# sourceMappingURL=MagnifyingGlass-de98441e.js.map

package/dist/MagnifyingGlass-de98441e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlass-de98441e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Marble-5a115e95.esm.js

@@ -0,0 +1,42 @@
+import { useGLTF } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { ObjectLoader } from 'three';
+import { d as defineSrc } from './index-76341731.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import 'clsx';
+
+const Marble = () => {
+  const model = useGLTF(defineSrc('marble.gltf'));
+  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));
+  const sphere = model.scene.getObjectByName('Sphere1');
+  sphere.material.depthTest = true;
+  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
+  stripeBottom.material.depthTest = false;
+  stripeBottom.renderOrder = 1;
+  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeLeft.material.depthTest = false;
+  stripeLeft.renderOrder = 2;
+  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeRight.material.depthTest = false;
+  stripeRight.renderOrder = 3;
+  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
+  stripeTop.material.depthTest = false;
+  stripeTop.renderOrder = 4;
+  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
+  useFrame(() => {
+    animatedMaps.forEach(map => map.offset.y += -0.0015);
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      scale: 1.4,
+      position: [0, -11, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Marble as default };
+//# sourceMappingURL=Marble-5a115e95.esm.js.map

package/dist/Marble-5a115e95.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marble-5a115e95.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Marble-c42785f3.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('clsx');
+
+const Marble = () => {
+  const model = drei.useGLTF(index.defineSrc('marble.gltf'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-light.json'));
+  const sphere = model.scene.getObjectByName('Sphere1');
+  sphere.material.depthTest = true;
+  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
+  stripeBottom.material.depthTest = false;
+  stripeBottom.renderOrder = 1;
+  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeLeft.material.depthTest = false;
+  stripeLeft.renderOrder = 2;
+  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeRight.material.depthTest = false;
+  stripeRight.renderOrder = 3;
+  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
+  stripeTop.material.depthTest = false;
+  stripeTop.renderOrder = 4;
+  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
+  fiber.useFrame(() => {
+    animatedMaps.forEach(map => map.offset.y += -0.0015);
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      scale: 1.4,
+      position: [0, -11, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Marble;
+//# sourceMappingURL=Marble-c42785f3.js.map

package/dist/Marble-c42785f3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marble-c42785f3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/MarbleCard-1792cf0c.esm.js

@@ -0,0 +1,45 @@
+import { useGLTF } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { ObjectLoader } from 'three';
+import { d as defineSrc } from './index-76341731.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import 'clsx';
+
+const MarbleCard = () => {
+  const model = useGLTF(defineSrc('marble-card.gltf'));
+  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));
+  const sphere = model.scene.getObjectByName('Sphere1');
+  sphere.material.depthTest = true;
+  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
+  stripeBottom.material.depthTest = false;
+  stripeBottom.renderOrder = 1;
+  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeLeft.material.depthTest = false;
+  stripeLeft.renderOrder = 2;
+  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
+  stripeRight.material.depthTest = false;
+  stripeRight.renderOrder = 3;
+  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
+  stripeTop.material.depthTest = false;
+  stripeTop.renderOrder = 4;
+  const card = model.scene.getObjectByName('Plane');
+  card.material.depthTest = false;
+  card.material.metalness = 0;
+  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
+  useFrame(() => {
+    animatedMaps.forEach(map => map.offset.y += -0.0015);
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      scale: 1.4,
+      position: [0, -10, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { MarbleCard as default };
+//# sourceMappingURL=MarbleCard-1792cf0c.esm.js.map

package/dist/MarbleCard-1792cf0c.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCard-1792cf0c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/MarbleCard-50b56966.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('clsx');
+
+const MarbleCard = () => {
+  const model = drei.useGLTF(index.defineSrc('marble-card.gltf'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-card-light.json'));
+  const sphere = model.scene.getObjectByName('Sphere1');
+  sphere.material.depthTest = true;
+  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
+  stripeBottom.material.depthTest = false;
+  stripeBottom.renderOrder = 1;
+  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
+  stripeLeft.material.depthTest = false;
+  stripeLeft.renderOrder = 2;
+  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
+  stripeRight.material.depthTest = false;
+  stripeRight.renderOrder = 3;
+  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
+  stripeTop.material.depthTest = false;
+  stripeTop.renderOrder = 4;
+  const card = model.scene.getObjectByName('Plane');
+  card.material.depthTest = false;
+  card.material.metalness = 0;
+  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
+  fiber.useFrame(() => {
+    animatedMaps.forEach(map => map.offset.y += -0.0015);
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      scale: 1.4,
+      position: [0, -10, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = MarbleCard;
+//# sourceMappingURL=MarbleCard-50b56966.js.map

package/dist/MarbleCard-50b56966.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCard-50b56966.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/MultiCurrency-4735dbb2.esm.js

@@ -0,0 +1,61 @@
+import { useGLTF, useAnimations } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { useRef } from 'react';
+import { ObjectLoader, TextureLoader, Color } from 'three';
+import { d as defineSrc } from './index-76341731.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+
+const MultiCurrency = () => {
+  const ref = useRef();
+  const model = useGLTF(defineSrc(`multi-currency.gltf`));
+  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
+  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
+  const animatedMaps = [];
+  model.scene.traverse(child => {
+    if (child.name.includes('Note')) {
+      child.castShadow = true;
+      child.receiveShadow = true;
+    }
+    if (child.name.startsWith('Coin_') && child.isMesh) {
+      const {
+        material
+      } = child;
+      material.bumpMap = wiseLogo;
+      material.bumpMap.flipY = false;
+      material.bumpScale = 1;
+      material.color = new Color(0.49, 0.49, 0.49);
+      child.castShadow = false;
+      child.receiveShadow = false;
+    }
+    if (child.name.startsWith('NoteBase_') && child.isMesh) {
+      animatedMaps.push(child.material.map);
+    }
+    if (child.name.includes('Wise') && child.isMesh) {
+      animatedMaps.push(child.material.map);
+    }
+  });
+  const {
+    mixer,
+    clips
+  } = useAnimations(model.animations, ref);
+  useFrame(() => {
+    animatedMaps.forEach(animatedMap => {
+      animatedMap.offset.x += 0.001;
+    });
+    mixer.clipAction(clips[0]).play();
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      ref: ref,
+      position: [-0.5, -10, 0],
+      scale: 1.3,
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { MultiCurrency as default };
+//# sourceMappingURL=MultiCurrency-4735dbb2.esm.js.map

package/dist/MultiCurrency-4735dbb2.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCurrency-4735dbb2.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/MultiCurrency-fcf4b9a2.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var react = require('react');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+
+const MultiCurrency = () => {
+  const ref = react.useRef();
+  const model = drei.useGLTF(index.defineSrc(`multi-currency.gltf`));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('multi-currency-light.json'));
+  const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
+  const animatedMaps = [];
+  model.scene.traverse(child => {
+    if (child.name.includes('Note')) {
+      child.castShadow = true;
+      child.receiveShadow = true;
+    }
+    if (child.name.startsWith('Coin_') && child.isMesh) {
+      const {
+        material
+      } = child;
+      material.bumpMap = wiseLogo;
+      material.bumpMap.flipY = false;
+      material.bumpScale = 1;
+      material.color = new three.Color(0.49, 0.49, 0.49);
+      child.castShadow = false;
+      child.receiveShadow = false;
+    }
+    if (child.name.startsWith('NoteBase_') && child.isMesh) {
+      animatedMaps.push(child.material.map);
+    }
+    if (child.name.includes('Wise') && child.isMesh) {
+      animatedMaps.push(child.material.map);
+    }
+  });
+  const {
+    mixer,
+    clips
+  } = drei.useAnimations(model.animations, ref);
+  fiber.useFrame(() => {
+    animatedMaps.forEach(animatedMap => {
+      animatedMap.offset.x += 0.001;
+    });
+    mixer.clipAction(clips[0]).play();
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      ref: ref,
+      position: [-0.5, -10, 0],
+      scale: 1.3,
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = MultiCurrency;
+//# sourceMappingURL=MultiCurrency-fcf4b9a2.js.map

package/dist/MultiCurrency-fcf4b9a2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCurrency-fcf4b9a2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Plane-1e15b49c.esm.js

@@ -0,0 +1,37 @@
+import { useGLTF, useAnimations } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { useRef } from 'react';
+import { ObjectLoader } from 'three';
+import { d as defineSrc } from './index-76341731.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+
+const Plane = () => {
+  const ref = useRef();
+  const model = useGLTF(defineSrc('plane.gltf'));
+  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));
+  const plane = model.scene.getObjectByName('Plane_6_update');
+  const {
+    mixer,
+    clips
+  } = useAnimations(model.animations, ref);
+  useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.y += 0.018;
+    plane.position.x = 0.45;
+    plane.position.y = 7.5;
+    mixer.clipAction(clips[0]).play();
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      ref: ref,
+      scale: 1.3,
+      position: [0, -7, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Plane as default };
+//# sourceMappingURL=Plane-1e15b49c.esm.js.map

package/dist/Plane-1e15b49c.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plane-1e15b49c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Plane-91b11234.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var react = require('react');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+
+const Plane = () => {
+  const ref = react.useRef();
+  const model = drei.useGLTF(index.defineSrc('plane.gltf'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('plane-light.json'));
+  const plane = model.scene.getObjectByName('Plane_6_update');
+  const {
+    mixer,
+    clips
+  } = drei.useAnimations(model.animations, ref);
+  fiber.useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.y += 0.018;
+    plane.position.x = 0.45;
+    plane.position.y = 7.5;
+    mixer.clipAction(clips[0]).play();
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      ref: ref,
+      scale: 1.3,
+      position: [0, -7, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Plane;
+//# sourceMappingURL=Plane-91b11234.js.map

package/dist/Plane-91b11234.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plane-91b11234.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Scene-3830de67.esm.js

@@ -0,0 +1,48 @@
+import { PerspectiveCamera } from '@react-three/drei';
+import { Canvas } from '@react-three/fiber';
+import { LinearToneMapping, SRGBColorSpace, PCFShadowMap } from 'three';
+import { A as Assets, I as ImageSizes, S as Sizes } from './index-76341731.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import 'clsx';
+
+/* eslint-disable react/forbid-dom-props */
+/* eslint-disable react/function-component-definition */
+function Scene({
+  children,
+  assetName,
+  size = Sizes.MEDIUM
+}) {
+  const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS].includes(assetName);
+  return /*#__PURE__*/jsxs(Canvas, {
+    onCreated: ({
+      gl
+    }) => {
+      gl.setClearColor(0x000000, 0);
+      gl.setSize(ImageSizes[size], ImageSizes[size]);
+      gl.clearDepth();
+    },
+    gl: {
+      alpha: true,
+      antialias: true,
+      pixelRatio: window.devicePixelRatio * 1,
+      toneMapping: LinearToneMapping,
+      outputColorSpace: SRGBColorSpace
+    },
+    shadows: {
+      type: PCFShadowMap,
+      enabled: castShadows
+    },
+    children: [/*#__PURE__*/jsx(PerspectiveCamera, {
+      makeDefault: true,
+      far: 1000000000000,
+      near: 0.1,
+      fov: 10.29,
+      aspect: window.innerWidth / window.innerHeight,
+      position: [0, 0, 100]
+    }), children]
+  });
+}
+
+export { Scene as default };
+//# sourceMappingURL=Scene-3830de67.esm.js.map

package/dist/Scene-3830de67.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene-3830de67.esm.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,MAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Scene-fa187d3a.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-36ff762e.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('clsx');
+
+/* eslint-disable react/forbid-dom-props */
+/* eslint-disable react/function-component-definition */
+function Scene({
+  children,
+  assetName,
+  size = index.Sizes.MEDIUM
+}) {
+  const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS].includes(assetName);
+  return /*#__PURE__*/jsxRuntime.jsxs(fiber.Canvas, {
+    onCreated: ({
+      gl
+    }) => {
+      gl.setClearColor(0x000000, 0);
+      gl.setSize(index.ImageSizes[size], index.ImageSizes[size]);
+      gl.clearDepth();
+    },
+    gl: {
+      alpha: true,
+      antialias: true,
+      pixelRatio: window.devicePixelRatio * 1,
+      toneMapping: three.LinearToneMapping,
+      outputColorSpace: three.SRGBColorSpace
+    },
+    shadows: {
+      type: three.PCFShadowMap,
+      enabled: castShadows
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(drei.PerspectiveCamera, {
+      makeDefault: true,
+      far: 1000000000000,
+      near: 0.1,
+      fov: 10.29,
+      aspect: window.innerWidth / window.innerHeight,
+      position: [0, 0, 100]
+    }), children]
+  });
+}
+
+exports.default = Scene;
+//# sourceMappingURL=Scene-fa187d3a.js.map

package/dist/Scene-fa187d3a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene-fa187d3a.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,YAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/common.d.ts

@@ -3,6 +3,11 @@ export declare enum Sizes {
     MEDIUM = "medium",
     LARGE = "large"
 }
+export declare const ImageSizes: {
+    small: number;
+    medium: number;
+    large: number;
+};
 export type LargeSize = 'large';
 export type MediumSize = 'medium';
 export type SmallSize = 'small';

package/dist/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/illustrations3d/Illustration3d.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LargeSize, MediumSize, SmallSize } from '../common';
+export type Illustration3dNames = 'lock' | 'globe' | 'confetti' | 'check-mark' | 'flower' | 'graph' | 'jars' | 'magnifying-glass' | 'marble' | 'marble-card' | 'multi-currency' | 'plane';
+export type Props = {
+    name: Illustration3dNames;
+    size?: SmallSize | MediumSize | LargeSize;
+    className?: string;
+};
+declare const Illustration3d: ({ name, size, className }: Props) => import("react").JSX.Element;
+export default Illustration3d;
+//# sourceMappingURL=Illustration3d.d.ts.map

package/dist/illustrations3d/Illustration3d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration3d.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Illustration3d.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAS,MAAM,WAAW,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,OAAO,GACP,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,cAAc,8BAA8C,KAAK,gCAkCtE,CAAC;AA+DF,eAAe,cAAc,CAAC"}

package/dist/illustrations3d/Scene.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import { LargeSize, MediumSize, SmallSize } from '../common';
+import type { Illustration3dNames } from './Illustration3d';
+export type Props = PropsWithChildren<{
+    assetName: Illustration3dNames;
+    size?: SmallSize | MediumSize | LargeSize;
+}>;
+export default function Scene({ children, assetName, size }: Props): import("react").JSX.Element;
+//# sourceMappingURL=Scene.d.ts.map

package/dist/illustrations3d/Scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Scene.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAc,SAAS,EAAE,UAAU,EAAS,SAAS,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAmB,EAAE,EAAE,KAAK,+BAoChF"}

package/dist/illustrations3d/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Illustration3d';
+export type { Props as Illustration3dProps } from './Illustration3d';
+export type { Illustration3dNames } from './Illustration3d';
+export { is3dIllustrationSupported } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/illustrations3d/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}

package/dist/illustrations3d/models/CheckMark.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const CheckMark: () => import("react").JSX.Element;
+export default CheckMark;
+//# sourceMappingURL=CheckMark.d.ts.map

package/dist/illustrations3d/models/CheckMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/CheckMark.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,SAAS,mCAoBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/illustrations3d/models/Confetti.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Confetti: () => import("react").JSX.Element;
+export default Confetti;
+//# sourceMappingURL=Confetti.d.ts.map

package/dist/illustrations3d/models/Confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Confetti.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,QAAQ,mCAmBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/illustrations3d/models/Flower.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Flower: () => import("react").JSX.Element;
+export default Flower;
+//# sourceMappingURL=Flower.d.ts.map

package/dist/illustrations3d/models/Flower.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flower.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Flower.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAeX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/illustrations3d/models/Globe.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const Globe: () => import("react").JSX.Element;
+export default Globe;
+//# sourceMappingURL=Globe.d.ts.map