@wise/art 2.24.0-beta.3 → 2.24.0-beta.4

package/dist/index.esm.js

@@ -1,23 +1,6 @@
-'use strict';
-
-var index = require('./index-BMneuETC.js');
-var common = require('./common-H4L6Hbbh.js');
-require('clsx');
-require('react');
-require('react/jsx-runtime');
-
-
-
-Object.defineProperty(exports, "Assets", {
-	enumerable: true,
-	get: function () { return index.Assets; }
-});
-exports.Flag = index.Flag;
-exports.Illustration = index.Illustration;
-exports.Illustration3D = index.Illustration3D;
-exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
-Object.defineProperty(exports, "Sizes", {
-	enumerable: true,
-	get: function () { return common.Sizes; }
-});
+export { A as Assets, F as Flag, I as Illustration, a as Illustration3D, i as isIllustrationSupport3D } from './index-CNsYMQ0g.esm.js';
+export { S as Sizes } from './common-DBpCdW70.esm.js';
+import 'clsx';
+import 'react';
+import 'react/jsx-runtime';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-BMneuETC.js');
+var common = require('./common-H4L6Hbbh.js');
+require('clsx');
+require('react');
+require('react/jsx-runtime');
+
+
+
+Object.defineProperty(exports, "Assets", {
+	enumerable: true,
+	get: function () { return index.Assets; }
+});
+exports.Flag = index.Flag;
+exports.Illustration = index.Illustration;
+exports.Illustration3D = index.Illustration3D;
+exports.isIllustrationSupport3D = index.isIllustrationSupport3D;
+Object.defineProperty(exports, "Sizes", {
+	enumerable: true,
+	get: function () { return common.Sizes; }
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/rive.esm.js

@@ -1,14 +1,8 @@
-'use strict';
-
-var reactCanvasLite = require('@rive-app/react-canvas-lite');
-var clsx = require('clsx');
-var react = require('react');
-var common = require('./common-H4L6Hbbh.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import { useRive } from '@rive-app/react-canvas-lite';
+import clsx from 'clsx';
+import { useState, useEffect } from 'react';
+import { S as Sizes } from './common-DBpCdW70.esm.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Rive = ({
   src,
@@ -16,30 +10,30 @@ const Rive = ({
 }) => {
   const {
     RiveComponent
-  } = reactCanvasLite.useRive({
+  } = useRive({
     src,
     animations: animationNames,
     autoplay: true
   });
-  return /*#__PURE__*/jsxRuntime.jsx(RiveComponent, {});
+  return /*#__PURE__*/jsx(RiveComponent, {});
 };
 const RiveIllustrationExperimental = ({
   name,
-  size: sizeProp = common.Sizes.MEDIUM,
+  size: sizeProp = Sizes.MEDIUM,
   className
 }) => {
-  const [size, setSize] = react.useState(sizeProp);
-  react.useEffect(() => {
+  const [size, setSize] = useState(sizeProp);
+  useEffect(() => {
     const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
     if (isMobile) {
-      setSize(common.Sizes.SMALL);
+      setSize(Sizes.SMALL);
     }
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: clsx__default.default(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
+  return /*#__PURE__*/jsx("div", {
+    className: clsx(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
     children: (() => {
       if (name === 'document-scan') {
-        return /*#__PURE__*/jsxRuntime.jsx(Rive, {
+        return /*#__PURE__*/jsx(Rive, {
           src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
           animationNames: ["Scan Line Appearing", "Scan Line Moving"]
         });
@@ -49,5 +43,5 @@ const RiveIllustrationExperimental = ({
   });
 };
 
-exports.RiveIllustrationExperimental = RiveIllustrationExperimental;
+export { RiveIllustrationExperimental };
 //# sourceMappingURL=rive.esm.js.map

package/dist/rive.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"rive.esm.js","sources":["../src/rive/RiveIllustration.tsx"],"sourcesContent":["import { useRive } from \"@rive-app/react-canvas-lite\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \".\";\n\nexport interface RiveProps {\n  src: string;\n  animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n  const { RiveComponent } = useRive({\n    src,\n    animations: animationNames,\n    autoplay: true,\n  });\n\n  return (<RiveComponent />);\n};\n\nexport type Props = {\n  name: 'document-scan';\n} & Pick<Illustration3DProps, \"size\" | \"className\">;\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n  const [size, setSize] = useState<Props['size']>(sizeProp);\n  useEffect(() => {\n    const isMobile: boolean =\n      (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setSize(Sizes.SMALL);\n    }\n  }, []);\n  return (\n    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n      {(() => {\n        if (name === 'document-scan') {\n          return (\n            <Rive\n              src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n              animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n            />);\n        }\n        return null;\n      })()}\n    </div>\n  );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["Rive","src","animationNames","RiveComponent","useRive","animations","autoplay","_jsx","RiveIllustrationExperimental","name","size","sizeProp","Sizes","MEDIUM","className","setSize","useState","useEffect","isMobile","window","matchMedia","matches","SMALL","clsx","children"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAI,GAAGA,CAAC;EAAEC,GAAG;AAAEC,EAAAA;AAAc,CAAa,KAAI;EAClD,MAAM;AAAEC,IAAAA;GAAe,GAAGC,uBAAO,CAAC;IAChCH,GAAG;AACHI,IAAAA,UAAU,EAAEH,cAAc;AAC1BI,IAAAA,QAAQ,EAAE;AACX,GAAA,CAAC;AAEF,EAAA,oBAAQC,cAAA,CAACJ,aAAa,EAAA,EAAA,CAAG;AAC3B,CAAC;AAMD,MAAMK,4BAA4B,GAAGA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,IAAI,EAAEC,QAAQ,GAAGC,YAAK,CAACC,MAAM;AAAEC,EAAAA;AAAS,CAAS,KAAI;EACjG,MAAM,CAACJ,IAAI,EAAEK,OAAO,CAAC,GAAGC,cAAQ,CAAgBL,QAAQ,CAAC;AACzDM,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,MAAMC,QAAQ,GACZ,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,EAAEC,UAAU,CAAC,oBAAoB,CAAC,EAAEC,OAAO,KAAK,KAAK;AAC/F,IAAA,IAAIH,QAAQ,EAAE;AACZH,MAAAA,OAAO,CAACH,YAAK,CAACU,KAAK,CAAC;AACtB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AACN,EAAA,oBACEf,cAAA,CAAA,KAAA,EAAA;IAAKO,SAAS,EAAES,qBAAI,CAAA,CAAA,4CAAA,EAAmDd,IAAI,0BAA6BC,IAAI,CAAA,CAAA,EAAII,SAAS,CAAE;IAAAU,QAAA,EACxH,CAAC,MAAK;MACL,IAAIf,IAAI,KAAK,eAAe,EAAE;QAC5B,oBACEF,cAAA,CAACP,IAAI,EAAA;AACHC,UAAAA,GAAG,EAAC,mEAAmE;AACvEC,UAAAA,cAAc,EAAE,CAAC,qBAAqB,EAAE,kBAAkB;AAAE,SAAA,CAC5D;AACN,MAAA;AACA,MAAA,OAAO,IAAI;AACb,IAAA,CAAC;AAAG,GACD,CAAC;AAEV;;;;"}
+{"version":3,"file":"rive.esm.js","sources":["../src/rive/RiveIllustration.tsx"],"sourcesContent":["import { useRive } from \"@rive-app/react-canvas-lite\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \".\";\n\nexport interface RiveProps {\n  src: string;\n  animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n  const { RiveComponent } = useRive({\n    src,\n    animations: animationNames,\n    autoplay: true,\n  });\n\n  return (<RiveComponent />);\n};\n\nexport type Props = {\n  name: 'document-scan';\n} & Pick<Illustration3DProps, \"size\" | \"className\">;\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n  const [size, setSize] = useState<Props['size']>(sizeProp);\n  useEffect(() => {\n    const isMobile: boolean =\n      (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setSize(Sizes.SMALL);\n    }\n  }, []);\n  return (\n    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n      {(() => {\n        if (name === 'document-scan') {\n          return (\n            <Rive\n              src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n              animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n            />);\n        }\n        return null;\n      })()}\n    </div>\n  );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["Rive","src","animationNames","RiveComponent","useRive","animations","autoplay","_jsx","RiveIllustrationExperimental","name","size","sizeProp","Sizes","MEDIUM","className","setSize","useState","useEffect","isMobile","window","matchMedia","matches","SMALL","clsx","children"],"mappings":";;;;;;AAYA,MAAMA,IAAI,GAAGA,CAAC;EAAEC,GAAG;AAAEC,EAAAA;AAAc,CAAa,KAAI;EAClD,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,CAAC;IAChCH,GAAG;AACHI,IAAAA,UAAU,EAAEH,cAAc;AAC1BI,IAAAA,QAAQ,EAAE;AACX,GAAA,CAAC;AAEF,EAAA,oBAAQC,GAAA,CAACJ,aAAa,EAAA,EAAA,CAAG;AAC3B,CAAC;AAMD,MAAMK,4BAA4B,GAAGA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,IAAI,EAAEC,QAAQ,GAAGC,KAAK,CAACC,MAAM;AAAEC,EAAAA;AAAS,CAAS,KAAI;EACjG,MAAM,CAACJ,IAAI,EAAEK,OAAO,CAAC,GAAGC,QAAQ,CAAgBL,QAAQ,CAAC;AACzDM,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMC,QAAQ,GACZ,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,EAAEC,UAAU,CAAC,oBAAoB,CAAC,EAAEC,OAAO,KAAK,KAAK;AAC/F,IAAA,IAAIH,QAAQ,EAAE;AACZH,MAAAA,OAAO,CAACH,KAAK,CAACU,KAAK,CAAC;AACtB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AACN,EAAA,oBACEf,GAAA,CAAA,KAAA,EAAA;IAAKO,SAAS,EAAES,IAAI,CAAA,CAAA,4CAAA,EAAmDd,IAAI,0BAA6BC,IAAI,CAAA,CAAA,EAAII,SAAS,CAAE;IAAAU,QAAA,EACxH,CAAC,MAAK;MACL,IAAIf,IAAI,KAAK,eAAe,EAAE;QAC5B,oBACEF,GAAA,CAACP,IAAI,EAAA;AACHC,UAAAA,GAAG,EAAC,mEAAmE;AACvEC,UAAAA,cAAc,EAAE,CAAC,qBAAqB,EAAE,kBAAkB;AAAE,SAAA,CAC5D;AACN,MAAA;AACA,MAAA,OAAO,IAAI;AACb,IAAA,CAAC;AAAG,GACD,CAAC;AAEV;;;;"}

package/dist/rive.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var reactCanvasLite = require('@rive-app/react-canvas-lite');
+var clsx = require('clsx');
+var react = require('react');
+var common = require('./common-H4L6Hbbh.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+const Rive = ({
+  src,
+  animationNames
+}) => {
+  const {
+    RiveComponent
+  } = reactCanvasLite.useRive({
+    src,
+    animations: animationNames,
+    autoplay: true
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(RiveComponent, {});
+};
+const RiveIllustrationExperimental = ({
+  name,
+  size: sizeProp = common.Sizes.MEDIUM,
+  className
+}) => {
+  const [size, setSize] = react.useState(sizeProp);
+  react.useEffect(() => {
+    const isMobile = (typeof window !== "undefined" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;
+    if (isMobile) {
+      setSize(common.Sizes.SMALL);
+    }
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: clsx__default.default(`wds-illustration-rive wds-illustration-rive-${name} wds-illustration-rive-${size}`, className),
+    children: (() => {
+      if (name === 'document-scan') {
+        return /*#__PURE__*/jsxRuntime.jsx(Rive, {
+          src: "https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv",
+          animationNames: ["Scan Line Appearing", "Scan Line Moving"]
+        });
+      }
+      return null;
+    })()
+  });
+};
+
+exports.RiveIllustrationExperimental = RiveIllustrationExperimental;
+//# sourceMappingURL=rive.js.map

package/dist/rive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rive.js","sources":["../src/rive/RiveIllustration.tsx"],"sourcesContent":["import { useRive } from \"@rive-app/react-canvas-lite\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\n\nimport { Sizes } from \"../common\";\nimport type { Illustration3DProps } from \".\";\n\nexport interface RiveProps {\n  src: string;\n  animationNames?: string | string[];\n}\n\nconst Rive = ({ src, animationNames }: RiveProps) => {\n  const { RiveComponent } = useRive({\n    src,\n    animations: animationNames,\n    autoplay: true,\n  });\n\n  return (<RiveComponent />);\n};\n\nexport type Props = {\n  name: 'document-scan';\n} & Pick<Illustration3DProps, \"size\" | \"className\">;\n\nconst RiveIllustrationExperimental = ({ name, size: sizeProp = Sizes.MEDIUM, className }: Props) => {\n  const [size, setSize] = useState<Props['size']>(sizeProp);\n  useEffect(() => {\n    const isMobile: boolean =\n      (typeof window !== \"undefined\" && window?.matchMedia('(max-width: 575px)')?.matches) ?? false;\n    if (isMobile) {\n      setSize(Sizes.SMALL);\n    }\n  }, []);\n  return (\n    <div className={clsx('wds-illustration-rive', `wds-illustration-rive-${name}`, `wds-illustration-rive-${size}`, className)}>\n      {(() => {\n        if (name === 'document-scan') {\n          return (\n            <Rive\n              src=\"https://wise.com/web-art/assets/illustrations3d/rive/doc-scan.riv\"\n              animationNames={[\"Scan Line Appearing\", \"Scan Line Moving\"]}\n            />);\n        }\n        return null;\n      })()}\n    </div>\n  );\n};\n\nexport default RiveIllustrationExperimental;\n"],"names":["Rive","src","animationNames","RiveComponent","useRive","animations","autoplay","_jsx","RiveIllustrationExperimental","name","size","sizeProp","Sizes","MEDIUM","className","setSize","useState","useEffect","isMobile","window","matchMedia","matches","SMALL","clsx","children"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAI,GAAGA,CAAC;EAAEC,GAAG;AAAEC,EAAAA;AAAc,CAAa,KAAI;EAClD,MAAM;AAAEC,IAAAA;GAAe,GAAGC,uBAAO,CAAC;IAChCH,GAAG;AACHI,IAAAA,UAAU,EAAEH,cAAc;AAC1BI,IAAAA,QAAQ,EAAE;AACX,GAAA,CAAC;AAEF,EAAA,oBAAQC,cAAA,CAACJ,aAAa,EAAA,EAAA,CAAG;AAC3B,CAAC;AAMD,MAAMK,4BAA4B,GAAGA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,IAAI,EAAEC,QAAQ,GAAGC,YAAK,CAACC,MAAM;AAAEC,EAAAA;AAAS,CAAS,KAAI;EACjG,MAAM,CAACJ,IAAI,EAAEK,OAAO,CAAC,GAAGC,cAAQ,CAAgBL,QAAQ,CAAC;AACzDM,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,MAAMC,QAAQ,GACZ,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,EAAEC,UAAU,CAAC,oBAAoB,CAAC,EAAEC,OAAO,KAAK,KAAK;AAC/F,IAAA,IAAIH,QAAQ,EAAE;AACZH,MAAAA,OAAO,CAACH,YAAK,CAACU,KAAK,CAAC;AACtB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AACN,EAAA,oBACEf,cAAA,CAAA,KAAA,EAAA;IAAKO,SAAS,EAAES,qBAAI,CAAA,CAAA,4CAAA,EAAmDd,IAAI,0BAA6BC,IAAI,CAAA,CAAA,EAAII,SAAS,CAAE;IAAAU,QAAA,EACxH,CAAC,MAAK;MACL,IAAIf,IAAI,KAAK,eAAe,EAAE;QAC5B,oBACEF,cAAA,CAACP,IAAI,EAAA;AACHC,UAAAA,GAAG,EAAC,mEAAmE;AACvEC,UAAAA,cAAc,EAAE,CAAC,qBAAqB,EAAE,kBAAkB;AAAE,SAAA,CAC5D;AACN,MAAA;AACA,MAAA,OAAO,IAAI;AACb,IAAA,CAAC;AAAG,GACD,CAAC;AAEV;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/art",
-  "version": "2.24.0-beta.3",
+  "version": "2.24.0-beta.4",
   "packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184",
   "license": "MIT",
   "description": "React library for art elements in UI",