@wise/art 2.10.0-beta.2 → 2.10.0

package/README.md

@@ -21,15 +21,16 @@ This package relies on following peer dependencies:
 - `react`
 - `react-dom`
 
-## Illustrations
-
-Illustrations works via `Illustration` React component. The component implements [Responsive Images](https://web.dev/responsive-images/) concept so you don't need bother about different image sizes for different devices.
-
-### Add Styles
+## Add Styles
 
 ```js
 import '@wise/art/dist/Illustration.css';
 ```
+Note: ignore naming, the bundle store styles for multiple components from the package.
+
+## Illustrations
+
+Illustrations works via `Illustration` React component. The component implements [Responsive Images](https://web.dev/responsive-images/) concept so you don't need bother about different image sizes for different devices.
 
 ### Usage in React
 
@@ -90,38 +91,7 @@ import { Illustration3D, Assets, Sizes } from '@wise/art';
 
 Note: this API requires React 18.
 
-Note: if your tests fail because of `matchMedia` and `ResizeObserver` being undefined you need add polyfills or mocks for Jest's jsdom env.
-
-<details>
-  <summary>Mocks</summary>
-
-```js
-// in jest.setup.js
-
-// mock matchMedia because it's not implemented in jsdoc lib
-// https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
-
-// mock ResizeObserver because it's not implemented in jsdoc lib
-// https://github.com/jsdom/jsdom/issues/3368
-window.ResizeObserver = class ResizeObserver {
-  observe = jest.fn();
-  unobserve = jest.fn();
-  disconnect = jest.fn();
-};
-```
-
-</details>
+Note: if your tests fail because of `matchMedia` and `ResizeObserver` being undefined you need add polyfills or mocks for Jest's jsdom env, use mocks from [`@transferwise/components/mocks`](https://github.com/transferwise/neptune-web/blob/main/packages/components/README.md#mocks-for-testing).
 
 ## Flags
 
@@ -165,7 +135,7 @@ If you want to see all the flags, head over to [wise.design](https://wise.design
 ## Release
 
 1. Bump version number in `package.json` according to [semver](https://semver.org/) and add an item to `CHANGELOG.md`.
-2. If you [updated `wise-atoms`](#updating-wise-atoms) make sure to run `yarn build` to update components and S3 bucket.
+2. If you [updated `wise-atoms`](#updating-wise-atoms) make sure to run `pnpm build` to update components and S3 bucket.
 3. Commit & Push & PR.
 4. Once PR merge code will automatically be published to [NPM](https://www.npmjs.com/package/@wise/art) with the version specified in the `package.json`.
 
@@ -173,6 +143,6 @@ If you want to see all the flags, head over to [wise.design](https://wise.design
 
 All the resources are pulled from wise-atoms which does not use version numbers.
 
-Grab the commit hash from the latest version of [wise-atoms](https://github.com/transferwise/wise-atoms) and paste it in to the package.json here:
+Grab the commit hash from the latest version of [wise-atoms](https://github.com/transferwise/wise-atoms/commits/main/) and paste it in to the package.json here:
 
 `"wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#{commit-hash}",`

package/dist/{CheckMark-ab1ead03.esm.js → CheckMark-75975410.esm.js}

@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { useRef } from 'react';
 import { ObjectLoader, LoopOnce } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 
@@ -34,4 +34,4 @@ const CheckMark = () => {
 };
 
 export { CheckMark as default };
-//# sourceMappingURL=CheckMark-ab1ead03.esm.js.map
+//# sourceMappingURL=CheckMark-75975410.esm.js.map

package/dist/CheckMark-75975410.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMark-75975410.esm.js","sources":["../src/illustrations3d/models/CheckMark.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst CheckMark = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.glb'));\n  const { animations, scene } = model;\n\n  const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    model.materials['Standard'].map.offset.x += -0.0025;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.4} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default CheckMark;\n"],"names":["CheckMark","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","ref","scale","object"],"mappings":";;;;;;;;AAOMA,MAAAA,SAAS,GAAGA,MAAK;AACrB,EAAA,MAAMC,QAAQ,GAAGC,MAAM,EAAE,CAAA;EACzB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;EAClD,MAAM;IAAEC,UAAU;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGJ,KAAK,CAAA;EAEnC,MAAMK,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEL,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAA;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGC,aAAa,CAACP,UAAU,EAAEL,QAAQ,CAAC,CAAA;AAC5Da,EAAAA,QAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,SAAS,CAAC,UAAU,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAEnDP,IAAAA,KAAK,CAACQ,UAAU,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAACQ,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC,CAAA;AACxD,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,GAAG,EAAE1B,QAAS;AAAC2B,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEtB,KAAAA;KAC9C,CAAA,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{CheckMark-32e18b44.js → CheckMark-91b74943.js}

@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 
@@ -36,4 +36,4 @@ const CheckMark = () => {
 };
 
 exports.default = CheckMark;
-//# sourceMappingURL=CheckMark-32e18b44.js.map
+//# sourceMappingURL=CheckMark-91b74943.js.map

package/dist/CheckMark-91b74943.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMark-91b74943.js","sources":["../src/illustrations3d/models/CheckMark.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst CheckMark = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.glb'));\n  const { animations, scene } = model;\n\n  const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    model.materials['Standard'].map.offset.x += -0.0025;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.4} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default CheckMark;\n"],"names":["CheckMark","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","ref","scale","object"],"mappings":";;;;;;;;;;AAOMA,MAAAA,SAAS,GAAGA,MAAK;AACrB,EAAA,MAAMC,QAAQ,GAAGC,YAAM,EAAE,CAAA;EACzB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;EAClD,MAAM;IAAEC,UAAU;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGJ,KAAK,CAAA;EAEnC,MAAMK,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEL,eAAS,CAAC,uBAAuB,CAAC,CAAC,CAAA;EAE1E,MAAM;IAAEM,KAAK;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGC,kBAAa,CAACP,UAAU,EAAEL,QAAQ,CAAC,CAAA;AAC5Da,EAAAA,cAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,SAAS,CAAC,UAAU,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAEnDP,IAAAA,KAAK,CAACQ,UAAU,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAACQ,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC,CAAA;AACxD,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,GAAG,EAAE1B,QAAS;AAAC2B,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEtB,KAAAA;KAC9C,CAAA,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAErB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Confetti-720fd71c.js → Confetti-4e9cc611.js}

@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 
@@ -33,4 +33,4 @@ const Confetti = () => {
 };
 
 exports.default = Confetti;
-//# sourceMappingURL=Confetti-720fd71c.js.map
+//# sourceMappingURL=Confetti-4e9cc611.js.map

package/dist/Confetti-4e9cc611.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti-4e9cc611.js","sources":["../src/illustrations3d/models/Confetti.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Confetti = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('confetti.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Confetti;\n"],"names":["Confetti","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,cAAc,CAAC,CAAC,CAAA;EAEhD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,qBAAqB,CAAC,CAAC,CAAA;EAExE,MAAM;IAAEI,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,kBAAa,CAACR,KAAK,CAACS,UAAU,EAAEX,GAAG,CAAC,CAAA;AAC7DY,EAAAA,cAAQ,CAAC,MAAK;AACZV,IAAAA,KAAK,CAACW,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAEzDR,IAAAA,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC,CAAA;AACxD,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWxB,MAAAA,GAAG,EAAEA,GAAI;AAACyB,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEzB,KAAK,CAAC0B,KAAAA;KACtE,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Confetti-91e21706.esm.js → Confetti-eb9add24.esm.js}

@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { useRef } from 'react';
 import { ObjectLoader, LoopOnce } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 
@@ -31,4 +31,4 @@ const Confetti = () => {
 };
 
 export { Confetti as default };
-//# sourceMappingURL=Confetti-91e21706.esm.js.map
+//# sourceMappingURL=Confetti-eb9add24.esm.js.map

package/dist/Confetti-eb9add24.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti-eb9add24.esm.js","sources":["../src/illustrations3d/models/Confetti.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Confetti = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('confetti.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0015;\n\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.5} position={[0, 1.5, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Confetti;\n"],"names":["Confetti","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","mixer","clips","useAnimations","animations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAOMA,MAAAA,QAAQ,GAAGA,MAAK;AACpB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;EAEhD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAA;EAExE,MAAM;IAAEI,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,aAAa,CAACR,KAAK,CAACS,UAAU,EAAEX,GAAG,CAAC,CAAA;AAC7DY,EAAAA,QAAQ,CAAC,MAAK;AACZV,IAAAA,KAAK,CAACW,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAEzDR,IAAAA,KAAK,CAACS,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC,CAAA;AACxD,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWxB,MAAAA,GAAG,EAAEA,GAAI;AAACyB,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEzB,KAAK,CAAC0B,KAAAA;KACtE,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEtB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Flower-e9b93cea.esm.js → Flower-66206fda.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -24,4 +24,4 @@ const Flower = () => {
 };
 
 export { Flower as default };
-//# sourceMappingURL=Flower-e9b93cea.esm.js.map
+//# sourceMappingURL=Flower-66206fda.esm.js.map

package/dist/Flower-66206fda.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flower-66206fda.esm.js","sources":["../src/illustrations3d/models/Flower.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Flower = () => {\n  const model = useGLTF(defineSrc('flower.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Flower;\n"],"names":["Flower","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;EAE9C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAEtEI,EAAAA,QAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,KAAK,CAAA;AAC1D,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB,KAAAA;KAC3D,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Flower-fbad899d.js → Flower-c9d23967.js}

@@ -3,7 +3,7 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
@@ -26,4 +26,4 @@ const Flower = () => {
 };
 
 exports.default = Flower;
-//# sourceMappingURL=Flower-fbad899d.js.map
+//# sourceMappingURL=Flower-c9d23967.js.map

package/dist/Flower-c9d23967.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flower-c9d23967.js","sources":["../src/illustrations3d/models/Flower.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Flower = () => {\n  const model = useGLTF(defineSrc('flower.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Flower;\n"],"names":["Flower","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,YAAY,CAAC,CAAC,CAAA;EAE9C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAEtEI,EAAAA,cAAQ,CAAC,MAAK;AACZN,IAAAA,KAAK,CAACO,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,KAAK,CAAA;AAC1D,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEjB,KAAK,CAACkB,KAAAA;KAC3D,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEd,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Globe-d80433f5.js → Globe-8e3a5a93.js}

@@ -3,7 +3,7 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
@@ -42,4 +42,4 @@ const Globe = () => {
 };
 
 exports.default = Globe;
-//# sourceMappingURL=Globe-d80433f5.js.map
+//# sourceMappingURL=Globe-8e3a5a93.js.map

package/dist/Globe-8e3a5a93.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Globe-8e3a5a93.js","sources":["../src/illustrations3d/models/Globe.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Globe = () => {\n  const { scene } = useGLTF(defineSrc('globe.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe');\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      const mesh = child;\n\n      const material = mesh.material;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      mesh.castShadow = false;\n      mesh.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    orbit.rotation.y += 0.002;\n\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Globe;\n"],"names":["Globe","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","mesh","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAM;AAAEC,IAAAA,KAAAA;AAAK,GAAE,GAAGC,YAAO,CAACC,eAAS,CAAC,WAAW,CAAC,CAAC,CAAA;EAEjD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;EACrE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC,CAAA;AAC9E,EAAA,MAAMM,MAAM,GAAGR,KAAK,CAACS,eAAe,CAAC,OAAO,CAAC,CAAA;AAC7C,EAAA,MAAMC,KAAK,GAAGV,KAAK,CAACS,eAAe,CAAC,6BAA6B,CAAC,CAAA;AAElET,EAAAA,KAAK,CAACW,QAAQ,CAAEC,KAAK,IAAI;IACvB,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;MAClC,MAAMC,IAAI,GAAGH,KAAK,CAAA;AAElB,MAAA,MAAMI,QAAQ,GAAGD,IAAI,CAACC,QAAQ,CAAA;MAC9BA,QAAQ,CAACC,OAAO,GAAGX,QAAQ,CAAA;AAC3BU,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK,CAAA;MAC9BH,IAAI,CAACI,UAAU,GAAG,KAAK,CAAA;MACvBJ,IAAI,CAACK,aAAa,GAAG,KAAK,CAAA;AAC3B,KAAA;AACH,GAAC,CAAC,CAAA;AAEFC,EAAAA,cAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,IAAI,KAAK,CAAA;IAEzBf,MAAM,CAACQ,QAAQ,CAACQ,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AACzC,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;MAAWC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEjC,KAAAA;KACtD,CAAA,eAAA8B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Globe-34d12c6a.esm.js → Globe-a27525fe.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader, TextureLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -40,4 +40,4 @@ const Globe = () => {
 };
 
 export { Globe as default };
-//# sourceMappingURL=Globe-34d12c6a.esm.js.map
+//# sourceMappingURL=Globe-a27525fe.esm.js.map

package/dist/Globe-a27525fe.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Globe-a27525fe.esm.js","sources":["../src/illustrations3d/models/Globe.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Globe = () => {\n  const { scene } = useGLTF(defineSrc('globe.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe');\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      const mesh = child;\n\n      const material = mesh.material;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      mesh.castShadow = false;\n      mesh.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    orbit.rotation.y += 0.002;\n\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Globe;\n"],"names":["Globe","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","mesh","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","_jsxs","_Fragment","children","_jsx","position","scale","object"],"mappings":";;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAM;AAAEC,IAAAA,KAAAA;AAAK,GAAE,GAAGC,OAAO,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;EAEjD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;EACrE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAA;AAC9E,EAAA,MAAMM,MAAM,GAAGR,KAAK,CAACS,eAAe,CAAC,OAAO,CAAC,CAAA;AAC7C,EAAA,MAAMC,KAAK,GAAGV,KAAK,CAACS,eAAe,CAAC,6BAA6B,CAAC,CAAA;AAElET,EAAAA,KAAK,CAACW,QAAQ,CAAEC,KAAK,IAAI;IACvB,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;MAClC,MAAMC,IAAI,GAAGH,KAAK,CAAA;AAElB,MAAA,MAAMI,QAAQ,GAAGD,IAAI,CAACC,QAAQ,CAAA;MAC9BA,QAAQ,CAACC,OAAO,GAAGX,QAAQ,CAAA;AAC3BU,MAAAA,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK,CAAA;MAC9BH,IAAI,CAACI,UAAU,GAAG,KAAK,CAAA;MACvBJ,IAAI,CAACK,aAAa,GAAG,KAAK,CAAA;AAC3B,KAAA;AACH,GAAC,CAAC,CAAA;AAEFC,EAAAA,QAAQ,CAAC,MAAK;AACZX,IAAAA,KAAK,CAACY,QAAQ,CAACC,CAAC,IAAI,KAAK,CAAA;IAEzBf,MAAM,CAACQ,QAAQ,CAACQ,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AACzC,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;MAAWC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;AAACC,MAAAA,KAAK,EAAE,GAAI;AAACC,MAAAA,MAAM,EAAEjC,KAAAA;KACtD,CAAA,eAAA8B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAE9B,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Graph-4cbf7c1e.esm.js → Graph-72ebad19.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -28,4 +28,4 @@ const Graph = () => {
 };
 
 export { Graph as default };
-//# sourceMappingURL=Graph-4cbf7c1e.esm.js.map
+//# sourceMappingURL=Graph-72ebad19.esm.js.map

package/dist/Graph-72ebad19.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph-72ebad19.esm.js","sources":["../src/illustrations3d/models/Graph.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Graph = () => {\n  const model = useGLTF(defineSrc('graph.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    const { offset } = model.materials['Standard '].map;\n    offset.x += -0.0015;\n    offset.y += 0.0015;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Graph;\n"],"names":["Graph","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","offset","materials","map","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;EAE7C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAErEI,EAAAA,QAAQ,CAAC,MAAK;IACZ,MAAM;AAAEC,MAAAA,MAAAA;KAAQ,GAAGP,KAAK,CAACQ,SAAS,CAAC,WAAW,CAAC,CAACC,GAAG,CAAA;AACnDF,IAAAA,MAAM,CAACG,CAAC,IAAI,CAAC,MAAM,CAAA;IACnBH,MAAM,CAACI,CAAC,IAAI,MAAM,CAAA;AACpB,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAElB,KAAK,CAACmB,KAAAA;KAC5D,CAAA,eAAAJ,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Graph-3539b20b.js → Graph-9a766bb4.js}

@@ -3,7 +3,7 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
@@ -30,4 +30,4 @@ const Graph = () => {
 };
 
 exports.default = Graph;
-//# sourceMappingURL=Graph-3539b20b.js.map
+//# sourceMappingURL=Graph-9a766bb4.js.map

package/dist/Graph-9a766bb4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph-9a766bb4.js","sources":["../src/illustrations3d/models/Graph.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Graph = () => {\n  const model = useGLTF(defineSrc('graph.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    const { offset } = model.materials['Standard '].map;\n    offset.x += -0.0015;\n    offset.y += 0.0015;\n  });\n\n  return (\n    <>\n      <primitive scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Graph;\n"],"names":["Graph","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","offset","materials","map","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object","scene"],"mappings":";;;;;;;;;;AAMMA,MAAAA,KAAK,GAAGA,MAAK;EACjB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,WAAW,CAAC,CAAC,CAAA;EAE7C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAErEI,EAAAA,cAAQ,CAAC,MAAK;IACZ,MAAM;AAAEC,MAAAA,MAAAA;KAAQ,GAAGP,KAAK,CAACQ,SAAS,CAAC,WAAW,CAAC,CAACC,GAAG,CAAA;AACnDF,IAAAA,MAAM,CAACG,CAAC,IAAI,CAAC,MAAM,CAAA;IACnBH,MAAM,CAACI,CAAC,IAAI,MAAM,CAAA;AACpB,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAElB,KAAK,CAACmB,KAAAA;KAC5D,CAAA,eAAAJ,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEf,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/Illustration.css

@@ -1 +1 @@
-img.wds-illustration{max-width:100%}.wds-illustration-padding{padding:24px}.wds-illustration-3d{display:inline-flex}.wds-illustration-3d-small{width:200px;height:200px}.wds-illustration-3d-medium{width:300px;height:300px}.wds-illustration-3d-large{width:500px;height:500px}@font-face {font-display:block;font-family:"Wise-Icons";src:url("./Wise-Icons.woff2?6296a04a5edc84a33915e969155da9cc") format("woff2")}.wds-icon::before{font-family:Wise-Icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wds-icon.wds-icon-alert-circle-fill::before{content:"\f101"}.wds-icon.wds-icon-alert-circle::before{content:"\f102"}.wds-icon.wds-icon-alert::before{content:"\f103"}.wds-icon.wds-icon-arrow-down::before{content:"\f104"}.wds-icon.wds-icon-arrow-left::before{content:"\f105"}.wds-icon.wds-icon-arrow-right::before{content:"\f106"}.wds-icon.wds-icon-arrow-up::before{content:"\f107"}.wds-icon.wds-icon-auto-convert::before{content:"\f108"}.wds-icon.wds-icon-bank-transfer::before{content:"\f109"}.wds-icon.wds-icon-bank::before{content:"\f10a"}.wds-icon.wds-icon-bar-chart::before{content:"\f10b"}.wds-icon.wds-icon-barcode::before{content:"\f10c"}.wds-icon.wds-icon-batch::before{content:"\f10d"}.wds-icon.wds-icon-beach::before{content:"\f10e"}.wds-icon.wds-icon-bill-split::before{content:"\f10f"}.wds-icon.wds-icon-bills::before{content:"\f110"}.wds-icon.wds-icon-bin::before{content:"\f111"}.wds-icon.wds-icon-book::before{content:"\f112"}.wds-icon.wds-icon-boxes::before{content:"\f113"}.wds-icon.wds-icon-briefcase::before{content:"\f114"}.wds-icon.wds-icon-building::before{content:"\f115"}.wds-icon.wds-icon-bulb::before{content:"\f116"}.wds-icon.wds-icon-calendar-check::before{content:"\f117"}.wds-icon.wds-icon-calendar::before{content:"\f118"}.wds-icon.wds-icon-camera::before{content:"\f119"}.wds-icon.wds-icon-car::before{content:"\f11a"}.wds-icon.wds-icon-card-cvc::before{content:"\f11b"}.wds-icon.wds-icon-card-detail::before{content:"\f11c"}.wds-icon.wds-icon-card-wise::before{content:"\f11d"}.wds-icon.wds-icon-card::before{content:"\f11e"}.wds-icon.wds-icon-cash-app::before{content:"\f11f"}.wds-icon.wds-icon-cash-register::before{content:"\f120"}.wds-icon.wds-icon-charity::before{content:"\f121"}.wds-icon.wds-icon-check-circle-fill::before{content:"\f122"}.wds-icon.wds-icon-check-circle::before{content:"\f123"}.wds-icon.wds-icon-check::before{content:"\f124"}.wds-icon.wds-icon-chevron-down::before{content:"\f125"}.wds-icon.wds-icon-chevron-left::before{content:"\f126"}.wds-icon.wds-icon-chevron-right::before{content:"\f127"}.wds-icon.wds-icon-chevron-up::before{content:"\f128"}.wds-icon.wds-icon-chip::before{content:"\f129"}.wds-icon.wds-icon-click-to-pay::before{content:"\f12a"}.wds-icon.wds-icon-clock-borderless::before{content:"\f12b"}.wds-icon.wds-icon-clock-fill::before{content:"\f12c"}.wds-icon.wds-icon-clock::before{content:"\f12d"}.wds-icon.wds-icon-cog::before{content:"\f12e"}.wds-icon.wds-icon-coins::before{content:"\f12f"}.wds-icon.wds-icon-collapse::before{content:"\f130"}.wds-icon.wds-icon-confetti::before{content:"\f131"}.wds-icon.wds-icon-contactless::before{content:"\f132"}.wds-icon.wds-icon-convert::before{content:"\f133"}.wds-icon.wds-icon-cross-circle-fill::before{content:"\f134"}.wds-icon.wds-icon-cross-circle::before{content:"\f135"}.wds-icon.wds-icon-cross::before{content:"\f136"}.wds-icon.wds-icon-crystal-ball::before{content:"\f137"}.wds-icon.wds-icon-defrost::before{content:"\f138"}.wds-icon.wds-icon-delivery::before{content:"\f139"}.wds-icon.wds-icon-dial::before{content:"\f13a"}.wds-icon.wds-icon-direct-debits::before{content:"\f13b"}.wds-icon.wds-icon-disco-ball::before{content:"\f13c"}.wds-icon.wds-icon-document::before{content:"\f13d"}.wds-icon.wds-icon-documents::before{content:"\f13e"}.wds-icon.wds-icon-download::before{content:"\f13f"}.wds-icon.wds-icon-eating-out::before{content:"\f140"}.wds-icon.wds-icon-edit::before{content:"\f141"}.wds-icon.wds-icon-email-and-mobile::before{content:"\f142"}.wds-icon.wds-icon-email::before{content:"\f143"}.wds-icon.wds-icon-entertainment::before{content:"\f144"}.wds-icon.wds-icon-expand::before{content:"\f145"}.wds-icon.wds-icon-eye-shut::before{content:"\f146"}.wds-icon.wds-icon-eye::before{content:"\f147"}.wds-icon.wds-icon-face-id::before{content:"\f148"}.wds-icon.wds-icon-facebook::before{content:"\f149"}.wds-icon.wds-icon-fast-flag::before{content:"\f14a"}.wds-icon.wds-icon-fingerprint::before{content:"\f14b"}.wds-icon.wds-icon-fpx::before{content:"\f14c"}.wds-icon.wds-icon-freeze::before{content:"\f14d"}.wds-icon.wds-icon-gambling::before{content:"\f14e"}.wds-icon.wds-icon-general-fill::before{content:"\f14f"}.wds-icon.wds-icon-general-filled::before{content:"\f150"}.wds-icon.wds-icon-general::before{content:"\f151"}.wds-icon.wds-icon-gift-box::before{content:"\f152"}.wds-icon.wds-icon-globe::before{content:"\f153"}.wds-icon.wds-icon-graduation-cap::before{content:"\f154"}.wds-icon.wds-icon-graph::before{content:"\f155"}.wds-icon.wds-icon-groceries::before{content:"\f156"}.wds-icon.wds-icon-handshake::before{content:"\f157"}.wds-icon.wds-icon-happy-emoji::before{content:"\f158"}.wds-icon.wds-icon-headset::before{content:"\f159"}.wds-icon.wds-icon-heart::before{content:"\f15a"}.wds-icon.wds-icon-house::before{content:"\f15b"}.wds-icon.wds-icon-id::before{content:"\f15c"}.wds-icon.wds-icon-ideal::before{content:"\f15d"}.wds-icon.wds-icon-image::before{content:"\f15e"}.wds-icon.wds-icon-info-circle-fill::before{content:"\f15f"}.wds-icon.wds-icon-info-circle::before{content:"\f160"}.wds-icon.wds-icon-info::before{content:"\f161"}.wds-icon.wds-icon-insert-card::before{content:"\f162"}.wds-icon.wds-icon-instagram::before{content:"\f163"}.wds-icon.wds-icon-insurance::before{content:"\f164"}.wds-icon.wds-icon-interac::before{content:"\f165"}.wds-icon.wds-icon-jar::before{content:"\f166"}.wds-icon.wds-icon-keep::before{content:"\f167"}.wds-icon.wds-icon-klarna::before{content:"\f168"}.wds-icon.wds-icon-laptop::before{content:"\f169"}.wds-icon.wds-icon-leaf::before{content:"\f16a"}.wds-icon.wds-icon-lightning-bolt::before{content:"\f16b"}.wds-icon.wds-icon-limit::before{content:"\f16c"}.wds-icon.wds-icon-link::before{content:"\f16d"}.wds-icon.wds-icon-linkedin::before{content:"\f16e"}.wds-icon.wds-icon-list::before{content:"\f16f"}.wds-icon.wds-icon-location-marker::before{content:"\f170"}.wds-icon.wds-icon-log-in::before{content:"\f171"}.wds-icon.wds-icon-log-out::before{content:"\f172"}.wds-icon.wds-icon-mass-payout::before{content:"\f173"}.wds-icon.wds-icon-menu::before{content:"\f174"}.wds-icon.wds-icon-messenger::before{content:"\f175"}.wds-icon.wds-icon-minus-circle-fill::before{content:"\f176"}.wds-icon.wds-icon-minus-circle::before{content:"\f177"}.wds-icon.wds-icon-minus::before{content:"\f178"}.wds-icon.wds-icon-mobile-lock::before{content:"\f179"}.wds-icon.wds-icon-mobile::before{content:"\f17a"}.wds-icon.wds-icon-money-bag::before{content:"\f17b"}.wds-icon.wds-icon-money::before{content:"\f17c"}.wds-icon.wds-icon-more::before{content:"\f17d"}.wds-icon.wds-icon-multi-currency::before{content:"\f17e"}.wds-icon.wds-icon-navigate-away::before{content:"\f17f"}.wds-icon.wds-icon-nearby::before{content:"\f180"}.wds-icon.wds-icon-new::before{content:"\f181"}.wds-icon.wds-icon-notification-active::before{content:"\f182"}.wds-icon.wds-icon-notification::before{content:"\f183"}.wds-icon.wds-icon-padlock-unlocked::before{content:"\f184"}.wds-icon.wds-icon-padlock::before{content:"\f185"}.wds-icon.wds-icon-paperclip::before{content:"\f186"}.wds-icon.wds-icon-passport::before{content:"\f187"}.wds-icon.wds-icon-pause::before{content:"\f188"}.wds-icon.wds-icon-pay-in::before{content:"\f189"}.wds-icon.wds-icon-payments::before{content:"\f18a"}.wds-icon.wds-icon-paypal::before{content:"\f18b"}.wds-icon.wds-icon-people::before{content:"\f18c"}.wds-icon.wds-icon-percentage-circle::before{content:"\f18d"}.wds-icon.wds-icon-person::before{content:"\f18e"}.wds-icon.wds-icon-personal-care::before{content:"\f18f"}.wds-icon.wds-icon-pets::before{content:"\f190"}.wds-icon.wds-icon-phone::before{content:"\f191"}.wds-icon.wds-icon-pie-chart::before{content:"\f192"}.wds-icon.wds-icon-piggy-bank::before{content:"\f193"}.wds-icon.wds-icon-pix::before{content:"\f194"}.wds-icon.wds-icon-plane::before{content:"\f195"}.wds-icon.wds-icon-play::before{content:"\f196"}.wds-icon.wds-icon-plus-circle::before{content:"\f197"}.wds-icon.wds-icon-plus::before{content:"\f198"}.wds-icon.wds-icon-qr-code::before{content:"\f199"}.wds-icon.wds-icon-question-mark-circle::before{content:"\f19a"}.wds-icon.wds-icon-question-mark::before{content:"\f19b"}.wds-icon.wds-icon-rain::before{content:"\f19c"}.wds-icon.wds-icon-rainbow::before{content:"\f19d"}.wds-icon.wds-icon-receipt::before{content:"\f19e"}.wds-icon.wds-icon-receive::before{content:"\f19f"}.wds-icon.wds-icon-refund-receive::before{content:"\f1a0"}.wds-icon.wds-icon-refund-sent::before{content:"\f1a1"}.wds-icon.wds-icon-reload::before{content:"\f1a2"}.wds-icon.wds-icon-request-receive::before{content:"\f1a3"}.wds-icon.wds-icon-request-send::before{content:"\f1a4"}.wds-icon.wds-icon-rewards::before{content:"\f1a5"}.wds-icon.wds-icon-sad-emoji::before{content:"\f1a6"}.wds-icon.wds-icon-scan-qr-code::before{content:"\f1a7"}.wds-icon.wds-icon-search::before{content:"\f1a8"}.wds-icon.wds-icon-send::before{content:"\f1a9"}.wds-icon.wds-icon-share-android::before{content:"\f1aa"}.wds-icon.wds-icon-share-ios::before{content:"\f1ab"}.wds-icon.wds-icon-shield::before{content:"\f1ac"}.wds-icon.wds-icon-shopping-bag::before{content:"\f1ad"}.wds-icon.wds-icon-slider::before{content:"\f1ae"}.wds-icon.wds-icon-sofort::before{content:"\f1af"}.wds-icon.wds-icon-software-and-hosting::before{content:"\f1b0"}.wds-icon.wds-icon-speech-bubble-message::before{content:"\f1b1"}.wds-icon.wds-icon-speech-bubble-pending::before{content:"\f1b2"}.wds-icon.wds-icon-speech-bubble::before{content:"\f1b3"}.wds-icon.wds-icon-speech-bubbles::before{content:"\f1b4"}.wds-icon.wds-icon-spend-dirham::before{content:"\f1b5"}.wds-icon.wds-icon-spend-dollar::before{content:"\f1b6"}.wds-icon.wds-icon-spend-euro::before{content:"\f1b7"}.wds-icon.wds-icon-spend-forint::before{content:"\f1b8"}.wds-icon.wds-icon-spend-franc::before{content:"\f1b9"}.wds-icon.wds-icon-spend-hryvnia::before{content:"\f1ba"}.wds-icon.wds-icon-spend-koruna::before{content:"\f1bb"}.wds-icon.wds-icon-spend-krone::before{content:"\f1bc"}.wds-icon.wds-icon-spend-kuna::before{content:"\f1bd"}.wds-icon.wds-icon-spend-leu-lei::before{content:"\f1be"}.wds-icon.wds-icon-spend-lev::before{content:"\f1bf"}.wds-icon.wds-icon-spend-lira::before{content:"\f1c0"}.wds-icon.wds-icon-spend-pound::before{content:"\f1c1"}.wds-icon.wds-icon-spend-real::before{content:"\f1c2"}.wds-icon.wds-icon-spend-ringgit::before{content:"\f1c3"}.wds-icon.wds-icon-spend-rupee::before{content:"\f1c4"}.wds-icon.wds-icon-spend-rupiah::before{content:"\f1c5"}.wds-icon.wds-icon-spend-yen::before{content:"\f1c6"}.wds-icon.wds-icon-spend-zloty::before{content:"\f1c7"}.wds-icon.wds-icon-split-money::before{content:"\f1c8"}.wds-icon.wds-icon-star-fill::before{content:"\f1c9"}.wds-icon.wds-icon-star::before{content:"\f1ca"}.wds-icon.wds-icon-stationery::before{content:"\f1cb"}.wds-icon.wds-icon-stop::before{content:"\f1cc"}.wds-icon.wds-icon-suitcase::before{content:"\f1cd"}.wds-icon.wds-icon-sunglasses::before{content:"\f1ce"}.wds-icon.wds-icon-switch::before{content:"\f1cf"}.wds-icon.wds-icon-takeaway::before{content:"\f1d0"}.wds-icon.wds-icon-target::before{content:"\f1d1"}.wds-icon.wds-icon-taxi::before{content:"\f1d2"}.wds-icon.wds-icon-team::before{content:"\f1d3"}.wds-icon.wds-icon-theme::before{content:"\f1d4"}.wds-icon.wds-icon-transfer::before{content:"\f1d5"}.wds-icon.wds-icon-transport::before{content:"\f1d6"}.wds-icon.wds-icon-trustly::before{content:"\f1d7"}.wds-icon.wds-icon-twitter::before{content:"\f1d8"}.wds-icon.wds-icon-upload::before{content:"\f1d9"}.wds-icon.wds-icon-upward-graph::before{content:"\f1da"}.wds-icon.wds-icon-venmo::before{content:"\f1db"}.wds-icon.wds-icon-wallet::before{content:"\f1dc"}.wds-icon.wds-icon-warning::before{content:"\f1dd"}.wds-icon.wds-icon-whatsapp::before{content:"\f1de"}.wds-icon.wds-icon-withdrawal::before{content:"\f1df"}.wds-icon{display:block;font-size:16px}.wds-icon-size-24{font-size:24px}.wds-icon::before{content:"\f14a"}
+img.wds-illustration{max-width:100%}.wds-illustration-padding{padding:24px}.wds-illustration-3d{display:inline-flex}.wds-illustration-3d-small{width:200px;height:200px}.wds-illustration-3d-medium{width:300px;height:300px}.wds-illustration-3d-large{width:500px;height:500px}.wds-flag{box-shadow:0 0 0 1px var(--color-border-neutral);border-radius:var(--radius-full)}

package/dist/{Jars-bfac42bc.esm.js → Jars-315f0e1e.esm.js}

@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { useRef } from 'react';
 import { ObjectLoader, TextureLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 
@@ -47,4 +47,4 @@ const Jars = () => {
 };
 
 export { Jars as default };
-//# sourceMappingURL=Jars-bfac42bc.esm.js.map
+//# sourceMappingURL=Jars-315f0e1e.esm.js.map

package/dist/Jars-315f0e1e.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jars-315f0e1e.esm.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.glb'));\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      child.material.bumpMap = wiseLogo;\n\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    if (child.name.startsWith('Jar_')) {\n      jars.push(child);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play();\n\n    jars.forEach((jar) => {\n      jar.material.map.offset.x += 0.001;\n      jar.material.map.offset.y += 0.0;\n    });\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;AAOMA,MAAAA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;EAC5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;EACpE,MAAMI,QAAQ,GAAGF,SAAS,CAACG,aAAa,EAAEL,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAA;EAC9E,MAAMM,IAAI,GAAG,EAAE,CAAA;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ,CAAA;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK,CAAA;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK,CAAA;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK,CAAA;AAC5B,KAAA;IACD,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC,CAAA;AACjB,KAAA;AACH,GAAC,CAAC,CAAA;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,aAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC,CAAA;AAE7D0B,EAAAA,QAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE,CAAA;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK,CAAA;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG,CAAA;AAClC,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS,KAAAA;KACtE,CAAA,eAAA2B,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Jars-0fa48808.js → Jars-bfd6186b.js}

@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 
@@ -49,4 +49,4 @@ const Jars = () => {
 };
 
 exports.default = Jars;
-//# sourceMappingURL=Jars-0fa48808.js.map
+//# sourceMappingURL=Jars-bfd6186b.js.map

package/dist/Jars-bfd6186b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jars-bfd6186b.js","sources":["../src/illustrations3d/models/Jars.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Jars = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.glb'));\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      child.material.bumpMap = wiseLogo;\n\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    if (child.name.startsWith('Jar_')) {\n      jars.push(child);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play();\n\n    jars.forEach((jar) => {\n      jar.material.map.offset.x += 0.001;\n      jar.material.map.offset.y += 0.0;\n    });\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Jars;\n"],"names":["Jars","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","mixer","clips","useAnimations","animations","useFrame","clipAction","play","forEach","jar","map","offset","x","y","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;AAOMA,MAAAA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC,CAAA;EAC5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;EACpE,MAAMI,QAAQ,GAAGF,eAAS,CAACG,mBAAa,EAAEL,eAAS,CAAC,wBAAwB,CAAC,CAAC,CAAA;EAC9E,MAAMM,IAAI,GAAG,EAAE,CAAA;AAEfR,EAAAA,KAAK,CAACS,KAAK,CAACC,QAAQ,CAAEC,KAAK,IAAI;IAC7B,IAAIA,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;AAClCF,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,GAAGT,QAAQ,CAAA;AAEjCK,MAAAA,KAAK,CAACG,QAAQ,CAACC,OAAO,CAACC,KAAK,GAAG,KAAK,CAAA;MACpCL,KAAK,CAACM,UAAU,GAAG,KAAK,CAAA;MACxBN,KAAK,CAACO,aAAa,GAAG,KAAK,CAAA;AAC5B,KAAA;IACD,IAAIP,KAAK,CAACC,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;AACjCL,MAAAA,IAAI,CAACW,IAAI,CAACR,KAAK,CAAC,CAAA;AACjB,KAAA;AACH,GAAC,CAAC,CAAA;EAEF,MAAM;IAAES,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,kBAAa,CAACtB,KAAK,CAACuB,UAAU,EAAEzB,GAAG,CAAC,CAAA;AAE7D0B,EAAAA,cAAQ,CAAC,MAAK;IACZJ,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACK,IAAI,EAAE,CAAA;AAEjClB,IAAAA,IAAI,CAACmB,OAAO,CAAEC,GAAG,IAAI;MACnBA,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,KAAK,CAAA;MAClCH,GAAG,CAACd,QAAQ,CAACe,GAAG,CAACC,MAAM,CAACE,CAAC,IAAI,GAAG,CAAA;AAClC,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWtC,MAAAA,GAAG,EAAEA,GAAI;AAACuC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvC,KAAK,CAACS,KAAAA;KACtE,CAAA,eAAA2B,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpC,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Lock-2b6bd8bd.esm.js → Lock-64866d42.esm.js}

@@ -2,7 +2,7 @@ import { useGLTF, useAnimations } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { useRef } from 'react';
 import { ObjectLoader, LoopOnce } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 
@@ -38,4 +38,4 @@ const Lock = () => {
 };
 
 export { Lock as default };
-//# sourceMappingURL=Lock-2b6bd8bd.esm.js.map
+//# sourceMappingURL=Lock-64866d42.esm.js.map

package/dist/Lock-64866d42.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock-64866d42.esm.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n  model.scene.traverse((node) => {\n    if (node.isMesh) {\n      node.castShadow = true;\n      node.receiveShadow = true;\n    }\n  });\n\n  const { clips, mixer } = useAnimations(model.animations, ref);\n  let frame = 0;\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n    model.materials.Standard.map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.4} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;AAOMA,MAAAA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,MAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;EAE5C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI,CAAA;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI,CAAA;AAC1B,KAAA;AACH,GAAC,CAAC,CAAA;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,aAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC,CAAA;EAC7D,IAAIkB,KAAK,GAAG,CAAC,CAAA;AACbC,EAAAA,QAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,QAAQ,EAAE,CAAC,CAAC,CAAA;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAA;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,KAAK,CAAA;AACjD,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM,KAAAA;KAC/C,CAAA,eAAA4B,GAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Lock-4c64a0dc.js → Lock-9f35874f.js}

@@ -4,7 +4,7 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 
@@ -40,4 +40,4 @@ const Lock = () => {
 };
 
 exports.default = Lock;
-//# sourceMappingURL=Lock-4c64a0dc.js.map
+//# sourceMappingURL=Lock-9f35874f.js.map

package/dist/Lock-9f35874f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock-9f35874f.js","sources":["../src/illustrations3d/models/Lock.tsx"],"sourcesContent":["import { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Lock = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('lock-light.json'));\n\n  model.scene.traverse((node) => {\n    if (node.isMesh) {\n      node.castShadow = true;\n      node.receiveShadow = true;\n    }\n  });\n\n  const { clips, mixer } = useAnimations(model.animations, ref);\n  let frame = 0;\n  useFrame(() => {\n    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\n\n    model.materials.Standard.map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.4} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Lock;\n"],"names":["Lock","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","clips","mixer","useAnimations","animations","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","object"],"mappings":";;;;;;;;;;AAOMA,MAAAA,IAAI,GAAGA,MAAK;AAChB,EAAA,MAAMC,GAAG,GAAGC,YAAM,EAAE,CAAA;EACpB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,UAAU,CAAC,CAAC,CAAA;EAE5C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAEpEF,EAAAA,KAAK,CAACM,KAAK,CAACC,QAAQ,CAAEC,IAAI,IAAI;IAC5B,IAAIA,IAAI,CAACC,MAAM,EAAE;MACfD,IAAI,CAACE,UAAU,GAAG,IAAI,CAAA;MACtBF,IAAI,CAACG,aAAa,GAAG,IAAI,CAAA;AAC1B,KAAA;AACH,GAAC,CAAC,CAAA;EAEF,MAAM;IAAEC,KAAK;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,kBAAa,CAACd,KAAK,CAACe,UAAU,EAAEjB,GAAG,CAAC,CAAA;EAC7D,IAAIkB,KAAK,GAAG,CAAC,CAAA;AACbC,EAAAA,cAAQ,CAAC,MAAK;AACZJ,IAAAA,KAAK,CAACK,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,CAACO,IAAI,EAAE,CAACC,OAAO,CAACC,cAAQ,EAAE,CAAC,CAAC,CAAA;AACtDrB,IAAAA,KAAK,CAACM,KAAK,CAACgB,QAAQ,CAACC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAA;AAEvDhB,IAAAA,KAAK,CAAC0B,SAAS,CAACC,QAAQ,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,KAAK,CAAA;AACjD,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWpC,MAAAA,GAAG,EAAEA,GAAI;AAACqC,MAAAA,KAAK,EAAE,GAAI;MAACC,MAAM,EAAEpC,KAAK,CAACM,KAAAA;KAC/C,CAAA,eAAA4B,cAAA,CAAA,WAAA,EAAA;AAAWE,MAAAA,MAAM,EAAEjC,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{MagnifyingGlass-0603a06c.esm.js → MagnifyingGlass-7bcc177b.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -27,4 +27,4 @@ const MagnifyingGlass = () => {
 };
 
 export { MagnifyingGlass as default };
-//# sourceMappingURL=MagnifyingGlass-0603a06c.esm.js.map
+//# sourceMappingURL=MagnifyingGlass-7bcc177b.esm.js.map

package/dist/MagnifyingGlass-7bcc177b.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlass-7bcc177b.esm.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n  const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens');\n\n  useFrame(() => {\n    lens.material.transparent = true;\n\n    lens.material.opacity = 0.8;\n\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n  });\n\n  return (\n    <>\n      <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;AAMMA,MAAAA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAA;EAExD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,6BAA6B,CAAC,CAAC,CAAA;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC,CAAA;AAE1DC,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI,CAAA;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG,CAAA;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAC3D,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO,KAAAA;KAC5D,CAAA,eAAAa,GAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{MagnifyingGlass-711dbd52.js → MagnifyingGlass-850402f3.js}

@@ -3,7 +3,7 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
@@ -29,4 +29,4 @@ const MagnifyingGlass = () => {
 };
 
 exports.default = MagnifyingGlass;
-//# sourceMappingURL=MagnifyingGlass-711dbd52.js.map
+//# sourceMappingURL=MagnifyingGlass-850402f3.js.map

package/dist/MagnifyingGlass-850402f3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlass-850402f3.js","sources":["../src/illustrations3d/models/MagnifyingGlass.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MagnifyingGlass = () => {\n  const model = useGLTF(defineSrc('magnifying-glass.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens');\n\n  useFrame(() => {\n    lens.material.transparent = true;\n\n    lens.material.opacity = 0.8;\n\n    model.materials['Tapestry WebGL'].map.offset.x += -0.0006;\n  });\n\n  return (\n    <>\n      <primitive scale={1.5} position={[0, -12, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MagnifyingGlass;\n"],"names":["MagnifyingGlass","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","_jsxs","_Fragment","children","_jsx","scale","position","object"],"mappings":";;;;;;;;;;AAMMA,MAAAA,eAAe,GAAGA,MAAK;EAC3B,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,sBAAsB,CAAC,CAAC,CAAA;EAExD,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,6BAA6B,CAAC,CAAC,CAAA;EAEhF,MAAMI,IAAI,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gBAAgB,CAAC,CAAA;AAE1DC,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,IAAI,CAACI,QAAQ,CAACC,WAAW,GAAG,IAAI,CAAA;AAEhCL,IAAAA,IAAI,CAACI,QAAQ,CAACE,OAAO,GAAG,GAAG,CAAA;AAE3BZ,IAAAA,KAAK,CAACa,SAAS,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,CAAC,IAAI,CAAC,MAAM,CAAA;AAC3D,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACC,MAAM,EAAEvB,KAAK,CAACO,KAAAA;KAC5D,CAAA,eAAAa,cAAA,CAAA,WAAA,EAAA;AAAWG,MAAAA,MAAM,EAAEpB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Marble-b7bde4af.esm.js → Marble-8e71ce64.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -39,4 +39,4 @@ const Marble = () => {
 };
 
 export { Marble as default };
-//# sourceMappingURL=Marble-b7bde4af.esm.js.map
+//# sourceMappingURL=Marble-8e71ce64.esm.js.map

package/dist/Marble-8e71ce64.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marble-8e71ce64.esm.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n  const model = useGLTF(defineSrc('marble.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  stripeBottom.material.depthTest = false;\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  stripeLeft.material.depthTest = false;\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  stripeRight.material.depthTest = false;\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  stripeTop.material.depthTest = false;\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;EAE9C,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC,CAAA;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI,CAAA;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC,CAAA;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC,CAAA;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC,CAAA;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC,CAAA;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC,CAAA;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC,CAAA;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC,CAAA;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;AAC1D,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO,KAAAA;KAC5D,CAAA,eAAAmB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{Marble-4522fae8.js → Marble-d1c83ca5.js}

@@ -3,7 +3,7 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-4c1d5bff.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
@@ -41,4 +41,4 @@ const Marble = () => {
 };
 
 exports.default = Marble;
-//# sourceMappingURL=Marble-4522fae8.js.map
+//# sourceMappingURL=Marble-d1c83ca5.js.map

package/dist/Marble-d1c83ca5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marble-d1c83ca5.js","sources":["../src/illustrations3d/models/Marble.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst Marble = () => {\n  const model = useGLTF(defineSrc('marble.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  stripeBottom.material.depthTest = false;\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  stripeLeft.material.depthTest = false;\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  stripeRight.material.depthTest = false;\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  stripeTop.material.depthTest = false;\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -11, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default Marble;\n"],"names":["Marble","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;;;AAMMA,MAAAA,MAAM,GAAGA,MAAK;EAClB,MAAMC,KAAK,GAAGC,YAAO,CAACC,eAAS,CAAC,YAAY,CAAC,CAAC,CAAA;EAE9C,MAAMC,MAAM,GAAGC,eAAS,CAACC,kBAAY,EAAEH,eAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;EAEtE,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC,CAAA;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI,CAAA;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC,CAAA;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC,CAAA;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC,CAAA;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AACnEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC,CAAA;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC,CAAA;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC,CAAA;EAEzB,MAAMI,YAAY,GAAG,CAACV,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACG,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACT,QAAQ,CAACQ,GAAG,CAChC,CAAA;AAEDE,EAAAA,cAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;AAC1D,GAAC,CAAC,CAAA;EAEF,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAElB,KAAK,CAACO,KAAAA;KAC5D,CAAA,eAAAmB,cAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEf,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/dist/{MarbleCard-1e08f954.esm.js → MarbleCard-a3bee913.esm.js}

@@ -1,7 +1,7 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1b37285b.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
@@ -42,4 +42,4 @@ const MarbleCard = () => {
 };
 
 export { MarbleCard as default };
-//# sourceMappingURL=MarbleCard-1e08f954.esm.js.map
+//# sourceMappingURL=MarbleCard-a3bee913.esm.js.map

package/dist/MarbleCard-a3bee913.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCard-a3bee913.esm.js","sources":["../src/illustrations3d/models/MarbleCard.tsx"],"sourcesContent":["import { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from '../utils';\n\nconst MarbleCard = () => {\n  const model = useGLTF(defineSrc('marble-card.glb'));\n\n  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n  const sphere = model.scene.getObjectByName('Sphere1');\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  stripeBottom.material.depthTest = false;\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  stripeLeft.material.depthTest = false;\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n  stripeRight.material.depthTest = false;\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  stripeTop.material.depthTest = false;\n  stripeTop.renderOrder = 4;\n\n  const card = model.scene.getObjectByName('Plane');\n  card.material.depthTest = false;\n  card.material.metalness = 0;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    (object) => object.material.map,\n  );\n\n  useFrame(() => {\n    animatedMaps.forEach((map) => (map.offset.y += -0.0015));\n  });\n\n  return (\n    <>\n      <primitive scale={1.4} position={[0, -10, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MarbleCard;\n"],"names":["MarbleCard","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","card","metalness","animatedMaps","map","object","useFrame","forEach","offset","y","_jsxs","_Fragment","children","_jsx","scale","position"],"mappings":";;;;;;;;AAMMA,MAAAA,UAAU,GAAGA,MAAK;EACtB,MAAMC,KAAK,GAAGC,OAAO,CAACC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;EAEnD,MAAMC,MAAM,GAAGC,SAAS,CAACC,YAAY,EAAEH,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAA;EAC3E,MAAMI,MAAM,GAAGN,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,SAAS,CAAC,CAAA;AACrDF,EAAAA,MAAM,CAACG,QAAQ,CAACC,SAAS,GAAG,IAAI,CAAA;EAEhC,MAAMC,YAAY,GAAGX,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,uCAAuC,CAAC,CAAA;AACzFG,EAAAA,YAAY,CAACF,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACvCC,YAAY,CAACC,WAAW,GAAG,CAAC,CAAA;EAE5B,MAAMC,UAAU,GAAGb,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AAClEK,EAAAA,UAAU,CAACJ,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACrCG,UAAU,CAACD,WAAW,GAAG,CAAC,CAAA;EAE1B,MAAME,WAAW,GAAGd,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,mBAAmB,CAAC,CAAA;AACpEM,EAAAA,WAAW,CAACL,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACtCI,WAAW,CAACF,WAAW,GAAG,CAAC,CAAA;EAE3B,MAAMG,SAAS,GAAGf,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,gCAAgC,CAAC,CAAA;AAC/EO,EAAAA,SAAS,CAACN,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;EACpCK,SAAS,CAACH,WAAW,GAAG,CAAC,CAAA;EAEzB,MAAMI,IAAI,GAAGhB,KAAK,CAACO,KAAK,CAACC,eAAe,CAAC,OAAO,CAAC,CAAA;AACjDQ,EAAAA,IAAI,CAACP,QAAQ,CAACC,SAAS,GAAG,KAAK,CAAA;AAC/BM,EAAAA,IAAI,CAACP,QAAQ,CAACQ,SAAS,GAAG,CAAC,CAAA;EAE3B,MAAMC,YAAY,GAAG,CAACZ,MAAM,EAAES,SAAS,EAAEJ,YAAY,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAACK,GAAG,CAChFC,MAAM,IAAKA,MAAM,CAACX,QAAQ,CAACU,GAAG,CAChC,CAAA;AAEDE,EAAAA,QAAQ,CAAC,MAAK;AACZH,IAAAA,YAAY,CAACI,OAAO,CAAEH,GAAG,IAAMA,GAAG,CAACI,MAAM,CAACC,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;AAC1D,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,WAAA,EAAA;AAAWC,MAAAA,KAAK,EAAE,GAAI;MAACC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAE;MAACV,MAAM,EAAEpB,KAAK,CAACO,KAAAA;KAC5D,CAAA,eAAAqB,GAAA,CAAA,WAAA,EAAA;AAAWR,MAAAA,MAAM,EAAEjB,MAAAA;AAAO,KAC5B,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}