@dust-tt/sparkle 0.2.188 → 0.2.190-rc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.188",
+  "version": "0.2.190-rc",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",

package/src/_index.ts

@@ -103,6 +103,9 @@ export { Avatar };
 import Spinner from "./components/Spinner";
 export { Spinner };
 
+import DragArea from "./components/DragArea";
+export { DragArea };
+
 import CollapseButton from "./components/CollapseButton";
 export { CollapseButton };
 

package/src/components/Citation.tsx

@@ -126,16 +126,15 @@ export function Citation({
           </div>
         )}
       </div>
-      <Tooltip label={title} position="above">
-        <div
-          className={classNames(
-            "s-line-clamp-1 s-text-sm s-text-element-800",
-            size === "sm" ? "s-font-bold" : "s-font-semibold"
-          )}
-        >
-          {title}
-        </div>
-      </Tooltip>
+      <div
+        className={classNames(
+          "s-line-clamp-1 s-text-sm s-text-element-800",
+          size === "sm" ? "s-font-bold" : "s-font-semibold"
+        )}
+      >
+        {title}
+      </div>
+
       {description && (
         <div className="s-line-clamp-2 s-text-xs s-font-normal s-text-element-700">
           {description}
@@ -145,24 +144,26 @@ export function Citation({
   );
 
   return (
-    <CardButton
-      variant="secondary"
-      size="sm"
-      className={classNames(
-        "s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1",
-        sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size],
-        size === "sm" ? "sm:s-w-64" : "",
-        isBlinking ? "s-animate-[bgblink_500ms_3]" : "",
-        type === "image" ? "s-min-h-20" : ""
-      )}
-      {...(href && { href, target: "_blank", rel: "noopener noreferrer" })}
-    >
-      {isLoading && (
-        <div className="s-absolute s-inset-0 s-flex s-items-center s-justify-center">
-          <Spinner size="xs" variant="color" />
-        </div>
-      )}
-      <div className={isLoading ? "s-opacity-50" : ""}>{cardContent}</div>
-    </CardButton>
+    <Tooltip label={title} position="above">
+      <CardButton
+        variant="secondary"
+        size="sm"
+        className={classNames(
+          "s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1",
+          sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size],
+          size === "sm" ? "sm:s-w-64" : "",
+          isBlinking ? "s-animate-[bgblink_500ms_3]" : "",
+          type === "image" ? "s-min-h-20" : ""
+        )}
+        {...(href && { href, target: "_blank", rel: "noopener noreferrer" })}
+      >
+        {isLoading && (
+          <div className="s-absolute s-inset-0 s-flex s-items-center s-justify-center">
+            <Spinner size="xs" variant="color" />
+          </div>
+        )}
+        <div className={isLoading ? "s-opacity-50" : ""}>{cardContent}</div>
+      </CardButton>
+    </Tooltip>
   );
 }

package/src/components/ContextItem.tsx

@@ -35,20 +35,20 @@ export function ContextItem({
     >
       <div
         className={classNames(
-          "s-flex s-flex-row s-items-start s-gap-3 s-px-4 s-py-3",
+          "s-flex s-w-full s-flex-row s-items-start s-gap-3 s-px-4 s-py-3",
           onClick
             ? "s-cursor-pointer s-transition s-duration-200 hover:s-bg-structure-50 active:s-bg-structure-100"
             : ""
         )}
         onClick={onClick}
       >
-        <div className="s-flex">{visual}</div>
-        <div className="s-mb-0.5 s-flex s-grow s-flex-col s-gap-0">
-          <div className="s-flex s-grow s-flex-row s-gap-3">
-            <div className="s-flex s-flex-col s-justify-center s-text-base s-font-semibold">
+        {visual}
+        <div className="s-mb-0.5 s-flex s-min-w-0 s-grow s-flex-col s-gap-0">
+          <div className="s-flex s-min-w-0 s-grow s-flex-col sm:s-flex-row sm:s-gap-3">
+            <div className="s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap s-text-base s-font-semibold">
               {title}
             </div>
-            <div className="s-flex s-items-center s-gap-1 s-text-sm s-text-element-600">
+            <div className="s-flex s-flex-shrink-0 s-items-center s-gap-3 s-whitespace-nowrap s-pt-0.5 s-text-sm s-text-element-600">
               {subElement}
             </div>
           </div>

package/src/components/DragArea.tsx

@@ -0,0 +1,52 @@
+import Lottie, { LottieRefCurrentProps } from "lottie-react";
+import React, { useRef } from "react";
+
+import { ArrowUpOnSquareIcon, Icon } from "@sparkle/_index";
+import anim from "@sparkle/lottie/dragArea";
+
+export interface DragZoneProps {
+  title?: string;
+  description?: string;
+  visual?: React.ReactNode;
+}
+
+const DragArea: React.FC<DragZoneProps> = ({
+  title = "Drag and drop",
+  description = "Drag and drop your files here",
+  visual = (
+    <Icon visual={ArrowUpOnSquareIcon} size="lg" className="s-text-white" />
+  ),
+}) => {
+  const lottieRef = useRef<LottieRefCurrentProps | null>(null);
+
+  return (
+    <div
+      className="s-flex s-h-full s-w-full s-flex-col s-items-center s-justify-center s-gap-0 s-bg-white/80 s-text-element-800"
+      onMouseLeave={() => {
+        lottieRef.current?.setDirection(-1);
+        lottieRef.current?.play();
+      }}
+      onDrop={() => {
+        lottieRef.current?.setDirection(-1);
+        lottieRef.current?.play();
+      }}
+    >
+      <div className="s-relative">
+        <Lottie
+          lottieRef={lottieRef}
+          animationData={anim}
+          style={{ width: `200px`, height: `200px` }}
+          loop={false}
+          autoplay
+        />
+        <div className="s-absolute" style={{ top: `84px`, left: `84px` }}>
+          {visual}
+        </div>
+      </div>
+      <div className="s-text-xl s-font-bold">{title}</div>
+      <div className="s-font-base s-text-base">{description}</div>
+    </div>
+  );
+};
+
+export default DragArea;

package/src/lottie/collapseBar.ts

@@ -1,189 +1,189 @@
 const animation = {
-  v: "5.9.0",
-  fr: 60,
-  ip: 0,
-  op: 25,
-  w: 24,
-  h: 36,
-  nm: "collapseBar",
-  ddd: 0,
-  assets: [],
-  layers: [
+  "v": "5.9.0",
+  "fr": 60,
+  "ip": 0,
+  "op": 25,
+  "w": 24,
+  "h": 36,
+  "nm": "collapseBar",
+  "ddd": 0,
+  "assets": [],
+  "layers": [
     {
-      ddd: 0,
-      ind: 1,
-      ty: 4,
-      nm: "Calque de forme 1",
-      sr: 1,
-      ks: {
-        o: { a: 0, k: 100, ix: 11 },
-        r: { a: 0, k: 0, ix: 10 },
-        p: { a: 0, k: [12, 18, 0], ix: 2, l: 2 },
-        a: { a: 0, k: [0, 0, 0], ix: 1, l: 2 },
-        s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 },
+      "ddd": 0,
+      "ind": 1,
+      "ty": 4,
+      "nm": "Calque de forme 1",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100, "ix": 11 },
+        "r": { "a": 0, "k": 0, "ix": 10 },
+        "p": { "a": 0, "k": [12, 18, 0], "ix": 2, "l": 2 },
+        "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
+        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
       },
-      ao: 0,
-      shapes: [
+      "ao": 0,
+      "shapes": [
         {
-          ty: "gr",
-          it: [
+          "ty": "gr",
+          "it": [
             {
-              ind: 0,
-              ty: "sh",
-              ix: 1,
-              ks: {
-                a: 1,
-                k: [
+              "ind": 0,
+              "ty": "sh",
+              "ix": 1,
+              "ks": {
+                "a": 1,
+                "k": [
                   {
-                    i: { x: 0.833, y: 0.833 },
-                    o: { x: 0.167, y: 0.167 },
-                    t: 0,
-                    s: [
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "t": 0,
+                    "s": [
                       {
-                        i: [
-                          [0, 0],
+                        "i": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        o: [
-                          [0, 0],
+                        "o": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        v: [
+                        "v": [
                           [-10.017, -0.016],
                           [0.062, 0.008],
-                          [9.998, 0.055],
+                          [9.998, 0.055]
                         ],
-                        c: false,
-                      },
-                    ],
+                        "c": false
+                      }
+                    ]
                   },
                   {
-                    i: { x: 0.833, y: 0.833 },
-                    o: { x: 0.167, y: 0.167 },
-                    t: 1,
-                    s: [
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "t": 1,
+                    "s": [
                       {
-                        i: [
-                          [0, 0],
+                        "i": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        o: [
-                          [0, 0],
+                        "o": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        v: [
+                        "v": [
                           [-10.025, -3.117],
                           [0.062, 2.758],
-                          [9.99, -3.047],
+                          [9.99, -3.047]
                         ],
-                        c: false,
-                      },
-                    ],
+                        "c": false
+                      }
+                    ]
                   },
                   {
-                    i: { x: 0.833, y: 0.833 },
-                    o: { x: 0.167, y: 0.167 },
-                    t: 13,
-                    s: [
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "t": 13,
+                    "s": [
                       {
-                        i: [
-                          [0, 0],
+                        "i": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        o: [
-                          [0, 0],
+                        "o": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        v: [
+                        "v": [
                           [-10.017, -0.016],
                           [0.062, 0.008],
-                          [9.998, 0.055],
+                          [9.998, 0.055]
                         ],
-                        c: false,
-                      },
-                    ],
+                        "c": false
+                      }
+                    ]
                   },
                   {
-                    t: 25,
-                    s: [
+                    "t": 25,
+                    "s": [
                       {
-                        i: [
-                          [0, 0],
+                        "i": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        o: [
-                          [0, 0],
+                        "o": [
                           [0, 0],
                           [0, 0],
+                          [0, 0]
                         ],
-                        v: [
+                        "v": [
                           [-10.025, 2.984],
                           [0.078, -2.652],
-                          [9.998, 3.051],
+                          [9.998, 3.051]
                         ],
-                        c: false,
-                      },
-                    ],
-                  },
+                        "c": false
+                      }
+                    ]
+                  }
                 ],
-                ix: 2,
+                "ix": 2
               },
-              nm: "Tracé 1",
-              mn: "ADBE Vector Shape - Group",
-              hd: false,
+              "nm": "Tracé 1",
+              "mn": "ADBE Vector Shape - Group",
+              "hd": false
             },
             {
-              ty: "st",
-              c: {
-                a: 0,
-                k: [0.886274509804, 0.909803921569, 0.941176470588, 1],
-                ix: 3,
+              "ty": "st",
+              "c": {
+                "a": 0,
+                "k": [0.886274509804, 0.909803921569, 0.941176470588, 1],
+                "ix": 3
               },
-              o: { a: 0, k: 100, ix: 4 },
-              w: { a: 0, k: 6, ix: 5 },
-              lc: 2,
-              lj: 1,
-              ml: 4,
-              bm: 0,
-              nm: "Contour 1",
-              mn: "ADBE Vector Graphic - Stroke",
-              hd: false,
+              "o": { "a": 0, "k": 100, "ix": 4 },
+              "w": { "a": 0, "k": 6, "ix": 5 },
+              "lc": 2,
+              "lj": 1,
+              "ml": 4,
+              "bm": 0,
+              "nm": "Contour 1",
+              "mn": "ADBE Vector Graphic - Stroke",
+              "hd": false
             },
             {
-              ty: "tr",
-              p: { a: 0, k: [0, 0], ix: 2 },
-              a: { a: 0, k: [0, 0], ix: 1 },
-              s: { a: 0, k: [100, 100], ix: 3 },
-              r: { a: 0, k: 90, ix: 6 },
-              o: { a: 0, k: 100, ix: 7 },
-              sk: { a: 0, k: 0, ix: 4 },
-              sa: { a: 0, k: 0, ix: 5 },
-              nm: "Transformer ",
-            },
+              "ty": "tr",
+              "p": { "a": 0, "k": [0, 0], "ix": 2 },
+              "a": { "a": 0, "k": [0, 0], "ix": 1 },
+              "s": { "a": 0, "k": [100, 100], "ix": 3 },
+              "r": { "a": 0, "k": 90, "ix": 6 },
+              "o": { "a": 0, "k": 100, "ix": 7 },
+              "sk": { "a": 0, "k": 0, "ix": 4 },
+              "sa": { "a": 0, "k": 0, "ix": 5 },
+              "nm": "Transformer "
+            }
           ],
-          nm: "Polyétoile 1",
-          np: 2,
-          cix: 2,
-          bm: 0,
-          ix: 1,
-          mn: "ADBE Vector Group",
-          hd: false,
-        },
+          "nm": "Polyétoile 1",
+          "np": 2,
+          "cix": 2,
+          "bm": 0,
+          "ix": 1,
+          "mn": "ADBE Vector Group",
+          "hd": false
+        }
       ],
-      ip: 0,
-      op: 90,
-      st: 0,
-      bm: 0,
-    },
+      "ip": 0,
+      "op": 90,
+      "st": 0,
+      "bm": 0
+    }
   ],
-  markers: [],
+  "markers": []
 };
 
 export default animation;

package/src/lottie/dragArea.ts

@@ -0,0 +1,3 @@
+const animation = {"v":"5.9.0","fr":60,"ip":0,"op":60,"w":320,"h":320,"nm":"dragArea","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"HalfCircle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.134],"y":[0.302]},"t":7,"s":[255.577]},{"t":60,"s":[155.577]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":0.472},"o":{"x":0.333,"y":0},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[28.266,28.984,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.319,"y":1},"t":29,"s":[121.164,100.484,0],"to":[-28.266,-28.984,0],"ti":[0,0,0]},{"t":60,"s":[62,64.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.166,-0.033],[0,-9.389],[9.389,0],[-0.001,8.75]],"o":[[9.389,0],[0,9.389],[0.236,0.059],[0.001,-8.75]],"v":[[0,-17.167],[17,-0.167],[0,16.833],[-0.005,-0.229]],"c":true},"ix":2},"nm":"Tracé 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.972549019608,0.443137254902,0.443137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[6,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.178,0.178],"y":[0.135,0.135]},"t":13,"s":[0,0]},{"t":40,"s":[200,200]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Rectangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.163],"y":[0.39]},"t":13,"s":[252.738]},{"t":60,"s":[362.738]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[-35.027,16.005,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":29,"s":[227.973,140.505,0],"to":[35.027,-16.005,0],"ti":[0,0,0]},{"t":60,"s":[275.5,72.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,50,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[50,50],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.219607844949,0.741176486015,0.972549021244,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.222,0.222],"y":[0.315,0.315]},"t":13,"s":[0,0]},{"i":{"x":[0.833,0.833],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":40,"s":[120,120]},{"t":60,"s":[140,140]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Square","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[-15.191,-19.222,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":32.5,"s":[199.809,184.278,0],"to":[15.191,19.222,0],"ti":[0,0,0]},{"t":56,"s":[221,239,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[56,56],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.976470588235,0.658823529412,0.83137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":13,"s":[0,0]},{"t":60,"s":[100,100]}],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.562],"y":[1]},"o":{"x":[0.216],"y":[0]},"t":13,"s":[0]},{"t":60,"s":[-90]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Triangle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.057],"y":[0.118]},"t":13,"s":[205.174]},{"t":60,"s":[465.174]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[160,160,0],"to":[0,0,0],"ti":[23.043,-33.745,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":35,"s":[109.043,194.755,0],"to":[-23.043,33.745,0],"ti":[0,0,0]},{"t":60,"s":[96,269.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":2,"d":1,"pt":{"a":0,"k":3,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":90,"ix":5},"or":{"a":0,"k":28,"ix":7},"os":{"a":0,"k":0,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"fl","c":{"a":0,"k":[0.98431372549,0.749019607843,0.141176470588,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":13,"s":[0,0]},{"t":60,"s":[140,140]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Polystar 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Background","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160,160,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.986,0.986],"y":[0.929,0.929]},"o":{"x":[0.565,0.565],"y":[-0.003,-0.003]},"t":8,"s":[1,1]},{"i":{"x":[0.678,0.678],"y":[1.616,1.616]},"o":{"x":[0.16,0.16],"y":[2.739,2.739]},"t":23,"s":[96,96]},{"t":47,"s":[140,140]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Tracé d'ellipse 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647058824,0.160784313725,0.23137254902,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fond 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}],"markers":[]};
+
+export default animation;