@wise/art 2.10.0-beta.3 → 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-6a3a1306.esm.js → CheckMark-75975410.esm.js}

@@ -2,10 +2,9 @@ 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-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
-import 'sanitize-html';
 
 const CheckMark = () => {
   const modelRef = useRef();
@@ -35,4 +34,4 @@ const CheckMark = () => {
 };
 
 export { CheckMark as default };
-//# sourceMappingURL=CheckMark-6a3a1306.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-275a5118.js → CheckMark-91b74943.js}

@@ -4,10 +4,9 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
-require('sanitize-html');
 
 const CheckMark = () => {
   const modelRef = react.useRef();
@@ -37,4 +36,4 @@ const CheckMark = () => {
 };
 
 exports.default = CheckMark;
-//# sourceMappingURL=CheckMark-275a5118.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-a33c5884.js → Confetti-4e9cc611.js}

@@ -4,10 +4,9 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
-require('sanitize-html');
 
 const Confetti = () => {
   const ref = react.useRef();
@@ -34,4 +33,4 @@ const Confetti = () => {
 };
 
 exports.default = Confetti;
-//# sourceMappingURL=Confetti-a33c5884.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-345455b0.esm.js → Confetti-eb9add24.esm.js}

@@ -2,10 +2,9 @@ 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-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
-import 'sanitize-html';
 
 const Confetti = () => {
   const ref = useRef();
@@ -32,4 +31,4 @@ const Confetti = () => {
 };
 
 export { Confetti as default };
-//# sourceMappingURL=Confetti-345455b0.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-861861e4.esm.js → Flower-66206fda.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const Flower = () => {
   const model = useGLTF(defineSrc('flower.glb'));
@@ -25,4 +24,4 @@ const Flower = () => {
 };
 
 export { Flower as default };
-//# sourceMappingURL=Flower-861861e4.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-aa1da081.js → Flower-c9d23967.js}

@@ -3,11 +3,10 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
-require('sanitize-html');
 
 const Flower = () => {
   const model = drei.useGLTF(index.defineSrc('flower.glb'));
@@ -27,4 +26,4 @@ const Flower = () => {
 };
 
 exports.default = Flower;
-//# sourceMappingURL=Flower-aa1da081.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-71aaced4.js → Globe-8e3a5a93.js}

@@ -3,11 +3,10 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
-require('sanitize-html');
 
 const Globe = () => {
   const {
@@ -43,4 +42,4 @@ const Globe = () => {
 };
 
 exports.default = Globe;
-//# sourceMappingURL=Globe-71aaced4.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-c5fb26d3.esm.js → Globe-a27525fe.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader, TextureLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const Globe = () => {
   const {
@@ -41,4 +40,4 @@ const Globe = () => {
 };
 
 export { Globe as default };
-//# sourceMappingURL=Globe-c5fb26d3.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-4bcdb92e.esm.js → Graph-72ebad19.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const Graph = () => {
   const model = useGLTF(defineSrc('graph.glb'));
@@ -29,4 +28,4 @@ const Graph = () => {
 };
 
 export { Graph as default };
-//# sourceMappingURL=Graph-4bcdb92e.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-f0f91ba3.js → Graph-9a766bb4.js}

@@ -3,11 +3,10 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
-require('sanitize-html');
 
 const Graph = () => {
   const model = drei.useGLTF(index.defineSrc('graph.glb'));
@@ -31,4 +30,4 @@ const Graph = () => {
 };
 
 exports.default = Graph;
-//# sourceMappingURL=Graph-f0f91ba3.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}.wds-flag{box-shadow:0 0 0 1px var(--color-border-neutral);border-radius:var(--radius-full)}.wds-icon svg{display:block;width:16px;height:16px}.wds-icon-size-24 svg{width:24px;height:24px}
+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-35b153d0.esm.js → Jars-315f0e1e.esm.js}

@@ -2,10 +2,9 @@ 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-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
-import 'sanitize-html';
 
 const Jars = () => {
   const ref = useRef();
@@ -48,4 +47,4 @@ const Jars = () => {
 };
 
 export { Jars as default };
-//# sourceMappingURL=Jars-35b153d0.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-4cf264dc.js → Jars-bfd6186b.js}

@@ -4,10 +4,9 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
-require('sanitize-html');
 
 const Jars = () => {
   const ref = react.useRef();
@@ -50,4 +49,4 @@ const Jars = () => {
 };
 
 exports.default = Jars;
-//# sourceMappingURL=Jars-4cf264dc.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-a508a7d9.esm.js → Lock-64866d42.esm.js}

@@ -2,10 +2,9 @@ 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-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
-import 'sanitize-html';
 
 const Lock = () => {
   const ref = useRef();
@@ -39,4 +38,4 @@ const Lock = () => {
 };
 
 export { Lock as default };
-//# sourceMappingURL=Lock-a508a7d9.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-070af72c.js → Lock-9f35874f.js}

@@ -4,10 +4,9 @@ var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var react = require('react');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
-require('sanitize-html');
 
 const Lock = () => {
   const ref = react.useRef();
@@ -41,4 +40,4 @@ const Lock = () => {
 };
 
 exports.default = Lock;
-//# sourceMappingURL=Lock-070af72c.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-44a60017.esm.js → MagnifyingGlass-7bcc177b.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const MagnifyingGlass = () => {
   const model = useGLTF(defineSrc('magnifying-glass.glb'));
@@ -28,4 +27,4 @@ const MagnifyingGlass = () => {
 };
 
 export { MagnifyingGlass as default };
-//# sourceMappingURL=MagnifyingGlass-44a60017.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-6d6a5c78.js → MagnifyingGlass-850402f3.js}

@@ -3,11 +3,10 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
-require('sanitize-html');
 
 const MagnifyingGlass = () => {
   const model = drei.useGLTF(index.defineSrc('magnifying-glass.glb'));
@@ -30,4 +29,4 @@ const MagnifyingGlass = () => {
 };
 
 exports.default = MagnifyingGlass;
-//# sourceMappingURL=MagnifyingGlass-6d6a5c78.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-d84b0fb4.esm.js → Marble-8e71ce64.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const Marble = () => {
   const model = useGLTF(defineSrc('marble.glb'));
@@ -40,4 +39,4 @@ const Marble = () => {
 };
 
 export { Marble as default };
-//# sourceMappingURL=Marble-d84b0fb4.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-28f06aa6.js → Marble-d1c83ca5.js}

@@ -3,11 +3,10 @@
 var drei = require('@react-three/drei');
 var fiber = require('@react-three/fiber');
 var three = require('three');
-var index = require('./index-b33abf80.js');
+var index = require('./index-a4dd3e1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('clsx');
 require('react');
-require('sanitize-html');
 
 const Marble = () => {
   const model = drei.useGLTF(index.defineSrc('marble.glb'));
@@ -42,4 +41,4 @@ const Marble = () => {
 };
 
 exports.default = Marble;
-//# sourceMappingURL=Marble-28f06aa6.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-cc6cb580.esm.js → MarbleCard-a3bee913.esm.js}

@@ -1,11 +1,10 @@
 import { useGLTF } from '@react-three/drei';
 import { useLoader, useFrame } from '@react-three/fiber';
 import { ObjectLoader } from 'three';
-import { d as defineSrc } from './index-1e4862aa.esm.js';
+import { d as defineSrc } from './index-d9418379.esm.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'clsx';
 import 'react';
-import 'sanitize-html';
 
 const MarbleCard = () => {
   const model = useGLTF(defineSrc('marble-card.glb'));
@@ -43,4 +42,4 @@ const MarbleCard = () => {
 };
 
 export { MarbleCard as default };
-//# sourceMappingURL=MarbleCard-cc6cb580.esm.js.map
+//# sourceMappingURL=MarbleCard-a3bee913.esm.js.map