@wise/art 0.0.0-experimental-1d6d788

package/README.md

@@ -0,0 +1,155 @@
+# Web Art | `@wise/art`
+
+React library for art elements (illustrations, tapestries, animation and alike) in UI.
+
+Demo deployment: https://transferwise.github.io/web-art
+
+Art assets powered by [Wise Atoms](https://github.com/transferwise/wise-atoms).
+
+# Usage
+
+```
+npm install @wise/art
+
+yarn add @wise/art
+
+pnpm add @wise/art
+```
+
+This package relies on following peer dependencies:
+
+- `react`
+- `react-dom`
+
+## Add Styles
+
+```js
+import '@wise/art/dist/Illustration.css';
+```
+**NB:** ignore naming, the bundle store styles for multiple components from the package.
+
+## Illustrations
+
+Illustrations works via `Illustration` React component. The component implements [Responsive Images](https://web.dev/responsive-images/) concept so you don't need bother about different image sizes for different devices.
+
+### Usage in React
+
+```js
+import { Illustration, Assets, Sizes } from '@wise/art';
+
+<Illustration
+  name={Assets.BRIEFCASE}
+  alt="..."
+
+  id="..."
+  className="..."
+
+  // 'eager` by default
+  loading={'lazy' | 'eager'}
+
+  // removes padding around image, `false` by default
+  disablePadding={ true | false }
+
+  // React Ref
+  ref={...}
+/>
+```
+
+### Usage in Angular Environment
+
+This package don't provide support for Angular.
+
+Consider use [`react2angular`](https://www.npmjs.com/package/react2angular) or alike wrappers:
+
+```js
+import { react2angular } from 'react2angular';
+import { Illustration } from '@wise/art';
+
+angular
+  .module('tw.someModule', [ ... ])
+  .component('wiseIllustration', react2angular(Illustration))
+```
+
+in Angular HTML template file
+
+```html
+<wise-illustration id="'test-id'" alt="'Image of briefcase'" name="'briefcase'">
+</wise-illustration>
+```
+
+## 3D Illustrations
+
+3D illustrations work via `Illustration3D` React component. The component uses [three.js](https://threejs.org) framework to preview 3D models.
+
+### Usage
+
+```js
+import { Illustration3D, Assets, Sizes } from '@wise/art';
+
+<Illustration3D name={Assets.LOCK} size={Sizes.LARGE} />
+```
+
+Note: this API requires React 18.
+
+Note: if your tests fail because of `matchMedia` and `ResizeObserver` being undefined you need add polyfills or mocks for Jest's jsdom env, use mocks from [`@transferwise/components/mocks`](https://github.com/transferwise/neptune-web/blob/main/packages/components/README.md#mocks-for-testing).
+
+## Flags
+
+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.:
+
+```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).
+
+# Maintenance
+
+## Release
+
+1. Run `pnpm changeset`, follow prompts.
+2. If you [updated `wise-atoms`](#updating-wise-atoms) make sure to run `pnpm build` to update components and S3 bucket.
+3. Commit & Push & PR.
+4. Once merged, keep an eye for the generated [`chore: release new version and update changelog` PR](https://github.com/transferwise/web-art/pulls?q=is%3Apr+is%3Aopen+chore%3A+release+new+version+and+update+changelog) from Changesets 🦋, which also needs to be merged to conclude the release.
+
+## Updating wise-atoms
+
+All the resources are pulled from wise-atoms which does not use version numbers.
+
+Grab the commit hash from the latest version of [wise-atoms](https://github.com/transferwise/wise-atoms/commits/main/) and paste it in to the package.json here:
+
+`"wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#{commit-hash}",`
+
+
+## Package versions
+* The following packages must remain at the listed major versions until Wise moves to React 19.x: 
+  * `@react-three/drei@9.x`
+  * `@react-three/fiber@8.x`
+* `three@0.164.0` - must not exceed the fixed version until [new lighting is implemented](https://transferwise.atlassian.net/browse/DS-7315). 

package/dist/CheckMark-C7SPkQjr.esm.js

@@ -0,0 +1,38 @@
+import { useGLTF, useAnimations } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { useRef } from 'react';
+import { ObjectLoader, LoopOnce } from 'three';
+import { d as defineSrc } from './index-ApMK-TMV.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+import './common-DBpCdW70.esm.js';
+
+const CheckMark = () => {
+  const modelRef = useRef();
+  const model = useGLTF(defineSrc('check-mark.glb'));
+  const {
+    animations,
+    scene
+  } = model;
+  const lights = useLoader(ObjectLoader, defineSrc('check-mark-light.json'));
+  const {
+    mixer,
+    clips
+  } = useAnimations(animations, modelRef);
+  useFrame(() => {
+    model.materials['Standard'].map.offset.x += -25e-4;
+    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      ref: modelRef,
+      scale: 1.4,
+      object: scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { CheckMark as default };
+//# sourceMappingURL=CheckMark-C7SPkQjr.esm.js.map

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

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

package/dist/CheckMark-DbWrBNtH.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var react = require('react');
+var three = require('three');
+var index = require('./index-CeTVmx_6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+require('./common-H4L6Hbbh.js');
+
+const CheckMark = () => {
+  const modelRef = react.useRef();
+  const model = drei.useGLTF(index.defineSrc('check-mark.glb'));
+  const {
+    animations,
+    scene
+  } = model;
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('check-mark-light.json'));
+  const {
+    mixer,
+    clips
+  } = drei.useAnimations(animations, modelRef);
+  fiber.useFrame(() => {
+    model.materials['Standard'].map.offset.x += -25e-4;
+    mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      ref: modelRef,
+      scale: 1.4,
+      object: scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = CheckMark;
+//# sourceMappingURL=CheckMark-DbWrBNtH.js.map

package/dist/CheckMark-DbWrBNtH.js.map

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

package/dist/Confetti-BbPKLCpN.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var react = require('react');
+var three = require('three');
+var index = require('./index-CeTVmx_6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+require('./common-H4L6Hbbh.js');
+
+const Confetti = () => {
+  const ref = react.useRef();
+  const model = drei.useGLTF(index.defineSrc('confetti.glb'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('confetti-light.json'));
+  const {
+    mixer,
+    clips
+  } = drei.useAnimations(model.animations, ref);
+  fiber.useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
+    mixer.clipAction(clips[0]).play().setLoop(three.LoopOnce, 1);
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      ref: ref,
+      scale: 1.5,
+      position: [0, 1.5, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Confetti;
+//# sourceMappingURL=Confetti-BbPKLCpN.js.map

package/dist/Confetti-BbPKLCpN.js.map

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

package/dist/Confetti-DPMBG56o.esm.js

@@ -0,0 +1,35 @@
+import { useGLTF, useAnimations } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { useRef } from 'react';
+import { ObjectLoader, LoopOnce } from 'three';
+import { d as defineSrc } from './index-ApMK-TMV.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+import './common-DBpCdW70.esm.js';
+
+const Confetti = () => {
+  const ref = useRef();
+  const model = useGLTF(defineSrc('confetti.glb'));
+  const lights = useLoader(ObjectLoader, defineSrc('confetti-light.json'));
+  const {
+    mixer,
+    clips
+  } = useAnimations(model.animations, ref);
+  useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.x += -15e-4;
+    mixer.clipAction(clips[0]).play().setLoop(LoopOnce, 1);
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      ref: ref,
+      scale: 1.5,
+      position: [0, 1.5, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Confetti as default };
+//# sourceMappingURL=Confetti-DPMBG56o.esm.js.map

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

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

package/dist/Flower-Dhjb1Y6Z.esm.js

@@ -0,0 +1,28 @@
+import { useGLTF } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { ObjectLoader } from 'three';
+import { d as defineSrc } from './index-ApMK-TMV.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+import 'react';
+import './common-DBpCdW70.esm.js';
+
+const Flower = () => {
+  const model = useGLTF(defineSrc('flower.glb'));
+  const lights = useLoader(ObjectLoader, defineSrc('flower-light.json'));
+  useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      scale: 1.3,
+      position: [0, -9, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Flower as default };
+//# sourceMappingURL=Flower-Dhjb1Y6Z.esm.js.map

package/dist/Flower-Dhjb1Y6Z.esm.js.map

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

package/dist/Flower-I053ey4H.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-CeTVmx_6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+require('react');
+require('./common-H4L6Hbbh.js');
+
+const Flower = () => {
+  const model = drei.useGLTF(index.defineSrc('flower.glb'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('flower-light.json'));
+  fiber.useFrame(() => {
+    model.materials['Tapestry WebGL'].map.offset.x += -1e-3;
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      scale: 1.3,
+      position: [0, -9, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Flower;
+//# sourceMappingURL=Flower-I053ey4H.js.map

package/dist/Flower-I053ey4H.js.map

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

package/dist/Globe-CJDK9wR6.esm.js

@@ -0,0 +1,44 @@
+import { useGLTF } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { ObjectLoader, TextureLoader } from 'three';
+import { d as defineSrc } from './index-ApMK-TMV.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+import 'react';
+import './common-DBpCdW70.esm.js';
+
+const Globe = () => {
+  const {
+    scene
+  } = useGLTF(defineSrc('globe.glb'));
+  const lights = useLoader(ObjectLoader, defineSrc('globe-light.json'));
+  const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
+  const planet = scene.getObjectByName('Globe');
+  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
+  scene.traverse(child => {
+    if (child.name.startsWith('Coin_')) {
+      const mesh = child;
+      const material = mesh.material;
+      material.bumpMap = wiseLogo;
+      material.bumpMap.flipY = false;
+      mesh.castShadow = false;
+      mesh.receiveShadow = false;
+    }
+  });
+  useFrame(() => {
+    orbit.rotation.y += 0.002;
+    planet.material.map.offset.x += -2e-4;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      position: [0, -10, 0],
+      scale: 1.3,
+      object: scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Globe as default };
+//# sourceMappingURL=Globe-CJDK9wR6.esm.js.map

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

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

package/dist/Globe-DD_Ybugr.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-CeTVmx_6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+require('react');
+require('./common-H4L6Hbbh.js');
+
+const Globe = () => {
+  const {
+    scene
+  } = drei.useGLTF(index.defineSrc('globe.glb'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('globe-light.json'));
+  const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
+  const planet = scene.getObjectByName('Globe');
+  const orbit = scene.getObjectByName('Coins_Axis_Rotation_Animate');
+  scene.traverse(child => {
+    if (child.name.startsWith('Coin_')) {
+      const mesh = child;
+      const material = mesh.material;
+      material.bumpMap = wiseLogo;
+      material.bumpMap.flipY = false;
+      mesh.castShadow = false;
+      mesh.receiveShadow = false;
+    }
+  });
+  fiber.useFrame(() => {
+    orbit.rotation.y += 0.002;
+    planet.material.map.offset.x += -2e-4;
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      position: [0, -10, 0],
+      scale: 1.3,
+      object: scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Globe;
+//# sourceMappingURL=Globe-DD_Ybugr.js.map

package/dist/Globe-DD_Ybugr.js.map

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

package/dist/Graph-D1M4JGez.esm.js

@@ -0,0 +1,32 @@
+import { useGLTF } from '@react-three/drei';
+import { useLoader, useFrame } from '@react-three/fiber';
+import { ObjectLoader } from 'three';
+import { d as defineSrc } from './index-ApMK-TMV.esm.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'clsx';
+import 'react';
+import './common-DBpCdW70.esm.js';
+
+const Graph = () => {
+  const model = useGLTF(defineSrc('graph.glb'));
+  const lights = useLoader(ObjectLoader, defineSrc('graph-light.json'));
+  useFrame(() => {
+    const {
+      offset
+    } = model.materials['Standard '].map;
+    offset.x += -15e-4;
+    offset.y += 0.0015;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("primitive", {
+      scale: 1.3,
+      position: [0, -10, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+export { Graph as default };
+//# sourceMappingURL=Graph-D1M4JGez.esm.js.map

package/dist/Graph-D1M4JGez.esm.js.map

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

package/dist/Graph-DrtwCTeB.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
+var three = require('three');
+var index = require('./index-CeTVmx_6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('clsx');
+require('react');
+require('./common-H4L6Hbbh.js');
+
+const Graph = () => {
+  const model = drei.useGLTF(index.defineSrc('graph.glb'));
+  const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('graph-light.json'));
+  fiber.useFrame(() => {
+    const {
+      offset
+    } = model.materials['Standard '].map;
+    offset.x += -15e-4;
+    offset.y += 0.0015;
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
+      scale: 1.3,
+      position: [0, -10, 0],
+      object: model.scene
+    }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
+      object: lights
+    })]
+  });
+};
+
+exports.default = Graph;
+//# sourceMappingURL=Graph-DrtwCTeB.js.map

package/dist/Graph-DrtwCTeB.js.map

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

package/dist/Illustration.css

@@ -0,0 +1 @@
+img.wds-illustration{max-width:100%}.wds-illustration-padding{padding:24px}.wds-illustration-3d{display:inline-flex}.wds-illustration-3d-small{width:200px;height:200px}.wds-illustration-3d-medium{width:300px;height:300px}.wds-illustration-3d-large{width:500px;height:500px}.wds-flag{box-shadow:0 0 0 1px var(--color-border-neutral);border-radius:var(--radius-full)}.wds-illustration-rive{display:inline-flex}.wds-illustration-rive-small{width:200px;height:200px}.wds-illustration-rive-medium{width:300px;height:300px}.wds-illustration-rive-large{width:500px;height:500px}