@wise/art 2.7.0-beta.1 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/dist/Illustration.css +0 -19
  2. package/dist/common.d.ts +0 -5
  3. package/dist/common.d.ts.map +1 -1
  4. package/dist/index.d.ts +0 -3
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.esm.js +158 -4
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +155 -15
  9. package/dist/index.js.map +1 -1
  10. package/package.json +5 -11
  11. package/src/common.ts +0 -6
  12. package/src/illustrations/Illustration.css +0 -19
  13. package/src/index.ts +0 -5
  14. package/dist/CheckMark-365a1dc6.js +0 -39
  15. package/dist/CheckMark-365a1dc6.js.map +0 -1
  16. package/dist/CheckMark-5b996187.esm.js +0 -37
  17. package/dist/CheckMark-5b996187.esm.js.map +0 -1
  18. package/dist/Confetti-b6bfa95b.js +0 -36
  19. package/dist/Confetti-b6bfa95b.js.map +0 -1
  20. package/dist/Confetti-c865d663.esm.js +0 -34
  21. package/dist/Confetti-c865d663.esm.js.map +0 -1
  22. package/dist/Flower-1987844c.esm.js +0 -27
  23. package/dist/Flower-1987844c.esm.js.map +0 -1
  24. package/dist/Flower-385aa337.js +0 -29
  25. package/dist/Flower-385aa337.js.map +0 -1
  26. package/dist/Globe-b5acfedf.js +0 -45
  27. package/dist/Globe-b5acfedf.js.map +0 -1
  28. package/dist/Globe-df8b4bbd.esm.js +0 -43
  29. package/dist/Globe-df8b4bbd.esm.js.map +0 -1
  30. package/dist/Graph-bc618890.js +0 -33
  31. package/dist/Graph-bc618890.js.map +0 -1
  32. package/dist/Graph-e48b9d55.esm.js +0 -31
  33. package/dist/Graph-e48b9d55.esm.js.map +0 -1
  34. package/dist/Jars-b371f7ec.esm.js +0 -50
  35. package/dist/Jars-b371f7ec.esm.js.map +0 -1
  36. package/dist/Jars-b80056b7.js +0 -52
  37. package/dist/Jars-b80056b7.js.map +0 -1
  38. package/dist/Lock-0d8008b7.esm.js +0 -41
  39. package/dist/Lock-0d8008b7.esm.js.map +0 -1
  40. package/dist/Lock-841864c6.js +0 -43
  41. package/dist/Lock-841864c6.js.map +0 -1
  42. package/dist/MagnifyingGlass-7b6dda3b.esm.js +0 -30
  43. package/dist/MagnifyingGlass-7b6dda3b.esm.js.map +0 -1
  44. package/dist/MagnifyingGlass-de98441e.js +0 -32
  45. package/dist/MagnifyingGlass-de98441e.js.map +0 -1
  46. package/dist/Marble-5a115e95.esm.js +0 -42
  47. package/dist/Marble-5a115e95.esm.js.map +0 -1
  48. package/dist/Marble-c42785f3.js +0 -44
  49. package/dist/Marble-c42785f3.js.map +0 -1
  50. package/dist/MarbleCard-1792cf0c.esm.js +0 -45
  51. package/dist/MarbleCard-1792cf0c.esm.js.map +0 -1
  52. package/dist/MarbleCard-50b56966.js +0 -47
  53. package/dist/MarbleCard-50b56966.js.map +0 -1
  54. package/dist/MultiCurrency-4735dbb2.esm.js +0 -61
  55. package/dist/MultiCurrency-4735dbb2.esm.js.map +0 -1
  56. package/dist/MultiCurrency-fcf4b9a2.js +0 -63
  57. package/dist/MultiCurrency-fcf4b9a2.js.map +0 -1
  58. package/dist/Plane-1e15b49c.esm.js +0 -37
  59. package/dist/Plane-1e15b49c.esm.js.map +0 -1
  60. package/dist/Plane-91b11234.js +0 -39
  61. package/dist/Plane-91b11234.js.map +0 -1
  62. package/dist/Scene-3830de67.esm.js +0 -48
  63. package/dist/Scene-3830de67.esm.js.map +0 -1
  64. package/dist/Scene-fa187d3a.js +0 -50
  65. package/dist/Scene-fa187d3a.js.map +0 -1
  66. package/dist/illustrations3d/Illustration3d.d.ts +0 -11
  67. package/dist/illustrations3d/Illustration3d.d.ts.map +0 -1
  68. package/dist/illustrations3d/Scene.d.ts +0 -9
  69. package/dist/illustrations3d/Scene.d.ts.map +0 -1
  70. package/dist/illustrations3d/index.d.ts +0 -5
  71. package/dist/illustrations3d/index.d.ts.map +0 -1
  72. package/dist/illustrations3d/models/CheckMark.d.ts +0 -4
  73. package/dist/illustrations3d/models/CheckMark.d.ts.map +0 -1
  74. package/dist/illustrations3d/models/Confetti.d.ts +0 -4
  75. package/dist/illustrations3d/models/Confetti.d.ts.map +0 -1
  76. package/dist/illustrations3d/models/Flower.d.ts +0 -4
  77. package/dist/illustrations3d/models/Flower.d.ts.map +0 -1
  78. package/dist/illustrations3d/models/Globe.d.ts +0 -4
  79. package/dist/illustrations3d/models/Globe.d.ts.map +0 -1
  80. package/dist/illustrations3d/models/Graph.d.ts +0 -4
  81. package/dist/illustrations3d/models/Graph.d.ts.map +0 -1
  82. package/dist/illustrations3d/models/Jars.d.ts +0 -4
  83. package/dist/illustrations3d/models/Jars.d.ts.map +0 -1
  84. package/dist/illustrations3d/models/Lock.d.ts +0 -4
  85. package/dist/illustrations3d/models/Lock.d.ts.map +0 -1
  86. package/dist/illustrations3d/models/MagnifyingGlass.d.ts +0 -4
  87. package/dist/illustrations3d/models/MagnifyingGlass.d.ts.map +0 -1
  88. package/dist/illustrations3d/models/Marble.d.ts +0 -4
  89. package/dist/illustrations3d/models/Marble.d.ts.map +0 -1
  90. package/dist/illustrations3d/models/MarbleCard.d.ts +0 -4
  91. package/dist/illustrations3d/models/MarbleCard.d.ts.map +0 -1
  92. package/dist/illustrations3d/models/MultiCurrency.d.ts +0 -4
  93. package/dist/illustrations3d/models/MultiCurrency.d.ts.map +0 -1
  94. package/dist/illustrations3d/models/Plane.d.ts +0 -4
  95. package/dist/illustrations3d/models/Plane.d.ts.map +0 -1
  96. package/dist/illustrations3d/utils.d.ts +0 -9
  97. package/dist/illustrations3d/utils.d.ts.map +0 -1
  98. package/dist/index-36ff762e.js +0 -332
  99. package/dist/index-36ff762e.js.map +0 -1
  100. package/dist/index-76341731.esm.js +0 -325
  101. package/dist/index-76341731.esm.js.map +0 -1
  102. package/src/illustrations3d/Illustration3d.stories.tsx +0 -89
  103. package/src/illustrations3d/Illustration3d.tsx +0 -133
  104. package/src/illustrations3d/Scene.tsx +0 -54
  105. package/src/illustrations3d/index.ts +0 -6
  106. package/src/illustrations3d/models/CheckMark.tsx +0 -30
  107. package/src/illustrations3d/models/Confetti.tsx +0 -29
  108. package/src/illustrations3d/models/Flower.tsx +0 -24
  109. package/src/illustrations3d/models/Globe.tsx +0 -41
  110. package/src/illustrations3d/models/Graph.tsx +0 -26
  111. package/src/illustrations3d/models/Jars.tsx +0 -47
  112. package/src/illustrations3d/models/Lock.tsx +0 -38
  113. package/src/illustrations3d/models/MagnifyingGlass.tsx +0 -30
  114. package/src/illustrations3d/models/Marble.tsx +0 -47
  115. package/src/illustrations3d/models/MarbleCard.tsx +0 -50
  116. package/src/illustrations3d/models/MultiCurrency.tsx +0 -58
  117. package/src/illustrations3d/models/Plane.tsx +0 -33
  118. package/src/illustrations3d/utils.ts +0 -68
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- var drei = require('@react-three/drei');
4
- var fiber = require('@react-three/fiber');
5
- var three = require('three');
6
- var index = require('./index-36ff762e.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
9
- require('clsx');
10
-
11
- const Marble = () => {
12
- const model = drei.useGLTF(index.defineSrc('marble.gltf'));
13
- const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-light.json'));
14
- const sphere = model.scene.getObjectByName('Sphere1');
15
- sphere.material.depthTest = true;
16
- const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
17
- stripeBottom.material.depthTest = false;
18
- stripeBottom.renderOrder = 1;
19
- const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
20
- stripeLeft.material.depthTest = false;
21
- stripeLeft.renderOrder = 2;
22
- const stripeRight = model.scene.getObjectByName('Strip_Left_(3rd)');
23
- stripeRight.material.depthTest = false;
24
- stripeRight.renderOrder = 3;
25
- const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
26
- stripeTop.material.depthTest = false;
27
- stripeTop.renderOrder = 4;
28
- const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
29
- fiber.useFrame(() => {
30
- animatedMaps.forEach(map => map.offset.y += -0.0015);
31
- });
32
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
33
- children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
34
- scale: 1.4,
35
- position: [0, -11, 0],
36
- object: model.scene
37
- }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
38
- object: lights
39
- })]
40
- });
41
- };
42
-
43
- exports.default = Marble;
44
- //# sourceMappingURL=Marble-c42785f3.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Marble-c42785f3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,45 +0,0 @@
1
- import { useGLTF } from '@react-three/drei';
2
- import { useLoader, useFrame } from '@react-three/fiber';
3
- import { ObjectLoader } from 'three';
4
- import { d as defineSrc } from './index-76341731.esm.js';
5
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
- import 'react';
7
- import 'clsx';
8
-
9
- const MarbleCard = () => {
10
- const model = useGLTF(defineSrc('marble-card.gltf'));
11
- const lights = useLoader(ObjectLoader, defineSrc('marble-card-light.json'));
12
- const sphere = model.scene.getObjectByName('Sphere1');
13
- sphere.material.depthTest = true;
14
- const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
15
- stripeBottom.material.depthTest = false;
16
- stripeBottom.renderOrder = 1;
17
- const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
18
- stripeLeft.material.depthTest = false;
19
- stripeLeft.renderOrder = 2;
20
- const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
21
- stripeRight.material.depthTest = false;
22
- stripeRight.renderOrder = 3;
23
- const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
24
- stripeTop.material.depthTest = false;
25
- stripeTop.renderOrder = 4;
26
- const card = model.scene.getObjectByName('Plane');
27
- card.material.depthTest = false;
28
- card.material.metalness = 0;
29
- const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
30
- useFrame(() => {
31
- animatedMaps.forEach(map => map.offset.y += -0.0015);
32
- });
33
- return /*#__PURE__*/jsxs(Fragment, {
34
- children: [/*#__PURE__*/jsx("primitive", {
35
- scale: 1.4,
36
- position: [0, -10, 0],
37
- object: model.scene
38
- }), /*#__PURE__*/jsx("primitive", {
39
- object: lights
40
- })]
41
- });
42
- };
43
-
44
- export { MarbleCard as default };
45
- //# sourceMappingURL=MarbleCard-1792cf0c.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarbleCard-1792cf0c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,47 +0,0 @@
1
- 'use strict';
2
-
3
- var drei = require('@react-three/drei');
4
- var fiber = require('@react-three/fiber');
5
- var three = require('three');
6
- var index = require('./index-36ff762e.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
9
- require('clsx');
10
-
11
- const MarbleCard = () => {
12
- const model = drei.useGLTF(index.defineSrc('marble-card.gltf'));
13
- const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('marble-card-light.json'));
14
- const sphere = model.scene.getObjectByName('Sphere1');
15
- sphere.material.depthTest = true;
16
- const stripeBottom = model.scene.getObjectByName('Strip_Center_Big_(4th_-_Bottom_Layer)');
17
- stripeBottom.material.depthTest = false;
18
- stripeBottom.renderOrder = 1;
19
- const stripeLeft = model.scene.getObjectByName('Strip_Left_(3rd)');
20
- stripeLeft.material.depthTest = false;
21
- stripeLeft.renderOrder = 2;
22
- const stripeRight = model.scene.getObjectByName('Strip_Right_(2nd)');
23
- stripeRight.material.depthTest = false;
24
- stripeRight.renderOrder = 3;
25
- const stripeTop = model.scene.getObjectByName('Strip_Center_(1st_-_Top_Layer)');
26
- stripeTop.material.depthTest = false;
27
- stripeTop.renderOrder = 4;
28
- const card = model.scene.getObjectByName('Plane');
29
- card.material.depthTest = false;
30
- card.material.metalness = 0;
31
- const animatedMaps = [sphere, stripeTop, stripeBottom, stripeLeft, stripeRight].map(object => object.material.map);
32
- fiber.useFrame(() => {
33
- animatedMaps.forEach(map => map.offset.y += -0.0015);
34
- });
35
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
36
- children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
37
- scale: 1.4,
38
- position: [0, -10, 0],
39
- object: model.scene
40
- }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
41
- object: lights
42
- })]
43
- });
44
- };
45
-
46
- exports.default = MarbleCard;
47
- //# sourceMappingURL=MarbleCard-50b56966.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarbleCard-50b56966.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,61 +0,0 @@
1
- import { useGLTF, useAnimations } from '@react-three/drei';
2
- import { useLoader, useFrame } from '@react-three/fiber';
3
- import { useRef } from 'react';
4
- import { ObjectLoader, TextureLoader, Color } from 'three';
5
- import { d as defineSrc } from './index-76341731.esm.js';
6
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
- import 'clsx';
8
-
9
- const MultiCurrency = () => {
10
- const ref = useRef();
11
- const model = useGLTF(defineSrc(`multi-currency.gltf`));
12
- const lights = useLoader(ObjectLoader, defineSrc('multi-currency-light.json'));
13
- const wiseLogo = useLoader(TextureLoader, defineSrc('wise-flag-map-bump.jpg'));
14
- const animatedMaps = [];
15
- model.scene.traverse(child => {
16
- if (child.name.includes('Note')) {
17
- child.castShadow = true;
18
- child.receiveShadow = true;
19
- }
20
- if (child.name.startsWith('Coin_') && child.isMesh) {
21
- const {
22
- material
23
- } = child;
24
- material.bumpMap = wiseLogo;
25
- material.bumpMap.flipY = false;
26
- material.bumpScale = 1;
27
- material.color = new Color(0.49, 0.49, 0.49);
28
- child.castShadow = false;
29
- child.receiveShadow = false;
30
- }
31
- if (child.name.startsWith('NoteBase_') && child.isMesh) {
32
- animatedMaps.push(child.material.map);
33
- }
34
- if (child.name.includes('Wise') && child.isMesh) {
35
- animatedMaps.push(child.material.map);
36
- }
37
- });
38
- const {
39
- mixer,
40
- clips
41
- } = useAnimations(model.animations, ref);
42
- useFrame(() => {
43
- animatedMaps.forEach(animatedMap => {
44
- animatedMap.offset.x += 0.001;
45
- });
46
- mixer.clipAction(clips[0]).play();
47
- });
48
- return /*#__PURE__*/jsxs(Fragment, {
49
- children: [/*#__PURE__*/jsx("primitive", {
50
- ref: ref,
51
- position: [-0.5, -10, 0],
52
- scale: 1.3,
53
- object: model.scene
54
- }), /*#__PURE__*/jsx("primitive", {
55
- object: lights
56
- })]
57
- });
58
- };
59
-
60
- export { MultiCurrency as default };
61
- //# sourceMappingURL=MultiCurrency-4735dbb2.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiCurrency-4735dbb2.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,63 +0,0 @@
1
- 'use strict';
2
-
3
- var drei = require('@react-three/drei');
4
- var fiber = require('@react-three/fiber');
5
- var react = require('react');
6
- var three = require('three');
7
- var index = require('./index-36ff762e.js');
8
- var jsxRuntime = require('react/jsx-runtime');
9
- require('clsx');
10
-
11
- const MultiCurrency = () => {
12
- const ref = react.useRef();
13
- const model = drei.useGLTF(index.defineSrc(`multi-currency.gltf`));
14
- const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('multi-currency-light.json'));
15
- const wiseLogo = fiber.useLoader(three.TextureLoader, index.defineSrc('wise-flag-map-bump.jpg'));
16
- const animatedMaps = [];
17
- model.scene.traverse(child => {
18
- if (child.name.includes('Note')) {
19
- child.castShadow = true;
20
- child.receiveShadow = true;
21
- }
22
- if (child.name.startsWith('Coin_') && child.isMesh) {
23
- const {
24
- material
25
- } = child;
26
- material.bumpMap = wiseLogo;
27
- material.bumpMap.flipY = false;
28
- material.bumpScale = 1;
29
- material.color = new three.Color(0.49, 0.49, 0.49);
30
- child.castShadow = false;
31
- child.receiveShadow = false;
32
- }
33
- if (child.name.startsWith('NoteBase_') && child.isMesh) {
34
- animatedMaps.push(child.material.map);
35
- }
36
- if (child.name.includes('Wise') && child.isMesh) {
37
- animatedMaps.push(child.material.map);
38
- }
39
- });
40
- const {
41
- mixer,
42
- clips
43
- } = drei.useAnimations(model.animations, ref);
44
- fiber.useFrame(() => {
45
- animatedMaps.forEach(animatedMap => {
46
- animatedMap.offset.x += 0.001;
47
- });
48
- mixer.clipAction(clips[0]).play();
49
- });
50
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
51
- children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
52
- ref: ref,
53
- position: [-0.5, -10, 0],
54
- scale: 1.3,
55
- object: model.scene
56
- }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
57
- object: lights
58
- })]
59
- });
60
- };
61
-
62
- exports.default = MultiCurrency;
63
- //# sourceMappingURL=MultiCurrency-fcf4b9a2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiCurrency-fcf4b9a2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,37 +0,0 @@
1
- import { useGLTF, useAnimations } from '@react-three/drei';
2
- import { useLoader, useFrame } from '@react-three/fiber';
3
- import { useRef } from 'react';
4
- import { ObjectLoader } from 'three';
5
- import { d as defineSrc } from './index-76341731.esm.js';
6
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
- import 'clsx';
8
-
9
- const Plane = () => {
10
- const ref = useRef();
11
- const model = useGLTF(defineSrc('plane.gltf'));
12
- const lights = useLoader(ObjectLoader, defineSrc('plane-light.json'));
13
- const plane = model.scene.getObjectByName('Plane_6_update');
14
- const {
15
- mixer,
16
- clips
17
- } = useAnimations(model.animations, ref);
18
- useFrame(() => {
19
- model.materials['Tapestry WebGL'].map.offset.y += 0.018;
20
- plane.position.x = 0.45;
21
- plane.position.y = 7.5;
22
- mixer.clipAction(clips[0]).play();
23
- });
24
- return /*#__PURE__*/jsxs(Fragment, {
25
- children: [/*#__PURE__*/jsx("primitive", {
26
- ref: ref,
27
- scale: 1.3,
28
- position: [0, -7, 0],
29
- object: model.scene
30
- }), /*#__PURE__*/jsx("primitive", {
31
- object: lights
32
- })]
33
- });
34
- };
35
-
36
- export { Plane as default };
37
- //# sourceMappingURL=Plane-1e15b49c.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Plane-1e15b49c.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- var drei = require('@react-three/drei');
4
- var fiber = require('@react-three/fiber');
5
- var react = require('react');
6
- var three = require('three');
7
- var index = require('./index-36ff762e.js');
8
- var jsxRuntime = require('react/jsx-runtime');
9
- require('clsx');
10
-
11
- const Plane = () => {
12
- const ref = react.useRef();
13
- const model = drei.useGLTF(index.defineSrc('plane.gltf'));
14
- const lights = fiber.useLoader(three.ObjectLoader, index.defineSrc('plane-light.json'));
15
- const plane = model.scene.getObjectByName('Plane_6_update');
16
- const {
17
- mixer,
18
- clips
19
- } = drei.useAnimations(model.animations, ref);
20
- fiber.useFrame(() => {
21
- model.materials['Tapestry WebGL'].map.offset.y += 0.018;
22
- plane.position.x = 0.45;
23
- plane.position.y = 7.5;
24
- mixer.clipAction(clips[0]).play();
25
- });
26
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
27
- children: [/*#__PURE__*/jsxRuntime.jsx("primitive", {
28
- ref: ref,
29
- scale: 1.3,
30
- position: [0, -7, 0],
31
- object: model.scene
32
- }), /*#__PURE__*/jsxRuntime.jsx("primitive", {
33
- object: lights
34
- })]
35
- });
36
- };
37
-
38
- exports.default = Plane;
39
- //# sourceMappingURL=Plane-91b11234.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Plane-91b11234.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,48 +0,0 @@
1
- import { PerspectiveCamera } from '@react-three/drei';
2
- import { Canvas } from '@react-three/fiber';
3
- import { LinearToneMapping, SRGBColorSpace, PCFShadowMap } from 'three';
4
- import { A as Assets, I as ImageSizes, S as Sizes } from './index-76341731.esm.js';
5
- import { jsxs, jsx } from 'react/jsx-runtime';
6
- import 'react';
7
- import 'clsx';
8
-
9
- /* eslint-disable react/forbid-dom-props */
10
- /* eslint-disable react/function-component-definition */
11
- function Scene({
12
- children,
13
- assetName,
14
- size = Sizes.MEDIUM
15
- }) {
16
- const castShadows = [Assets.LOCK, Assets.MULTI_CURRENCY, Assets.MAGNIFYING_GLASS].includes(assetName);
17
- return /*#__PURE__*/jsxs(Canvas, {
18
- onCreated: ({
19
- gl
20
- }) => {
21
- gl.setClearColor(0x000000, 0);
22
- gl.setSize(ImageSizes[size], ImageSizes[size]);
23
- gl.clearDepth();
24
- },
25
- gl: {
26
- alpha: true,
27
- antialias: true,
28
- pixelRatio: window.devicePixelRatio * 1,
29
- toneMapping: LinearToneMapping,
30
- outputColorSpace: SRGBColorSpace
31
- },
32
- shadows: {
33
- type: PCFShadowMap,
34
- enabled: castShadows
35
- },
36
- children: [/*#__PURE__*/jsx(PerspectiveCamera, {
37
- makeDefault: true,
38
- far: 1000000000000,
39
- near: 0.1,
40
- fov: 10.29,
41
- aspect: window.innerWidth / window.innerHeight,
42
- position: [0, 0, 100]
43
- }), children]
44
- });
45
- }
46
-
47
- export { Scene as default };
48
- //# sourceMappingURL=Scene-3830de67.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene-3830de67.esm.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,MAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,50 +0,0 @@
1
- 'use strict';
2
-
3
- var drei = require('@react-three/drei');
4
- var fiber = require('@react-three/fiber');
5
- var three = require('three');
6
- var index = require('./index-36ff762e.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
9
- require('clsx');
10
-
11
- /* eslint-disable react/forbid-dom-props */
12
- /* eslint-disable react/function-component-definition */
13
- function Scene({
14
- children,
15
- assetName,
16
- size = index.Sizes.MEDIUM
17
- }) {
18
- const castShadows = [index.Assets.LOCK, index.Assets.MULTI_CURRENCY, index.Assets.MAGNIFYING_GLASS].includes(assetName);
19
- return /*#__PURE__*/jsxRuntime.jsxs(fiber.Canvas, {
20
- onCreated: ({
21
- gl
22
- }) => {
23
- gl.setClearColor(0x000000, 0);
24
- gl.setSize(index.ImageSizes[size], index.ImageSizes[size]);
25
- gl.clearDepth();
26
- },
27
- gl: {
28
- alpha: true,
29
- antialias: true,
30
- pixelRatio: window.devicePixelRatio * 1,
31
- toneMapping: three.LinearToneMapping,
32
- outputColorSpace: three.SRGBColorSpace
33
- },
34
- shadows: {
35
- type: three.PCFShadowMap,
36
- enabled: castShadows
37
- },
38
- children: [/*#__PURE__*/jsxRuntime.jsx(drei.PerspectiveCamera, {
39
- makeDefault: true,
40
- far: 1000000000000,
41
- near: 0.1,
42
- fov: 10.29,
43
- aspect: window.innerWidth / window.innerHeight,
44
- position: [0, 0, 100]
45
- }), children]
46
- });
47
- }
48
-
49
- exports.default = Scene;
50
- //# sourceMappingURL=Scene-fa187d3a.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene-fa187d3a.js","sources":["../src/illustrations3d/Scene.tsx"],"sourcesContent":[null],"names":["Scene","children","assetName","size","Sizes","MEDIUM"],"mappings":";;;;;;;;;;AAIA;AAGA;AAUwB,SAAAA,KAAKA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAmB,GAAEC,YAAOC,MAAAA;AAoChF,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { LargeSize, MediumSize, SmallSize } from '../common';
3
- export type Illustration3dNames = 'lock' | 'globe' | 'confetti' | 'check-mark' | 'flower' | 'graph' | 'jars' | 'magnifying-glass' | 'marble' | 'marble-card' | 'multi-currency' | 'plane';
4
- export type Props = {
5
- name: Illustration3dNames;
6
- size?: SmallSize | MediumSize | LargeSize;
7
- className?: string;
8
- };
9
- declare const Illustration3d: ({ name, size, className }: Props) => import("react").JSX.Element;
10
- export default Illustration3d;
11
- //# sourceMappingURL=Illustration3d.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Illustration3d.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Illustration3d.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAS,MAAM,WAAW,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,OAAO,GACP,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,cAAc,8BAA8C,KAAK,gCAkCtE,CAAC;AA+DF,eAAe,cAAc,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { PropsWithChildren } from 'react';
2
- import { LargeSize, MediumSize, SmallSize } from '../common';
3
- import type { Illustration3dNames } from './Illustration3d';
4
- export type Props = PropsWithChildren<{
5
- assetName: Illustration3dNames;
6
- size?: SmallSize | MediumSize | LargeSize;
7
- }>;
8
- export default function Scene({ children, assetName, size }: Props): import("react").JSX.Element;
9
- //# sourceMappingURL=Scene.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/Scene.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAc,SAAS,EAAE,UAAU,EAAS,SAAS,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC3C,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAmB,EAAE,EAAE,KAAK,+BAoChF"}
@@ -1,5 +0,0 @@
1
- export { default } from './Illustration3d';
2
- export type { Props as Illustration3dProps } from './Illustration3d';
3
- export type { Illustration3dNames } from './Illustration3d';
4
- export { is3dIllustrationSupported } from './utils';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations3d/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const CheckMark: () => import("react").JSX.Element;
3
- export default CheckMark;
4
- //# sourceMappingURL=CheckMark.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/CheckMark.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,SAAS,mCAoBd,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Confetti: () => import("react").JSX.Element;
3
- export default Confetti;
4
- //# sourceMappingURL=Confetti.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Confetti.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,QAAQ,mCAmBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Flower: () => import("react").JSX.Element;
3
- export default Flower;
4
- //# sourceMappingURL=Flower.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flower.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Flower.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAeX,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Globe: () => import("react").JSX.Element;
3
- export default Globe;
4
- //# sourceMappingURL=Globe.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Globe.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAgCV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Graph: () => import("react").JSX.Element;
3
- export default Graph;
4
- //# sourceMappingURL=Graph.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Graph.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,KAAK,mCAiBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Jars: () => import("react").JSX.Element;
3
- export default Jars;
4
- //# sourceMappingURL=Jars.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Jars.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Jars.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCAqCT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Lock: () => import("react").JSX.Element;
3
- export default Lock;
4
- //# sourceMappingURL=Lock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Lock.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,IAAI,mCA4BT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const MagnifyingGlass: () => import("react").JSX.Element;
3
- export default MagnifyingGlass;
4
- //# sourceMappingURL=MagnifyingGlass.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MagnifyingGlass.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MagnifyingGlass.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,eAAe,mCAqBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Marble: () => import("react").JSX.Element;
3
- export default Marble;
4
- //# sourceMappingURL=Marble.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Marble.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Marble.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM,mCAsCX,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const MarbleCard: () => import("react").JSX.Element;
3
- export default MarbleCard;
4
- //# sourceMappingURL=MarbleCard.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarbleCard.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MarbleCard.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,UAAU,mCAyCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const MultiCurrency: () => import("react").JSX.Element;
3
- export default MultiCurrency;
4
- //# sourceMappingURL=MultiCurrency.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultiCurrency.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/MultiCurrency.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,aAAa,mCAgDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Plane: () => import("react").JSX.Element;
3
- export default Plane;
4
- //# sourceMappingURL=Plane.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Plane.d.ts","sourceRoot":"","sources":["../../../src/illustrations3d/models/Plane.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,KAAK,mCAuBV,CAAC;AAEF,eAAe,KAAK,CAAC"}