@wise/art 2.4.0 → 2.5.0-beta.2

package/README.md

@@ -77,18 +77,48 @@ in Angular HTML template file
 </wise-illustration>
 ```
 
+## 3d Illustrations
+
+3d illustrations work via `Illustration3d` React component. The component uses [three.js](https://threejs.org) framework to preview 3d models.
+
+
+
 ## Flags
 
-Two types of flags are generated from the [wise-atoms SVGs](https://github.com/transferwise/wise-atoms/tree/main/flags): country and currency.  
-The country flags have two letter codes and the currency flags have three letter codes. They can be accessed with URLs like:  
-https://wise.com/web-art/assets/flags/be.svg  
-and  
-https://wise.com/web-art/assets/flags/huf.svg
+Flags generated from [wise-atoms SVGs](https://github.com/transferwise/wise-atoms/tree/main/flags) are accessible by either of these:
+
+- Two-letter country code (ISO 3166-1 alpha-2) — e.g.: GB, US
+- Three-letter currency code (ISO 4217) — e.g.: GBP, USD
+
+### Usage in React
+
+```jsx
+import { Flag } from '@wise/art';
+
+<Flag code="GB" />
+<Flag code="GBP" intrinsicSize={150} />
+```
+
+### Usage without React
+
+The underlying assets may be loaded directly as images. Make sure to:
+
+- Use lowercase letter codes, e.g. `"gbp"` instead of `"GBP"`
+- Use detailed variant when `intrinsicSize >= 150px`
+- Use `"wise"` as a fallback when a flag can’t be found
+
+E.g.:
 
-If there is a detailed variant it can be found at  
-https://wise.com/web-art/assets/flags/usd-detailed.svg
+```html
+<img src="https://wise.com/web-art/assets/flags/usd.svg" alt="" width="24" height="24">
+
+<img src="https://wise.com/web-art/assets/flags/usd-detailed.svg" alt="" width="150" height="150">
+
+<!-- Not every flag has a detailed variant at large sizes, though -->
+<img src="https://wise.com/web-art/assets/flags/gbp.svg" alt="" width="150" height="150">
+```
 
-If you want to see all the flags, head over to [wise.design](https://wise.design/foundations/flags#flag-library)
+If you want to see all the flags, head over to [wise.design](https://wise.design/foundations/flags#flag-library).
 
 # Maintenance
 

package/dist/CheckMarkModel-8e205e14.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as r}from"@react-three/drei";import{useLoader as t,useFrame as a}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,LoopOnce as c}from"three";import{d as n}from"./index-09633b41.js";import"classnames";var l=function(){var l=m(),p=e(n("check-mark.gltf")),s=p.animations,f=p.scene,d=t(o,n("check-mark-light.json")),h=r(s,l),u=h.mixer,b=h.clips;return a(function(){p.materials.Standard.map.offset.x+=-.0025,u.clipAction(b[0]).play().setLoop(c,1)}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:l,scale:1.4,object:f}),/*#__PURE__*/i.createElement("primitive",{object:d}))};export{l as default};
+//# sourceMappingURL=CheckMarkModel-8e205e14.js.map

package/dist/CheckMarkModel-8e205e14.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMarkModel-8e205e14.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst CheckMarkModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.gltf') /*, true*/);\n  const { animations, scene } = model;\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('check-mark-light.json'),\n  );\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    // @ts-expect-error later\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 CheckMarkModel;\n"],"names":["CheckMarkModel","modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"4QASMA,IAAAA,EAAiB,WACrB,IAAcC,EAAGC,IACXC,EAAQC,EAAQC,EAAU,oBACxBC,EAAsBH,EAAtBG,WAAYC,EAAUJ,EAAVI,MACdC,EAASC,EAEbC,EACAL,EAAU,0BAGaM,EAAAA,EAAcL,EAAYL,GAA3CW,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAS,WAEPZ,EAAMa,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAWG,IAAK1B,EAAU2B,MAAO,IAAKC,OAAQtB,iBAC9CiB,EAAWC,cAAA,YAAA,CAAAI,OAAQrB,IAGzB"}

package/dist/CheckMarkModel-919049a6.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/n(t);exports.default=function(){var n=t.useRef(),u=e.useGLTF(i.defineSrc("check-mark.gltf")),l=u.animations,f=u.scene,o=r.useLoader(a.ObjectLoader,i.defineSrc("check-mark-light.json")),s=e.useAnimations(l,n),d=s.mixer,m=s.clips;return r.useFrame(function(){u.materials.Standard.map.offset.x+=-.0025,d.clipAction(m[0]).play().setLoop(a.LoopOnce,1)}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{ref:n,scale:1.4,object:f}),/*#__PURE__*/c.default.createElement("primitive",{object:o}))};
+//# sourceMappingURL=CheckMarkModel-919049a6.js.map

package/dist/CheckMarkModel-919049a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckMarkModel-919049a6.js","sources":["../src/illustrations3d/CheckMarkModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst CheckMarkModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('check-mark.gltf') /*, true*/);\n  const { animations, scene } = model;\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('check-mark-light.json'),\n  );\n\n  const { mixer, clips } = useAnimations(animations, modelRef);\n  useFrame(() => {\n    // @ts-expect-error later\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 CheckMarkModel;\n"],"names":["modelRef","useRef","model","useGLTF","defineSrc","animations","scene","lights","useLoader","ObjectLoader","useAnimations","mixer","_useAnimations","clips","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","ref","scale","object"],"mappings":"gRASuB,WACrB,IAAcA,EAAGC,EAAAA,SACXC,EAAQC,UAAQC,EAAAA,UAAU,oBACxBC,EAAsBH,EAAtBG,WAAYC,EAAUJ,EAAVI,MACdC,EAASC,EAAAA,UAEbC,EAAYA,aACZL,EAASA,UAAC,0BAGaM,EAAAA,EAAAA,cAAcL,EAAYL,GAA3CW,EAAKC,EAALD,MAAOE,EAAAA,EAAAA,MAQf,OAPAC,EAAQA,SAAC,WAEPZ,EAAMa,UAAoB,SAAEC,IAAIC,OAAOC,IAAM,MAE7CP,EAAMQ,WAAWN,EAAM,IAAIO,OAAOC,QAAQC,EAAQA,SAAE,EACtD,gBAGEC,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAAA,mCAAWG,IAAK1B,EAAU2B,MAAO,IAAKC,OAAQtB,iBAC9CiB,UAAWC,cAAA,YAAA,CAAAI,OAAQrB,IAGzB"}

package/dist/ConfettiModel-a18f25b8.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),u=t.useLoader(i.ObjectLoader,a.defineSrc("confetti-light.json")),o=e.useGLTF(a.defineSrc("confetti.gltf")),f=e.useAnimations(o.animations,n),s=f.mixer,l=f.clips;return t.useFrame(function(){o.materials["Tapestry WebGL"].map.offset.x+=-.0015,s.clipAction(l[0]).play().setLoop(i.LoopOnce,1)}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{ref:n,scale:1.5,position:[0,1.5,0],object:o.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:u}))};
+//# sourceMappingURL=ConfettiModel-a18f25b8.js.map

package/dist/ConfettiModel-a18f25b8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfettiModel-a18f25b8.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst ConfettiModel = () => {\n  const ref = useRef();\n\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('confetti-light.json'),\n  );\n\n  const model = useGLTF(defineSrc('confetti.gltf'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\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 ConfettiModel;\n"],"names":["ref","useRef","lights","useLoader","ObjectLoader","defineSrc","model","useGLTF","useAnimations","animations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","scale","position","object","scene"],"mappings":"gRASsB,WACpB,IAASA,EAAGC,EAAAA,SAENC,EAASC,YAEbC,EAAAA,aACAC,EAAAA,UAAU,wBAGDC,EAAGC,EAAOA,QAACF,YAAU,oBAEPG,EAAAA,cAAcF,EAAMG,WAAYT,GAAjDU,IAAAA,MAAOC,EAAKC,EAALD,MAQf,OAPAE,WAAS,WAEPP,EAAMQ,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWP,EAAM,IAAIQ,OAAOC,QAAQC,EAAAA,SAAU,EACtD,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWvB,IAAKA,EAAKyB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQrB,EAAMsB,qBACtEN,UAAWC,cAAA,YAAA,CAAAI,OAAQzB,IAGzB"}

package/dist/ConfettiModel-ef46f63e.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import o,{useRef as a}from"react";import{ObjectLoader as m,LoopOnce as n}from"three";import{d as c}from"./index-09633b41.js";import"classnames";var p=function(){var p=a(),s=r(m,c("confetti-light.json")),f=e(c("confetti.gltf")),l=t(f.animations,p),b=l.mixer,u=l.clips;return i(function(){f.materials["Tapestry WebGL"].map.offset.x+=-.0015,b.clipAction(u[0]).play().setLoop(n,1)}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:p,scale:1.5,position:[0,1.5,0],object:f.scene}),/*#__PURE__*/o.createElement("primitive",{object:s}))};export{p as default};
+//# sourceMappingURL=ConfettiModel-ef46f63e.js.map

package/dist/ConfettiModel-ef46f63e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfettiModel-ef46f63e.js","sources":["../src/illustrations3d/ConfettiModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, LoopOnce } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst ConfettiModel = () => {\n  const ref = useRef();\n\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('confetti-light.json'),\n  );\n\n  const model = useGLTF(defineSrc('confetti.gltf'));\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\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 ConfettiModel;\n"],"names":["ConfettiModel","ref","useRef","lights","useLoader","ObjectLoader","defineSrc","model","useGLTF","useAnimations","animations","mixer","clips","_useAnimations","useFrame","materials","map","offset","x","clipAction","play","setLoop","LoopOnce","React","createElement","Fragment","scale","position","object","scene"],"mappings":"4QASMA,IAAAA,EAAgB,WACpB,IAASC,EAAGC,IAENC,EAASC,EAEbC,EACAC,EAAU,wBAGDC,EAAGC,EAAQF,EAAU,oBAEPG,EAAcF,EAAMG,WAAYT,GAAjDU,IAAAA,MAAOC,EAAKC,EAALD,MAQf,OAPAE,EAAS,WAEPP,EAAMQ,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,MAEnDP,EAAMQ,WAAWP,EAAM,IAAIQ,OAAOC,QAAQC,EAAU,EACtD,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWvB,IAAKA,EAAKyB,MAAO,IAAKC,SAAU,CAAC,EAAG,IAAK,GAAIC,OAAQrB,EAAMsB,qBACtEN,EAAWC,cAAA,YAAA,CAAAI,OAAQzB,IAGzB"}

package/dist/FlowerModel-81e39017.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as r,useFrame as t}from"@react-three/fiber";import o,{useRef as i}from"react";import{ObjectLoader as m}from"three";import{d as a}from"./index-09633b41.js";import"classnames";var f=function(){var f=i(),n=e(a("flower.gltf"),!0),c=r(m,a("flower-light.json"));return t(function(){n.materials["Tapestry WebGL"].map.offset.x+=-.001}),/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement("primitive",{ref:f,scale:1.3,position:[0,-9,0],object:n.scene}),/*#__PURE__*/o.createElement("primitive",{object:c}))};export{f as default};
+//# sourceMappingURL=FlowerModel-81e39017.js.map

package/dist/FlowerModel-81e39017.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowerModel-81e39017.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst FlowerModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('flower.gltf'), true);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default FlowerModel;\n"],"names":["FlowerModel","modelRef","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"2OASMA,IAAAA,EAAc,WAClB,IAAcC,EAAGC,IACNC,EAAGC,EAAQC,EAAU,gBAAgB,GAE1CC,EAASC,EAAUC,EAAcH,EAAU,sBAOjD,OALAI,EAAS,WAEPN,EAAMO,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,IAAKhB,EAAUiB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQjB,EAAMkB,qBAC1EP,EAAWC,cAAA,YAAA,CAAAK,OAAQd,IAGzB"}

package/dist/FlowerModel-cdcc8aa5.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),i=require("./index-560ede9d.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var f=/*#__PURE__*/u(t);exports.default=function(){var u=t.useRef(),n=e.useGLTF(i.defineSrc("flower.gltf"),!0),l=r.useLoader(a.ObjectLoader,i.defineSrc("flower-light.json"));return r.useFrame(function(){n.materials["Tapestry WebGL"].map.offset.x+=-.001}),/*#__PURE__*/f.default.createElement(f.default.Fragment,null,/*#__PURE__*/f.default.createElement("primitive",{ref:u,scale:1.3,position:[0,-9,0],object:n.scene}),/*#__PURE__*/f.default.createElement("primitive",{object:l}))};
+//# sourceMappingURL=FlowerModel-cdcc8aa5.js.map

package/dist/FlowerModel-cdcc8aa5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowerModel-cdcc8aa5.js","sources":["../src/illustrations3d/FlowerModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst FlowerModel = () => {\n  const modelRef = useRef();\n  const model = useGLTF(defineSrc('flower.gltf'), true);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.x += -0.001;\n  });\n\n  return (\n    <>\n      <primitive ref={modelRef} scale={1.3} position={[0, -9, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default FlowerModel;\n"],"names":["modelRef","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","React","createElement","Fragment","ref","scale","position","object","scene"],"mappings":"gRASoB,WAClB,IAAcA,EAAGC,EAAMA,SACZC,EAAGC,EAAAA,QAAQC,EAAAA,UAAU,gBAAgB,GAE1CC,EAASC,YAAUC,EAAAA,aAAcH,EAAAA,UAAU,sBAOjD,OALAI,EAAAA,SAAS,WAEPN,EAAMO,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,IAAKhB,EAAUiB,MAAO,IAAKC,SAAU,CAAC,GAAI,EAAG,GAAIC,OAAQjB,EAAMkB,qBAC1EP,EAAW,QAAAC,cAAA,YAAA,CAAAK,OAAQd,IAGzB"}

package/dist/GlobeModel-09c89fa7.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a,{useRef as i}from"react";import{ObjectLoader as o,TextureLoader as m}from"three";import{d as n}from"./index-09633b41.js";import"classnames";var p=function(){var p=i(),c=e(n("globe.gltf")).scene,l=t(o,n("globe-light.json")),s=t(m,n("wise-flag-map-bump.jpg")),f=c.getObjectByName("Globe"),b=c.getObjectByName("Coins_Axis_Rotation_Animate");return c.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=s,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),r(function(){b.rotation.y+=.002,f.material.map.offset.x+=-2e-4}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:p,position:[0,-10,0],scale:1.3,object:c}),/*#__PURE__*/a.createElement("primitive",{object:l}))};export{p as default};
+//# sourceMappingURL=GlobeModel-09c89fa7.js.map

package/dist/GlobeModel-09c89fa7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeModel-09c89fa7.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GlobeModel = () => {\n  const ref = useRef();\n  const { scene } = useGLTF(defineSrc('globe.gltf'));\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('globe-light.json'),\n  );\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    // @ts-expect-error later\n    orbit.rotation.y += 0.002;\n    // @ts-expect-error later\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GlobeModel;\n"],"names":["GlobeModel","ref","useRef","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"8PASMA,IAAAA,EAAa,WACjB,IAAMC,EAAMC,IACJC,EAAUC,EAAQC,EAAU,eAA5BF,MACIG,EAAGC,EAEbC,EACAH,EAAU,qBAENI,EAAWF,EAAUG,EAAeL,EAAU,2BACxCM,EAAGR,EAAMS,gBAAgB,SAC/BC,EAAQV,EAAMS,gBAAgB,+BAoBpC,OAlBAT,EAAMW,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,EAAS,WAEPV,EAAMW,SAASC,GAAK,KAEpBd,EAAOO,SAASQ,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAW7B,IAAKA,EAAK+B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ/B,iBAChE0B,EAAWC,cAAA,YAAA,CAAAI,OAAQ5B,IAGzB"}

package/dist/GlobeModel-97c1b902.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),o=e.useGLTF(i.defineSrc("globe.gltf")).scene,c=t.useLoader(a.ObjectLoader,i.defineSrc("globe-light.json")),l=t.useLoader(a.TextureLoader,i.defineSrc("wise-flag-map-bump.jpg")),f=o.getObjectByName("Globe"),s=o.getObjectByName("Coins_Axis_Rotation_Animate");return o.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=l,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1)}),t.useFrame(function(){s.rotation.y+=.002,f.material.map.offset.x+=-2e-4}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,position:[0,-10,0],scale:1.3,object:o}),/*#__PURE__*/u.default.createElement("primitive",{object:c}))};
+//# sourceMappingURL=GlobeModel-97c1b902.js.map

package/dist/GlobeModel-97c1b902.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeModel-97c1b902.js","sources":["../src/illustrations3d/GlobeModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GlobeModel = () => {\n  const ref = useRef();\n  const { scene } = useGLTF(defineSrc('globe.gltf'));\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('globe-light.json'),\n  );\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const planet = scene.getObjectByName('Globe') as THREE.Mesh;\n  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');\n\n  scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\n      child.material.bumpMap.flipY = false;\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n  });\n\n  useFrame(() => {\n    // @ts-expect-error later\n    orbit.rotation.y += 0.002;\n    // @ts-expect-error later\n    planet.material.map.offset.x += -0.0002;\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[0, -10, 0]} scale={1.3} object={scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default GlobeModel;\n"],"names":["ref","useRef","scene","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","planet","getObjectByName","orbit","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","useFrame","rotation","y","map","offset","x","React","createElement","Fragment","position","scale","object"],"mappings":"gRASmB,WACjB,IAAMA,EAAMC,EAAMA,SACVC,EAAUC,EAAOA,QAACC,YAAU,eAA5BF,MACIG,EAAGC,EAAAA,UAEbC,EAAAA,aACAH,EAAAA,UAAU,qBAENI,EAAWF,EAASA,UAACG,EAAaA,cAAEL,EAASA,UAAC,2BACxCM,EAAGR,EAAMS,gBAAgB,SAC/BC,EAAQV,EAAMS,gBAAgB,+BAoBpC,OAlBAT,EAAMW,SAAS,SAACC,GACVA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,EAE1B,GAEAC,EAAAA,SAAS,WAEPV,EAAMW,SAASC,GAAK,KAEpBd,EAAOO,SAASQ,IAAIC,OAAOC,IAAM,IACnC,gBAGEC,EACE,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAW7B,IAAKA,EAAK+B,SAAU,CAAC,GAAI,GAAI,GAAIC,MAAO,IAAKC,OAAQ/B,iBAChE0B,UAAWC,cAAA,YAAA,CAAAI,OAAQ5B,IAGzB"}

package/dist/GraphModel-3e32609d.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(t);exports.default=function(){var t=e.useGLTF(i.defineSrc("graph.gltf")),n=r.useLoader(a.ObjectLoader,i.defineSrc("graph-light.json"));return r.useFrame(function(){t.materials["Standard "].map.offset.x+=-.0015,t.materials["Standard "].map.offset.y+=.0015}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{scale:1.3,position:[0,-10,0],object:t.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:n}))};
+//# sourceMappingURL=GraphModel-3e32609d.js.map

package/dist/GraphModel-3e32609d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphModel-3e32609d.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GraphModel = () => {\n  const model = useGLTF(defineSrc(`graph.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.x += -0.0015;\n    // @ts-expect-error later\n    model.materials['Standard '].map.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 GraphModel;\n"],"names":["model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"gRASmB,WACjB,IAAWA,EAAGC,EAAOA,QAACC,EAASA,UAAA,eAEzBC,EAASC,EAAAA,UAAUC,EAAAA,aAAcH,EAAAA,UAAU,qBASjD,OAPAI,EAAQA,SAAC,WAEPN,EAAMO,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CV,EAAMO,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EAAAA,QACEC,cAAAD,EAAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQjB,EAAMkB,qBAC5DN,EAAW,QAAAC,cAAA,YAAA,CAAAI,OAAQd,IAGzB"}

package/dist/GraphModel-93cb7194.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as i}from"three";import{d as m}from"./index-09633b41.js";import"classnames";var o=function(){var o=e(m("graph.gltf")),n=t(i,m("graph-light.json"));return r(function(){o.materials["Standard "].map.offset.x+=-.0015,o.materials["Standard "].map.offset.y+=.0015}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.3,position:[0,-10,0],object:o.scene}),/*#__PURE__*/a.createElement("primitive",{object:n}))};export{o as default};
+//# sourceMappingURL=GraphModel-93cb7194.js.map

package/dist/GraphModel-93cb7194.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphModel-93cb7194.js","sources":["../src/illustrations3d/GraphModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst GraphModel = () => {\n  const model = useGLTF(defineSrc(`graph.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));\n\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Standard '].map.offset.x += -0.0015;\n    // @ts-expect-error later\n    model.materials['Standard '].map.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 GraphModel;\n"],"names":["GraphModel","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","useFrame","materials","map","offset","x","y","React","createElement","Fragment","scale","position","object","scene"],"mappings":"8NASMA,IAAAA,EAAa,WACjB,IAAWC,EAAGC,EAAQC,EAAS,eAEzBC,EAASC,EAAUC,EAAcH,EAAU,qBASjD,OAPAI,EAAS,WAEPN,EAAMO,UAAU,aAAaC,IAAIC,OAAOC,IAAM,MAE9CV,EAAMO,UAAU,aAAaC,IAAIC,OAAOE,GAAK,KAC/C,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQjB,EAAMkB,qBAC5DN,EAAWC,cAAA,YAAA,CAAAI,OAAQd,IAGzB"}

package/dist/JarsModel-7fd632bc.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as a}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,TextureLoader as n}from"three";import{d as s}from"./index-09633b41.js";import"classnames";var p=function(){var p=m(),c=e(s("jars.gltf")),f=r(o,s("jars-light.json")),l=r(n,s("wise-flag-map-bump.jpg")),u=[];c.scene.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=l,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("Jar_")&&u.push(e)});var h=t(c.animations,p),b=h.mixer,j=h.clips;return a(function(){b.clipAction(j[0]).play(),u.forEach(function(e){e.material.map.offset.x+=.001,e.material.map.offset.y+=0})}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:p,scale:1.3,position:[0,-10,0],object:c.scene}),/*#__PURE__*/i.createElement("primitive",{object:f}))};export{p as default};
+//# sourceMappingURL=JarsModel-7fd632bc.js.map

package/dist/JarsModel-7fd632bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JarsModel-7fd632bc.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst JarsModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.gltf'));\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\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      // @ts-expect-error later\n      jar.material.map.offset.x += 0.001;\n      // @ts-expect-error later\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 JarsModel;\n"],"names":["JarsModel","ref","useRef","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","model","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"iRASMA,IAAAA,EAAY,WAChB,IAASC,EAAGC,MACEC,EAAQC,EAAU,cAEpBC,EAAGC,EAAUC,EAAcH,EAAU,oBACnCI,EAAGF,EAAUG,EAAeL,EAAU,2BAC1CM,EAAe,GAEzBC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBN,EAAKY,KAAKR,EAEd,GAEA,IAAyBS,EAAAA,EAAcZ,EAAMa,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAS,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAId,SAASe,IAAIC,OAAOC,GAAK,KAE7BH,EAAId,SAASe,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWpC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQ9B,EAAMC,qBACtEwB,EAAWC,cAAA,YAAA,CAAAI,OAAQpC,IAGzB"}

package/dist/JarsModel-8f18b06b.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),a=require("react"),t=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(a);exports.default=function(){var n=a.useRef(),s=e.useGLTF(i.defineSrc("jars.gltf")),c=r.useLoader(t.ObjectLoader,i.defineSrc("jars-light.json")),f=r.useLoader(t.TextureLoader,i.defineSrc("wise-flag-map-bump.jpg")),o=[];s.scene.traverse(function(e){e.name.startsWith("Coin_")&&(e.material.bumpMap=f,e.material.bumpMap.flipY=!1,e.castShadow=!1,e.receiveShadow=!1),e.name.startsWith("Jar_")&&o.push(e)});var l=e.useAnimations(s.animations,n),m=l.mixer,d=l.clips;return r.useFrame(function(){m.clipAction(d[0]).play(),o.forEach(function(e){e.material.map.offset.x+=.001,e.material.map.offset.y+=0})}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,scale:1.3,position:[0,-10,0],object:s.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:c}))};
+//# sourceMappingURL=JarsModel-8f18b06b.js.map

package/dist/JarsModel-8f18b06b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JarsModel-8f18b06b.js","sources":["../src/illustrations3d/JarsModel.tsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { TextureLoader, ObjectLoader, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst JarsModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('jars.gltf'));\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('jars-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const jars: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.startsWith('Coin_')) {\n      // @ts-expect-error later\n      child.material.bumpMap = wiseLogo;\n      // @ts-expect-error later\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      // @ts-expect-error later\n      jar.material.map.offset.x += 0.001;\n      // @ts-expect-error later\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 JarsModel;\n"],"names":["ref","useRef","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","jars","model","scene","traverse","child","name","startsWith","material","bumpMap","flipY","castShadow","receiveShadow","push","useAnimations","animations","mixer","clips","useFrame","clipAction","play","forEach","jar","map","offset","x","y","React","createElement","Fragment","scale","position","object"],"mappings":"gRASkB,WAChB,IAASA,EAAGC,EAAAA,WACEC,EAAAA,QAAQC,EAAAA,UAAU,cAEpBC,EAAGC,EAASA,UAACC,eAAcH,EAAAA,UAAU,oBACnCI,EAAGF,EAASA,UAACG,EAAaA,cAAEL,EAASA,UAAC,2BAC1CM,EAAe,GAEzBC,EAAMC,MAAMC,SAAS,SAACC,GAChBA,EAAMC,KAAKC,WAAW,WAExBF,EAAMG,SAASC,QAAUV,EAEzBM,EAAMG,SAASC,QAAQC,OAAQ,EAC/BL,EAAMM,YAAa,EACnBN,EAAMO,eAAgB,GAEpBP,EAAMC,KAAKC,WAAW,SACxBN,EAAKY,KAAKR,EAEd,GAEA,IAAyBS,EAAAA,EAAAA,cAAcZ,EAAMa,WAAYvB,GAAjDwB,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MAaf,OAXAC,EAAQA,SAAC,WACPF,EAAMG,WAAWF,EAAM,IAAIG,OAE3BnB,EAAKoB,QAAQ,SAACC,GAEZA,EAAId,SAASe,IAAIC,OAAOC,GAAK,KAE7BH,EAAId,SAASe,IAAIC,OAAOE,GAAK,CAC/B,EACF,gBAGEC,EACE,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAA,QAAAC,cAAA,YAAA,CAAWpC,IAAKA,EAAKsC,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQ9B,EAAMC,qBACtEwB,EAAAA,QAAWC,cAAA,YAAA,CAAAI,OAAQpC,IAGzB"}

package/dist/LockModel-96f34637.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n,LoopOnce as c}from"three";import{d as m}from"./index-09633b41.js";import"classnames";var s=function(){var s=o(),l=e(m("lock.gltf")),p=r(n,m("lock-light.json"));l.scene.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0)});var f=t(l.animations,s),d=f.clips,h=f.mixer,v=0;return i(function(){h.clipAction(d[0]).play().setLoop(c),l.scene.position.y=.2*Math.sin(.04*v++),l.materials.Standard.map.offset.x+=-.001}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:s,scale:1.4,object:l.scene}),/*#__PURE__*/a.createElement("primitive",{object:p}))};export{s as default};
+//# sourceMappingURL=LockModel-96f34637.js.map

package/dist/LockModel-96f34637.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockModel-96f34637.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst LockModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.gltf') /*, true*/);\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('lock-light.json'),\n  );\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);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\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 LockModel;\n"],"names":["LockModel","ref","useRef","model","useGLTF","defineSrc","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","clips","mixer","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object","lights"],"mappings":"4QAQMA,IAASA,EAAG,WAChB,IAASC,EAAGC,IACNC,EAAQC,EAAQC,EAAU,gBACjBC,EAEbC,EACAF,EAAU,oBAGZF,EAAMK,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,IAAyBC,EAAAA,EAAcX,EAAMY,WAAYd,GAAjDe,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MACXC,EAAQ,EAOZ,OANAC,EAAS,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,GAC1CpB,EAAMK,MAAMgB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVT,KAClCf,EAAMyB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,6BAAWhC,IAAKA,EAAKmC,MAAO,IAAKC,OAAQlC,EAAMK,qBAC/CyB,EAAWC,cAAA,YAAA,CAAAG,OAAQC,IAGzB"}

package/dist/LockModel-db18eaa0.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/n(t);exports.default=function(){var n=t.useRef(),s=e.useGLTF(i.defineSrc("lock.gltf")),o=r.useLoader(a.ObjectLoader,i.defineSrc("lock-light.json"));s.scene.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0)});var u=e.useAnimations(s.animations,n),l=u.clips,f=u.mixer,d=0;return r.useFrame(function(){f.clipAction(l[0]).play().setLoop(a.LoopOnce),s.scene.position.y=.2*Math.sin(.04*d++),s.materials.Standard.map.offset.x+=-.001}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{ref:n,scale:1.4,object:s.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:o}))};
+//# sourceMappingURL=LockModel-db18eaa0.js.map

package/dist/LockModel-db18eaa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockModel-db18eaa0.js","sources":["../src/illustrations3d/LockModel.jsx"],"sourcesContent":["/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { LoopOnce, ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst LockModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('lock.gltf') /*, true*/);\n  const lights = useLoader(\n    // @ts-expect-error later\n    ObjectLoader,\n    defineSrc('lock-light.json'),\n  );\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);\n    model.scene.position.y = Math.sin(frame++ * 0.04) * 0.2;\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 LockModel;\n"],"names":["ref","useRef","model","useGLTF","defineSrc","useLoader","ObjectLoader","scene","traverse","node","isMesh","castShadow","receiveShadow","useAnimations","animations","clips","mixer","frame","useFrame","clipAction","play","setLoop","LoopOnce","position","y","Math","sin","materials","Standard","map","offset","x","React","createElement","Fragment","scale","object","lights"],"mappings":"gRAQkB,WAChB,IAASA,EAAGC,EAAAA,SACNC,EAAQC,EAAAA,QAAQC,EAASA,UAAC,gBACjBC,YAEbC,EAAAA,aACAF,EAASA,UAAC,oBAGZF,EAAMK,MAAMC,SAAS,SAACC,GAChBA,EAAKC,SACPD,EAAKE,YAAa,EAClBF,EAAKG,eAAgB,EAEzB,GAEA,IAAyBC,EAAAA,EAAaA,cAACX,EAAMY,WAAYd,GAAjDe,EAAAA,EAAAA,MAAOC,EAAAA,EAAAA,MACXC,EAAQ,EAOZ,OANAC,EAAQA,SAAC,WACPF,EAAMG,WAAWJ,EAAM,IAAIK,OAAOC,QAAQC,YAC1CpB,EAAMK,MAAMgB,SAASC,EAA+B,GAA3BC,KAAKC,IAAc,IAAVT,KAClCf,EAAMyB,UAAUC,SAASC,IAAIC,OAAOC,IAAM,IAC5C,gBAGEC,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAAA,mCAAWhC,IAAKA,EAAKmC,MAAO,IAAKC,OAAQlC,EAAMK,qBAC/CyB,EAAAA,QAAWC,cAAA,YAAA,CAAAG,OAAQC,IAGzB"}

package/dist/MagnifyingGlassModel-9585c9ad.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as i}from"three";import{d as m}from"./index-09633b41.js";import"classnames";var n=function(){var n=e(m("magnifying-glass.gltf")),o=t(i,m("magnifying-glass-light.json")),s=n.scene.getObjectByName("Optimised_lens");return r(function(){s.material.transparent=!0,s.material.opacity=.8,n.materials["Tapestry WebGL"].map.offset.x+=-6e-4}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.5,position:[0,-12,0],object:n.scene}),/*#__PURE__*/a.createElement("primitive",{object:o}))};export{n as default};
+//# sourceMappingURL=MagnifyingGlassModel-9585c9ad.js.map

package/dist/MagnifyingGlassModel-9585c9ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlassModel-9585c9ad.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MagnifyingGlassModel = () => {\n  const model = useGLTF(defineSrc(`magnifying-glass.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n  useFrame(() => {\n    // @ts-expect-error later\n    lens.material.transparent = true;\n    // @ts-expect-error later\n    lens.material.opacity = 0.8;\n    // @ts-expect-error later\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 MagnifyingGlassModel;\n"],"names":["MagnifyingGlassModel","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","React","createElement","Fragment","scale","position","object"],"mappings":"8NAUMA,IAAAA,EAAuB,WAC3B,IAAMC,EAAQC,EAAQC,4BAEhBC,EAASC,EAAUC,EAAcH,EAAU,gCAE3CI,EAAON,EAAMO,MAAMC,gBAAgB,kBAWzC,OATAC,EAAS,WAEPH,EAAKI,SAASC,aAAc,EAE5BL,EAAKI,SAASE,QAAU,GAExBZ,EAAMa,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtB,EAAMO,qBAC5DU,EAAWC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}

package/dist/MagnifyingGlassModel-9ffa4d33.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),a=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var s=/*#__PURE__*/n(r);exports.default=function(){var r=e.useGLTF(i.defineSrc("magnifying-glass.gltf")),n=t.useLoader(a.ObjectLoader,i.defineSrc("magnifying-glass-light.json")),l=r.scene.getObjectByName("Optimised_lens");return t.useFrame(function(){l.material.transparent=!0,l.material.opacity=.8,r.materials["Tapestry WebGL"].map.offset.x+=-6e-4}),/*#__PURE__*/s.default.createElement(s.default.Fragment,null,/*#__PURE__*/s.default.createElement("primitive",{scale:1.5,position:[0,-12,0],object:r.scene}),/*#__PURE__*/s.default.createElement("primitive",{object:n}))};
+//# sourceMappingURL=MagnifyingGlassModel-9ffa4d33.js.map

package/dist/MagnifyingGlassModel-9ffa4d33.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlassModel-9ffa4d33.js","sources":["../src/illustrations3d/MagnifyingGlassModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MagnifyingGlassModel = () => {\n  const model = useGLTF(defineSrc(`magnifying-glass.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('magnifying-glass-light.json'));\n\n  const lens = model.scene.getObjectByName('Optimised_lens') as THREE.Mesh;\n\n  useFrame(() => {\n    // @ts-expect-error later\n    lens.material.transparent = true;\n    // @ts-expect-error later\n    lens.material.opacity = 0.8;\n    // @ts-expect-error later\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 MagnifyingGlassModel;\n"],"names":["model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","lens","scene","getObjectByName","useFrame","material","transparent","opacity","materials","map","offset","x","React","createElement","Fragment","scale","position","object"],"mappings":"gRAU6B,WAC3B,IAAMA,EAAQC,EAAAA,QAAQC,EAAAA,oCAEhBC,EAASC,EAAAA,UAAUC,EAAAA,aAAcH,EAAAA,UAAU,gCAE3CI,EAAON,EAAMO,MAAMC,gBAAgB,kBAWzC,OATAC,EAAQA,SAAC,WAEPH,EAAKI,SAASC,aAAc,EAE5BL,EAAKI,SAASE,QAAU,GAExBZ,EAAMa,UAAU,kBAAkBC,IAAIC,OAAOC,IAAM,IACrD,gBAGEC,EAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIC,OAAQtB,EAAMO,qBAC5DU,EAAW,QAAAC,cAAA,YAAA,CAAAI,OAAQnB,IAGzB"}

package/dist/MarbleCardModel-23175598.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),n=require("./index-560ede9d.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/i(t);exports.default=function(){var t=e.useGLTF(n.defineSrc("marble-card.gltf")),i=r.useLoader(a.ObjectLoader,n.defineSrc("marble-card-light.json")),d=t.scene.getObjectByName("Sphere1");d.material.depthTest=!0;var l=t.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)");l.material.depthTest=!1,l.renderOrder=1;var m=t.scene.getObjectByName("Strip_Left_(3rd)");m.material.depthTest=!1,m.renderOrder=2;var s=t.scene.getObjectByName("Strip_Right_(2nd)");s.material.depthTest=!1,s.renderOrder=3;var u=t.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)");u.material.depthTest=!1,u.renderOrder=4;var f=t.scene.getObjectByName("Plane");f.material.depthTest=!1,f.material.metalness=0;var o=[d,u,l,m,s].map(function(e){return e.material.map});return r.useFrame(function(){o.forEach(function(e){return e.offset.y+=-.0015})}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{scale:1.4,position:[0,-10,0],object:t.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:i}))};
+//# sourceMappingURL=MarbleCardModel-23175598.js.map

package/dist/MarbleCardModel-23175598.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCardModel-23175598.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleCardModel = () => {\n  const model = useGLTF(defineSrc('marble-card.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const card = model.scene.getObjectByName('Plane');\n  // @ts-expect-error later\n  card.material.depthTest = false;\n  // @ts-expect-error later\n  card.material.metalness = 0;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\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 MarbleCardModel;\n"],"names":["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","React","createElement","Fragment","scale","position"],"mappings":"gRAUwB,WACtB,IAAMA,EAAQC,EAAOA,QAACC,EAASA,UAAC,qBAE1BC,EAASC,EAASA,UAACC,eAAcH,EAAAA,UAAU,2BAC3CI,EAASN,EAAMO,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,MAAqBV,EAAMO,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAgBC,EAAGb,EAAMO,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,IAAiBE,EAAGd,EAAMO,MAAMC,gBAAgB,qBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAeG,EAAGf,EAAMO,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAUI,EAAGhB,EAAMO,MAAMC,gBAAgB,SAEzCQ,EAAKP,SAASC,WAAY,EAE1BM,EAAKP,SAASQ,UAAY,EAE1B,IAAMC,EAAe,CAACZ,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaK,IAE9E,SAACC,GAAWA,OAAAA,EAAOX,SAASU,GAAG,GAOjC,OAJAE,EAAQA,SAAC,WACPH,EAAaI,QAAQ,SAACH,GAASA,OAAAA,EAAII,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAA,QAAAC,cAAAD,UAAAE,SAAA,kBACEF,EAAW,QAAAC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQpB,EAAMO,qBAC5DkB,EAAAA,QAAAC,cAAA,YAAA,CAAWN,OAAQjB,IAGzB"}

package/dist/MarbleCardModel-7a3b7f47.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as t,useFrame as r}from"@react-three/fiber";import a from"react";import{ObjectLoader as m}from"three";import{d as i}from"./index-09633b41.js";import"classnames";var n=function(){var n=e(i("marble-card.gltf")),c=t(m,i("marble-card-light.json")),o=n.scene.getObjectByName("Sphere1");o.material.depthTest=!0;var s=n.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)");s.material.depthTest=!1,s.renderOrder=1;var p=n.scene.getObjectByName("Strip_Left_(3rd)");p.material.depthTest=!1,p.renderOrder=2;var d=n.scene.getObjectByName("Strip_Right_(2nd)");d.material.depthTest=!1,d.renderOrder=3;var l=n.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)");l.material.depthTest=!1,l.renderOrder=4;var f=n.scene.getObjectByName("Plane");f.material.depthTest=!1,f.material.metalness=0;var _=[o,l,s,p,d].map(function(e){return e.material.map});return r(function(){_.forEach(function(e){return e.offset.y+=-.0015})}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.4,position:[0,-10,0],object:n.scene}),/*#__PURE__*/a.createElement("primitive",{object:c}))};export{n as default};
+//# sourceMappingURL=MarbleCardModel-7a3b7f47.js.map

package/dist/MarbleCardModel-7a3b7f47.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleCardModel-7a3b7f47.js","sources":["../src/illustrations3d/MarbleCardModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleCardModel = () => {\n  const model = useGLTF(defineSrc('marble-card.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const card = model.scene.getObjectByName('Plane');\n  // @ts-expect-error later\n  card.material.depthTest = false;\n  // @ts-expect-error later\n  card.material.metalness = 0;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\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 MarbleCardModel;\n"],"names":["MarbleCardModel","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","React","createElement","Fragment","scale","position"],"mappings":"8NAUMA,MAAkB,WACtB,IAAMC,EAAQC,EAAQC,EAAU,qBAE1BC,EAASC,EAAUC,EAAcH,EAAU,2BAC3CI,EAASN,EAAMO,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,MAAqBV,EAAMO,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAgBC,EAAGb,EAAMO,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,IAAiBE,EAAGd,EAAMO,MAAMC,gBAAgB,qBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAeG,EAAGf,EAAMO,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAUI,EAAGhB,EAAMO,MAAMC,gBAAgB,SAEzCQ,EAAKP,SAASC,WAAY,EAE1BM,EAAKP,SAASQ,UAAY,EAE1B,IAAMC,EAAe,CAACZ,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaK,IAE9E,SAACC,GAAWA,OAAAA,EAAOX,SAASU,GAAG,GAOjC,OAJAE,EAAS,WACPH,EAAaI,QAAQ,SAACH,GAASA,OAAAA,EAAII,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQpB,EAAMO,qBAC5DkB,EAAAC,cAAA,YAAA,CAAWN,OAAQjB,IAGzB"}

package/dist/MarbleModel-1d242b36.js

@@ -0,0 +1,2 @@
+import{useGLTF as e}from"@react-three/drei";import{useLoader as r,useFrame as t}from"@react-three/fiber";import a from"react";import{ObjectLoader as m}from"three";import{d as i}from"./index-09633b41.js";import"classnames";var n=function(){var n=e(i("marble.gltf")),c=r(m,i("marble-light.json")),o=n.scene.getObjectByName("Sphere1");o.material.depthTest=!0;var p=n.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)");p.material.depthTest=!1,p.renderOrder=1;var s=n.scene.getObjectByName("Strip_Left_(3rd)");s.material.depthTest=!1,s.renderOrder=2;var d=n.scene.getObjectByName("Strip_Left_(3rd)");d.material.depthTest=!1,d.renderOrder=3;var l=n.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)");l.material.depthTest=!1,l.renderOrder=4;var f=[o,l,p,s,d].map(function(e){return e.material.map});return t(function(){f.forEach(function(e){return e.offset.y+=-.0015})}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{scale:1.4,position:[0,-11,0],object:n.scene}),/*#__PURE__*/a.createElement("primitive",{object:c}))};export{n as default};
+//# sourceMappingURL=MarbleModel-1d242b36.js.map

package/dist/MarbleModel-1d242b36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleModel-1d242b36.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleModel = () => {\n  const model = useGLTF(defineSrc('marble.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\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 MarbleModel;\n"],"names":["MarbleModel","model","useGLTF","defineSrc","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position","lights"],"mappings":"8NAWMA,IAAAA,EAAc,WAClB,IAAMC,EAAQC,EAAQC,EAAU,kBAEjBC,EAAUC,EAAcF,EAAU,sBAErCG,EAAGL,EAAMM,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,IAAMC,EAAeV,EAAMM,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAMC,EAAaZ,EAAMM,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,MAAoBX,EAAMM,MAAMC,gBAAgB,oBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAMG,EAAYd,EAAMM,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAMI,EAAe,CAACV,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaG,IAE9E,SAACC,GAAWA,OAAAA,EAAOT,SAASQ,GAAG,GAOjC,OAJAE,EAAS,WACPH,EAAaI,QAAQ,SAACH,GAAG,OAASA,EAACI,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAC,cAAAD,EAAAE,SAAA,kBACEF,EAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQjB,EAAMM,qBAC5DgB,EAAWC,cAAA,YAAA,CAAAN,OAAQU,IAGzB"}

package/dist/MarbleModel-23c0126f.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),n=require("./index-560ede9d.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var c=/*#__PURE__*/i(t);exports.default=function(){var t=e.useGLTF(n.defineSrc("marble.gltf")),i=r.useLoader(a.ObjectLoader,n.defineSrc("marble-light.json")),d=t.scene.getObjectByName("Sphere1");d.material.depthTest=!0;var u=t.scene.getObjectByName("Strip_Center_Big_(4th_-_Bottom_Layer)");u.material.depthTest=!1,u.renderOrder=1;var l=t.scene.getObjectByName("Strip_Left_(3rd)");l.material.depthTest=!1,l.renderOrder=2;var m=t.scene.getObjectByName("Strip_Left_(3rd)");m.material.depthTest=!1,m.renderOrder=3;var s=t.scene.getObjectByName("Strip_Center_(1st_-_Top_Layer)");s.material.depthTest=!1,s.renderOrder=4;var f=[d,s,u,l,m].map(function(e){return e.material.map});return r.useFrame(function(){f.forEach(function(e){return e.offset.y+=-.0015})}),/*#__PURE__*/c.default.createElement(c.default.Fragment,null,/*#__PURE__*/c.default.createElement("primitive",{scale:1.4,position:[0,-11,0],object:t.scene}),/*#__PURE__*/c.default.createElement("primitive",{object:i}))};
+//# sourceMappingURL=MarbleModel-23c0126f.js.map

package/dist/MarbleModel-23c0126f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarbleModel-23c0126f.js","sources":["../src/illustrations3d/MarbleModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MarbleModel = () => {\n  const model = useGLTF(defineSrc('marble.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('marble-light.json'));\n\n  const sphere = model.scene.getObjectByName('Sphere1');\n  // @ts-expect-error later\n  sphere.material.depthTest = true;\n\n  const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');\n  // @ts-expect-error later\n  stripeBottom.material.depthTest = false;\n  // @ts-expect-error later\n  stripeBottom.renderOrder = 1;\n\n  const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeLeft.material.depthTest = false;\n  // @ts-expect-error later\n  stripeLeft.renderOrder = 2;\n\n  const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');\n  // @ts-expect-error later\n  stripeRight.material.depthTest = false;\n  // @ts-expect-error later\n  stripeRight.renderOrder = 3;\n\n  const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');\n  // @ts-expect-error later\n  stripeTop.material.depthTest = false;\n  // @ts-expect-error later\n  stripeTop.renderOrder = 4;\n\n  const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(\n    // @ts-expect-error later\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 MarbleModel;\n"],"names":["model","useGLTF","defineSrc","useLoader","ObjectLoader","sphere","scene","getObjectByName","material","depthTest","stripeBottom","renderOrder","stripeLeft","stripeRight","stripeTop","animatedMaps","map","object","useFrame","forEach","offset","y","React","createElement","Fragment","scale","position","lights"],"mappings":"gRAWoB,WAClB,IAAMA,EAAQC,EAAAA,QAAQC,EAAAA,UAAU,kBAEjBC,EAASA,UAACC,EAAYA,aAAEF,EAASA,UAAC,sBAErCG,EAAGL,EAAMM,MAAMC,gBAAgB,WAE3CF,EAAOG,SAASC,WAAY,EAE5B,IAAMC,EAAeV,EAAMM,MAAMC,gBAAgB,yCAEjDG,EAAaF,SAASC,WAAY,EAElCC,EAAaC,YAAc,EAE3B,IAAMC,EAAaZ,EAAMM,MAAMC,gBAAgB,oBAE/CK,EAAWJ,SAASC,WAAY,EAEhCG,EAAWD,YAAc,EAEzB,MAAoBX,EAAMM,MAAMC,gBAAgB,oBAEhDM,EAAYL,SAASC,WAAY,EAEjCI,EAAYF,YAAc,EAE1B,IAAMG,EAAYd,EAAMM,MAAMC,gBAAgB,kCAE9CO,EAAUN,SAASC,WAAY,EAE/BK,EAAUH,YAAc,EAExB,IAAMI,EAAe,CAACV,EAAQS,EAAWJ,EAAcE,EAAYC,GAAaG,IAE9E,SAACC,GAAWA,OAAAA,EAAOT,SAASQ,GAAG,GAOjC,OAJAE,EAAAA,SAAS,WACPH,EAAaI,QAAQ,SAACH,GAAG,OAASA,EAACI,OAAOC,IAAM,KAAM,EACxD,gBAGEC,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,kBACEF,EAAAA,QAAWC,cAAA,YAAA,CAAAE,MAAO,IAAKC,SAAU,CAAC,GAAI,GAAI,GAAIT,OAAQjB,EAAMM,qBAC5DgB,EAAAA,QAAWC,cAAA,YAAA,CAAAN,OAAQU,IAGzB"}

package/dist/MultiCurrencyModel-13bc39e6.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as a}from"@react-three/fiber";import i,{useRef as m}from"react";import{ObjectLoader as o,TextureLoader as s,Color as n}from"three";import{d as c}from"./index-09633b41.js";import"classnames";var p=function(){var p=m(),l=e(c("multi-currency.gltf")),f=r(o,c("multi-currency-light.json")),u=r(s,c("wise-flag-map-bump.jpg")),h=[];l.scene.traverse(function(e){if(e.name.includes("Note")&&(e.castShadow=!0,e.receiveShadow=!0),e.name.startsWith("Coin_")&&e.isMesh){var t=e.material;t.bumpMap=u,t.bumpMap.flipY=!1,t.bumpScale=1,t.color=new n(.49,.49,.49),e.castShadow=!1,e.receiveShadow=!1}e.name.startsWith("NoteBase_")&&e.isMesh&&h.push(e.material.map),e.name.includes("Wise")&&e.isMesh&&h.push(e.material.map)});var d=t(l.animations,p),v=d.mixer,b=d.clips;return a(function(){h.forEach(function(e){e.offset.x+=.001}),v.clipAction(b[0]).play()}),/*#__PURE__*/i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement("primitive",{ref:p,position:[-.5,-10,0],scale:1.3,object:l.scene}),/*#__PURE__*/i.createElement("primitive",{object:f}))};export{p as default};
+//# sourceMappingURL=MultiCurrencyModel-13bc39e6.js.map

package/dist/MultiCurrencyModel-13bc39e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCurrencyModel-13bc39e6.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const animatedMaps: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.includes('Note')) {\n      child.castShadow = true;\n      child.receiveShadow = true;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('Coin_') && child.isMesh) {\n      // @ts-expect-error later\n      const { material } = child;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      material.bumpScale = 1;\n      material.color = new Color(0.49, 0.49, 0.49);\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('NoteBase_') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n    // @ts-expect-error later\n    if (child.name.includes('Wise') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    animatedMaps.forEach((animatedMap) => {\n      // @ts-expect-error later\n      animatedMap.offset.x += 0.001;\n    });\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["MultiCurrencyModel","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"4RAUMA,IAAkBA,EAAG,WACzB,MAAYC,IACDC,EAAGC,EAAQC,EAAgC,wBAEhDC,EAASC,EAAUC,EAAcH,EAAU,8BACnCI,EAAGF,EAAUG,EAAeL,EAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,EAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAc3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAS,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EACEC,cAAAD,EAAAE,SAAA,kBAAAF,EAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,EAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}

package/dist/MultiCurrencyModel-5dcd8947.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),r=require("@react-three/fiber"),a=require("react"),t=require("three"),i=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var s=/*#__PURE__*/n(a);exports.default=function(){var n=a.useRef(),u=e.useGLTF(i.defineSrc("multi-currency.gltf")),c=r.useLoader(t.ObjectLoader,i.defineSrc("multi-currency-light.json")),o=r.useLoader(t.TextureLoader,i.defineSrc("wise-flag-map-bump.jpg")),l=[];u.scene.traverse(function(e){if(e.name.includes("Note")&&(e.castShadow=!0,e.receiveShadow=!0),e.name.startsWith("Coin_")&&e.isMesh){var r=e.material;r.bumpMap=o,r.bumpMap.flipY=!1,r.bumpScale=1,r.color=new t.Color(.49,.49,.49),e.castShadow=!1,e.receiveShadow=!1}e.name.startsWith("NoteBase_")&&e.isMesh&&l.push(e.material.map),e.name.includes("Wise")&&e.isMesh&&l.push(e.material.map)});var m=e.useAnimations(u.animations,n),f=m.mixer,d=m.clips;return r.useFrame(function(){l.forEach(function(e){e.offset.x+=.001}),f.clipAction(d[0]).play()}),/*#__PURE__*/s.default.createElement(s.default.Fragment,null,/*#__PURE__*/s.default.createElement("primitive",{ref:n,position:[-.5,-10,0],scale:1.3,object:u.scene}),/*#__PURE__*/s.default.createElement("primitive",{object:c}))};
+//# sourceMappingURL=MultiCurrencyModel-5dcd8947.js.map

package/dist/MultiCurrencyModel-5dcd8947.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCurrencyModel-5dcd8947.js","sources":["../src/illustrations3d/MultiCurrencyModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader, TextureLoader, Color, Object3D } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst MultiCurrencyModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc(`multi-currency.gltf`) /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));\n  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));\n  const animatedMaps: Object3D[] = [];\n\n  model.scene.traverse((child) => {\n    if (child.name.includes('Note')) {\n      child.castShadow = true;\n      child.receiveShadow = true;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('Coin_') && child.isMesh) {\n      // @ts-expect-error later\n      const { material } = child;\n      material.bumpMap = wiseLogo;\n      material.bumpMap.flipY = false;\n      material.bumpScale = 1;\n      material.color = new Color(0.49, 0.49, 0.49);\n      child.castShadow = false;\n      child.receiveShadow = false;\n    }\n    // @ts-expect-error later\n    if (child.name.startsWith('NoteBase_') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n    // @ts-expect-error later\n    if (child.name.includes('Wise') && child.isMesh) {\n      // @ts-expect-error later\n      animatedMaps.push(child.material.map);\n    }\n  });\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    animatedMaps.forEach((animatedMap) => {\n      // @ts-expect-error later\n      animatedMap.offset.x += 0.001;\n    });\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} position={[-0.5, -10, 0]} scale={1.3} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default MultiCurrencyModel;\n"],"names":["useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","wiseLogo","TextureLoader","animatedMaps","scene","traverse","child","name","includes","castShadow","receiveShadow","startsWith","isMesh","material","bumpMap","flipY","bumpScale","color","Color","push","map","_useAnimations","useAnimations","animations","ref","mixer","clips","useFrame","forEach","animatedMap","offset","x","clipAction","play","React","createElement","Fragment","position","scale","object"],"mappings":"gRAU2B,WACzB,MAAYA,EAAAA,SACDC,EAAGC,UAAQC,EAAAA,UAAgC,wBAEhDC,EAASC,EAASA,UAACC,EAAYA,aAAEH,YAAU,8BACnCI,EAAGF,EAASA,UAACG,gBAAeL,EAAAA,UAAU,2BAClCM,EAAe,GAEjCR,EAAMS,MAAMC,SAAS,SAACC,GAMpB,GALIA,EAAMC,KAAKC,SAAS,UACtBF,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,GAGpBJ,EAAMC,KAAKI,WAAW,UAAYL,EAAMM,OAAQ,CAElD,IAAQC,EAAaP,EAAbO,SACRA,EAASC,QAAUb,EACnBY,EAASC,QAAQC,OAAQ,EACzBF,EAASG,UAAY,EACrBH,EAASI,MAAQ,IAAIC,QAAM,IAAM,IAAM,KACvCZ,EAAMG,YAAa,EACnBH,EAAMI,eAAgB,CACvB,CAEGJ,EAAMC,KAAKI,WAAW,cAAgBL,EAAMM,QAE9CT,EAAagB,KAAKb,EAAMO,SAASO,KAG/Bd,EAAMC,KAAKC,SAAS,SAAWF,EAAMM,QAEvCT,EAAagB,KAAKb,EAAMO,SAASO,IAErC,GAEA,IAAAC,EAAyBC,EAAaA,cAAC3B,EAAM4B,WAAYC,GAAjDC,EAAKJ,EAALI,MAAOC,EAAAA,EAAAA,MASf,OARAC,EAAQA,SAAC,WACPxB,EAAayB,QAAQ,SAACC,GAEpBA,EAAYC,OAAOC,GAAK,IAC1B,GACAN,EAAMO,WAAWN,EAAM,IAAIO,MAC7B,gBAGEC,EAAAA,QACEC,cAAAD,EAAA,QAAAE,SAAA,kBAAAF,EAAAA,QAAAC,cAAA,YAAA,CAAWX,IAAKA,EAAKa,SAAU,EAAE,IAAM,GAAI,GAAIC,MAAO,IAAKC,OAAQ5C,EAAMS,qBACzE8B,UAAWC,cAAA,YAAA,CAAAI,OAAQzC,IAGzB"}

package/dist/PlaneModel-e34642fb.js

@@ -0,0 +1,2 @@
+import{useGLTF as e,useAnimations as t}from"@react-three/drei";import{useLoader as r,useFrame as i}from"@react-three/fiber";import a,{useRef as o}from"react";import{ObjectLoader as n}from"three";import{d as m}from"./index-09633b41.js";import"classnames";var p=function(){var p=o(),c=e(m("plane.gltf")),s=r(n,m("plane-light.json")),l=c.scene.getObjectByName("Plane_6_update"),f=t(c.animations,p),b=f.mixer,u=f.clips;return i(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,l.position.x=.45,l.position.y=7.5,b.clipAction(u[0]).play()}),/*#__PURE__*/a.createElement(a.Fragment,null,/*#__PURE__*/a.createElement("primitive",{ref:p,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/a.createElement("primitive",{object:s}))};export{p as default};
+//# sourceMappingURL=PlaneModel-e34642fb.js.map

package/dist/PlaneModel-e34642fb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaneModel-e34642fb.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n  const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n    plane.position.x = 0.45;\n    plane.position.y = 7.5;\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default PlaneModel;\n"],"names":["PlaneModel","ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"8PASMA,IAAUA,EAAG,WACjB,IAAMC,EAAMC,IACNC,EAAQC,EAAQC,EAAU,eAE1BC,EAASC,EAAUC,EAAcH,EAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,EAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAS,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6CACEA,EAAWC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAWC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}

package/dist/PlaneModel-f607a661.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),t=require("@react-three/fiber"),r=require("react"),i=require("three"),a=require("./index-560ede9d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var u=/*#__PURE__*/n(r);exports.default=function(){var n=r.useRef(),c=e.useGLTF(a.defineSrc("plane.gltf")),l=t.useLoader(i.ObjectLoader,a.defineSrc("plane-light.json")),s=c.scene.getObjectByName("Plane_6_update"),o=e.useAnimations(c.animations,n),f=o.mixer,d=o.clips;return t.useFrame(function(){c.materials["Tapestry WebGL"].map.offset.y+=.018,s.position.x=.45,s.position.y=7.5,f.clipAction(d[0]).play()}),/*#__PURE__*/u.default.createElement(u.default.Fragment,null,/*#__PURE__*/u.default.createElement("primitive",{ref:n,scale:1.3,position:[0,-7,0],object:c.scene}),/*#__PURE__*/u.default.createElement("primitive",{object:l}))};
+//# sourceMappingURL=PlaneModel-f607a661.js.map

package/dist/PlaneModel-f607a661.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaneModel-f607a661.js","sources":["../src/illustrations3d/PlaneModel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable fp/no-mutation */\nimport { useGLTF, useAnimations } from '@react-three/drei';\nimport { useFrame, useLoader } from '@react-three/fiber';\nimport React, { useRef } from 'react';\nimport { ObjectLoader } from 'three';\n\nimport { defineSrc } from './utils';\n\nconst PlaneModel = () => {\n  const ref = useRef();\n  const model = useGLTF(defineSrc('plane.gltf') /*, true*/);\n  // @ts-expect-error later\n  const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));\n  const plane = model.scene.getObjectByName('Plane_6_update') as THREE.Mesh;\n\n  const { mixer, clips } = useAnimations(model.animations, ref);\n  useFrame(() => {\n    // @ts-expect-error later\n    model.materials['Tapestry WebGL'].map.offset.y += 0.018;\n    plane.position.x = 0.45;\n    plane.position.y = 7.5;\n    mixer.clipAction(clips[0]).play();\n  });\n\n  return (\n    <>\n      <primitive ref={ref} scale={1.3} position={[0, -7, 0]} object={model.scene} />\n      <primitive object={lights} />\n    </>\n  );\n};\n\nexport default PlaneModel;\n"],"names":["ref","useRef","model","useGLTF","defineSrc","lights","useLoader","ObjectLoader","scene","getObjectByName","_useAnimations","useAnimations","animations","mixer","clips","useFrame","materials","map","offset","y","plane","position","x","clipAction","play","React","createElement","scale","object"],"mappings":"gRASmB,WACjB,IAAMA,EAAMC,EAAMA,SACZC,EAAQC,EAAOA,QAACC,YAAU,eAE1BC,EAASC,EAASA,UAACC,eAAcH,EAAAA,UAAU,uBACnCF,EAAMM,MAAMC,gBAAgB,kBAE1CC,EAAyBC,gBAAcT,EAAMU,WAAYZ,GAAjDa,EAAAA,EAAAA,MAAOC,IAAAA,MASf,OARAC,EAAQA,SAAC,WAEPb,EAAMc,UAAU,kBAAkBC,IAAIC,OAAOC,GAAK,KAClDC,EAAMC,SAASC,EAAI,IACnBF,EAAMC,SAASF,EAAI,IACnBN,EAAMU,WAAWT,EAAM,IAAIU,MAC7B,gBAGEC,6DACEA,EAAW,QAAAC,cAAA,YAAA,CAAA1B,IAAKA,EAAK2B,MAAO,IAAKN,SAAU,CAAC,GAAI,EAAG,GAAIO,OAAQ1B,EAAMM,qBACrEiB,EAAW,QAAAC,cAAA,YAAA,CAAAE,OAAQvB,IAGzB"}

package/dist/Scene-00daeda3.js

@@ -0,0 +1,2 @@
+import{PerspectiveCamera as e}from"@react-three/drei";import{Canvas as t}from"@react-three/fiber";import r from"react";import{LinearToneMapping as i,SRGBColorSpace as a,PCFShadowMap as o}from"three";import{I as n,S as p,A as s}from"./index-09633b41.js";import"classnames";function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},l.apply(this,arguments)}var h;function c(h){var c=h.children,f=h.size,m=void 0===f?p.MEDIUM:f,M=[s.LOCK,s.MULTI_CURRENCY,s.MAGNIFYING_GLASS].includes(h.assetName);/*#__PURE__*/return r.createElement(t,{style:l({},d.size[m]),onCreated:function(e){var t=e.gl;t.setClearColor(0,0),t.setSize(n[m],n[m]),t.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:i,outputColorSpace:a},shadows:{type:o,enabled:M}},/*#__PURE__*/r.createElement(e,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),c)}var d={size:(h={},h[p.SMALL]={height:n[p.SMALL]+"px",width:n[p.SMALL]+"px"},h[p.MEDIUM]={height:n[p.MEDIUM]+"px",width:n[p.MEDIUM]+"px"},h[p.LARGE]={height:n[p.LARGE]+"px",width:n[p.LARGE]+"px"},h)};export{c as default};
+//# sourceMappingURL=Scene-00daeda3.js.map

package/dist/Scene-00daeda3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene-00daeda3.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n  assetName: Illustration3dNames;\n  size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n  const castShadows: boolean = [\n    Assets.LOCK as string,\n    Assets.MULTI_CURRENCY as string,\n    Assets.MAGNIFYING_GLASS as string,\n  ].includes(assetName);\n  return (\n    <Canvas\n      style={{ ...sceneStyles.size[size] }}\n      onCreated={({ gl }) => {\n        gl.setClearColor(0x000000, 0);\n        gl.setSize(ImageSizes[size], ImageSizes[size]);\n        gl.clearDepth();\n      }}\n      gl={{\n        alpha: true,\n        antialias: true,\n        pixelRatio: window.devicePixelRatio * 1,\n        toneMapping: LinearToneMapping,\n        outputColorSpace: SRGBColorSpace,\n      }}\n      shadows={{\n        type: PCFShadowMap,\n        enabled: castShadows,\n      }}\n    >\n      <PerspectiveCamera\n        makeDefault\n        far={1000000000000}\n        near={0.1}\n        fov={10.29}\n        aspect={window.innerWidth / window.innerHeight}\n        position={[0, 0, 100]}\n      />\n      {children}\n    </Canvas>\n  );\n}\n\nconst sceneStyles = {\n  size: {\n    [Sizes.SMALL]: {\n      height: `${ImageSizes[Sizes.SMALL]}px`,\n      width: `${ImageSizes[Sizes.SMALL]}px`,\n    },\n    [Sizes.MEDIUM]: {\n      height: `${ImageSizes[Sizes.MEDIUM]}px`,\n      width: `${ImageSizes[Sizes.MEDIUM]}px`,\n    },\n    [Sizes.LARGE]: {\n      height: `${ImageSizes[Sizes.LARGE]}px`,\n      width: `${ImageSizes[Sizes.LARGE]}px`,\n    },\n  },\n};\n"],"names":["_size","Scene","_ref","children","_ref$size","size","Sizes","MEDIUM","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","sceneStyles","onCreated","_ref2","gl","setClearColor","setSize","ImageSizes","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position","SMALL","height","width","LARGE"],"mappings":"ofAEA,IAAAA,EAewB,SAAKC,EAAAC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAEG,KAAAA,OAAOC,IAAAA,EAAAA,EAAMC,OAChEH,EAAiBI,EAAY,CAC3BC,EAAOC,KACPD,EAAOE,eACPF,EAAOG,kBACPC,SAL+CX,EAATY,wBAMxC,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAYC,EAAAA,CAAAA,EAAAA,EAAYd,KAAKA,IAC7Be,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQC,EAAWpB,GAAOoB,EAAWpB,IACxCiB,EAAGI,YACL,EACAJ,GAAI,CACFK,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EACbC,iBAAkBC,GAEpBC,QAAS,CACPC,KAAMC,EACNC,QAAS/B,iBAGXO,EAAAC,cAACwB,EACC,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElB7C,EAGP,CAEA,IAAiBgB,EAAG,CAClBd,MAAIL,EAAA,CAAA,EAAAA,EACDM,EAAM2C,OAAQ,CACbC,OAAWzB,EAAWnB,EAAM2C,OAAM,KAClCE,MAAU1B,EAAWnB,EAAM2C,OAC5B,MACA3C,EAAAA,EAAMC,QAAS,CACd2C,OAAWzB,EAAWnB,EAAMC,aAC5B4C,MAAU1B,EAAWnB,EAAMC,QAC5B,MACAD,EAAAA,EAAM8C,OAAQ,CACbF,OAAWzB,EAAWnB,EAAM8C,OAAU,KACtCD,MAAU1B,EAAWnB,EAAM8C,OAC5B"}

package/dist/Scene-4336521c.js

@@ -0,0 +1,2 @@
+var e=require("@react-three/drei"),i=require("@react-three/fiber"),a=require("react"),t=require("three"),r=require("./index-560ede9d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames");var n,o=/*#__PURE__*/s(a);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var a=arguments[i];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var p={size:(n={},n[r.Sizes.SMALL]={height:r.ImageSizes[r.Sizes.SMALL]+"px",width:r.ImageSizes[r.Sizes.SMALL]+"px"},n[r.Sizes.MEDIUM]={height:r.ImageSizes[r.Sizes.MEDIUM]+"px",width:r.ImageSizes[r.Sizes.MEDIUM]+"px"},n[r.Sizes.LARGE]={height:r.ImageSizes[r.Sizes.LARGE]+"px",width:r.ImageSizes[r.Sizes.LARGE]+"px"},n)};exports.default=function(a){var s=a.children,n=a.size,S=void 0===n?r.Sizes.MEDIUM:n,d=[r.Assets.LOCK,r.Assets.MULTI_CURRENCY,r.Assets.MAGNIFYING_GLASS].includes(a.assetName);/*#__PURE__*/return o.default.createElement(i.Canvas,{style:l({},p.size[S]),onCreated:function(e){var i=e.gl;i.setClearColor(0,0),i.setSize(r.ImageSizes[S],r.ImageSizes[S]),i.clearDepth()},gl:{alpha:!0,antialias:!0,pixelRatio:1*window.devicePixelRatio,toneMapping:t.LinearToneMapping,outputColorSpace:t.SRGBColorSpace},shadows:{type:t.PCFShadowMap,enabled:d}},/*#__PURE__*/o.default.createElement(e.PerspectiveCamera,{makeDefault:!0,far:1e12,near:.1,fov:10.29,aspect:window.innerWidth/window.innerHeight,position:[0,0,100]}),s)};
+//# sourceMappingURL=Scene-4336521c.js.map

package/dist/Scene-4336521c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene-4336521c.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":["/* eslint-disable react/forbid-dom-props */\n/* eslint-disable react/function-component-definition */\nimport { PerspectiveCamera } from '@react-three/drei';\nimport { Canvas } from '@react-three/fiber';\nimport React, { PropsWithChildren } from 'react';\nimport { PCFShadowMap, LinearToneMapping, SRGBColorSpace } from 'three';\n\nimport { ImageSizes, LargeSize, MediumSize, Sizes, SmallSize } from '../common';\nimport { Assets } from '../illustrations/metadata';\n\nimport { Illustration3dNames } from './Illustration3d';\n\nexport type Props = PropsWithChildren<{\n  assetName: Illustration3dNames;\n  size?: SmallSize | MediumSize | LargeSize;\n}>;\n\nexport default function Scene({ children, assetName, size = Sizes.MEDIUM }: Props) {\n  const castShadows: boolean = [\n    Assets.LOCK as string,\n    Assets.MULTI_CURRENCY as string,\n    Assets.MAGNIFYING_GLASS as string,\n  ].includes(assetName);\n  return (\n    <Canvas\n      style={{ ...sceneStyles.size[size] }}\n      onCreated={({ gl }) => {\n        gl.setClearColor(0x000000, 0);\n        gl.setSize(ImageSizes[size], ImageSizes[size]);\n        gl.clearDepth();\n      }}\n      gl={{\n        alpha: true,\n        antialias: true,\n        pixelRatio: window.devicePixelRatio * 1,\n        toneMapping: LinearToneMapping,\n        outputColorSpace: SRGBColorSpace,\n      }}\n      shadows={{\n        type: PCFShadowMap,\n        enabled: castShadows,\n      }}\n    >\n      <PerspectiveCamera\n        makeDefault\n        far={1000000000000}\n        near={0.1}\n        fov={10.29}\n        aspect={window.innerWidth / window.innerHeight}\n        position={[0, 0, 100]}\n      />\n      {children}\n    </Canvas>\n  );\n}\n\nconst sceneStyles = {\n  size: {\n    [Sizes.SMALL]: {\n      height: `${ImageSizes[Sizes.SMALL]}px`,\n      width: `${ImageSizes[Sizes.SMALL]}px`,\n    },\n    [Sizes.MEDIUM]: {\n      height: `${ImageSizes[Sizes.MEDIUM]}px`,\n      width: `${ImageSizes[Sizes.MEDIUM]}px`,\n    },\n    [Sizes.LARGE]: {\n      height: `${ImageSizes[Sizes.LARGE]}px`,\n      width: `${ImageSizes[Sizes.LARGE]}px`,\n    },\n  },\n};\n"],"names":["_size","sceneStyles","size","Sizes","SMALL","height","ImageSizes","width","MEDIUM","LARGE","_ref","children","_ref$size","castShadows","Assets","LOCK","MULTI_CURRENCY","MAGNIFYING_GLASS","includes","assetName","React","createElement","Canvas","style","onCreated","_ref2","gl","setClearColor","setSize","clearDepth","alpha","antialias","pixelRatio","window","devicePixelRatio","toneMapping","LinearToneMapping","outputColorSpace","SRGBColorSpace","shadows","type","PCFShadowMap","enabled","PerspectiveCamera","makeDefault","far","near","fov","aspect","innerWidth","innerHeight","position"],"mappings":"4OAEAA,0PAsDA,IAAiBC,EAAG,CAClBC,MAAIF,EAAA,CAAA,EAAAA,EACDG,EAAKA,MAACC,OAAQ,CACbC,OAAWC,EAAUA,WAACH,QAAMC,OAAM,KAClCG,MAAUD,EAAAA,WAAWH,EAAKA,MAACC,OAC5B,MACAD,EAAAA,EAAKA,MAACK,QAAS,CACdH,OAAWC,EAAAA,WAAWH,EAAKA,MAACK,aAC5BD,MAAUD,EAAAA,WAAWH,EAAKA,MAACK,QAC5B,MACAL,EAAAA,EAAKA,MAACM,OAAQ,CACbJ,OAAWC,EAAAA,WAAWH,EAAKA,MAACM,OAAU,KACtCF,MAAUD,aAAWH,EAAAA,MAAMM,OAC5B,0BApDmB,SAAKC,GAAGC,IAAAA,IAAAA,SAAmBC,EAAAF,EAAER,KAAAA,OAAOC,IAAAA,EAAAA,EAAAA,MAAMK,OAChEI,EAAiBC,EAAY,CAC3BC,EAAAA,OAAOC,KACPD,EAAMA,OAACE,eACPF,EAAAA,OAAOG,kBACPC,SAL+CR,EAATS,wBAMxC,OACEC,EAAC,QAAAC,cAAAC,EAAAA,OACC,CAAAC,MAAYtB,EAAAA,CAAAA,EAAAA,EAAYC,KAAKA,IAC7BsB,UAAW,SAAWC,GAAA,MAARC,EAAAA,GACZA,EAAGC,cAAc,EAAU,GAC3BD,EAAGE,QAAQtB,EAAUA,WAACJ,GAAOI,aAAWJ,IACxCwB,EAAGG,YACL,EACAH,GAAI,CACFI,OAAO,EACPC,WAAW,EACXC,WAAsC,EAA1BC,OAAOC,iBACnBC,YAAaC,EAAiBA,kBAC9BC,iBAAkBC,EAAAA,gBAEpBC,QAAS,CACPC,KAAMC,EAAAA,aACNC,QAAS7B,iBAGXO,EAAAA,QAAAC,cAACsB,EAAiBA,kBAChB,CAAAC,aACA,EAAAC,IAAK,KACLC,KAAM,GACNC,IAAK,MACLC,OAAQf,OAAOgB,WAAahB,OAAOiB,YACnCC,SAAU,CAAC,EAAG,EAAG,OAElBxC,EAGP"}

package/dist/common.d.ts

@@ -3,7 +3,12 @@ export declare enum Sizes {
     MEDIUM = "medium",
     LARGE = "large"
 }
-export declare type LargeSize = 'large';
-export declare type MediumSize = 'medium';
-export declare type SmallSize = 'small';
-export declare type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';
+export declare const ImageSizes: {
+    small: number;
+    medium: number;
+    large: number;
+};
+export type LargeSize = 'large';
+export type MediumSize = 'medium';
+export type SmallSize = 'small';
+export type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';

package/dist/flags/Flag.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface FlagProps {
+    /**
+     * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
+     */
+    code: string;
+    /**
+     * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
+     */
+    intrinsicSize?: number;
+}
+export declare const Flag: ({ code, intrinsicSize }: FlagProps) => import("react").JSX.Element;

package/dist/flags/Flag.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Flag } from './Flag';
+declare const meta: Meta<typeof Flag>;
+export default meta;
+type Story = StoryObj<typeof Flag>;
+export declare const Basic: Story;

package/dist/flags/index.d.ts

@@ -0,0 +1,2 @@
+export { Flag } from './Flag';
+export type { FlagProps } from './Flag';

package/dist/illustrations/Illustration.d.ts

@@ -1,9 +1,9 @@
 import React, { ImgHTMLAttributes } from 'react';
 import { LargeSize, MediumSize, SmallSize } from './../common';
 import { IllustrationNames } from './metadata';
-declare type ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;
-export declare type IllustrationSizes = LargeSize | MediumSize | SmallSize;
-export declare type Props = {
+type ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;
+export type IllustrationSizes = LargeSize | MediumSize | SmallSize;
+export type Props = {
     name: IllustrationNames;
     alt: string;
     size?: IllustrationSizes;

package/dist/illustrations/Illustration.stories.d.ts

@@ -15,5 +15,5 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const All: () => JSX.Element;
-export declare const Individual: ({ name, ...props }: IllustrationProps) => JSX.Element;
+export declare const All: () => React.JSX.Element;
+export declare const Individual: ({ name, ...props }: IllustrationProps) => React.JSX.Element;

package/dist/illustrations/metadata.d.ts

@@ -65,4 +65,4 @@ export declare enum Assets {
     TWO_INVITE_LETTERS_OPENED = "two-invite-letters-opened",
     WALLET = "wallet"
 }
-export declare type IllustrationNames = 'bell' | 'briefcase' | 'business-card' | 'calendar' | 'check-mark' | 'closed-window' | 'coin-pile-down' | 'coin-pile-up' | 'confetti' | 'construction-fence' | 'convert' | 'cookie' | 'digital-card-2' | 'digital-card' | 'documents' | 'door' | 'eco-card' | 'electric-plug' | 'email-success' | 'email' | 'exclamation-mark' | 'flag' | 'flower' | 'gear' | 'globe' | 'graph' | 'heart-2' | 'heart-3' | 'heart-4' | 'heart-5' | 'heart' | 'house' | 'id-card' | 'infinite' | 'invite-letter' | 'jars' | 'key' | 'light-bulb' | 'lock' | 'magnifying-glass' | 'map' | 'marble-card-business' | 'marble-card' | 'marble' | 'megaphone' | 'multi-currency' | 'one-invite-letter-opened' | 'palm-tree' | 'percentage' | 'personal-card' | 'phones' | 'pie-chart' | 'plane-2' | 'plane' | 'puzzle-pieces' | 'question-mark' | 'receive' | 'reminder-letter' | 'sand-timer' | 'shopping-bag' | 'skip-authentication' | 'speech-bubble' | 'tool' | 'two-invite-letters-opened' | 'wallet';
+export type IllustrationNames = 'bell' | 'briefcase' | 'business-card' | 'calendar' | 'check-mark' | 'closed-window' | 'coin-pile-down' | 'coin-pile-up' | 'confetti' | 'construction-fence' | 'convert' | 'cookie' | 'digital-card-2' | 'digital-card' | 'documents' | 'door' | 'eco-card' | 'electric-plug' | 'email-success' | 'email' | 'exclamation-mark' | 'flag' | 'flower' | 'gear' | 'globe' | 'graph' | 'heart-2' | 'heart-3' | 'heart-4' | 'heart-5' | 'heart' | 'house' | 'id-card' | 'infinite' | 'invite-letter' | 'jars' | 'key' | 'light-bulb' | 'lock' | 'magnifying-glass' | 'map' | 'marble-card-business' | 'marble-card' | 'marble' | 'megaphone' | 'multi-currency' | 'one-invite-letter-opened' | 'palm-tree' | 'percentage' | 'personal-card' | 'phones' | 'pie-chart' | 'plane-2' | 'plane' | 'puzzle-pieces' | 'question-mark' | 'receive' | 'reminder-letter' | 'sand-timer' | 'shopping-bag' | 'skip-authentication' | 'speech-bubble' | 'tool' | 'two-invite-letters-opened' | 'wallet';

package/dist/illustrations3d/CheckMarkModel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CheckMarkModel: () => React.JSX.Element;
+export default CheckMarkModel;