@examplary/ui 1.35.0 → 1.36.0

package/dist/components/loading/ai-spinner.d.ts

@@ -0,0 +1 @@
+export declare function AiSpinner(props: Omit<React.SVGProps<SVGSVGElement>, "style">): import("react/jsx-runtime").JSX.Element;

package/dist/components/loading/ai-spinner.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { useSpinLoop } from "../../lib/use-spin-loop";
+import { cn } from "../../utils";
+export function AiSpinner(props) {
+    var rotate = useSpinLoop();
+    return (_jsx(motion.svg, __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, props, { className: cn("text-fuchsia-400", props.className), style: { rotate: rotate }, children: _jsx("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8.36621 3.70703C8.16407 3.5049 7.83594 3.50492 7.63379 3.70703L7.55469 3.78613C6.88523 5.5116 5.51162 6.88527 3.78613 7.55469L3.70703 7.63379C3.50492 7.83594 3.5049 8.16407 3.70703 8.36621L3.78516 8.44434C5.51093 9.11363 6.88511 10.4882 7.55469 12.2139L7.63379 12.293C7.83594 12.495 8.16409 12.495 8.36621 12.293L8.44434 12.2139C9.11375 10.4881 10.4881 9.11379 12.2139 8.44434L12.293 8.36621C12.495 8.16409 12.495 7.83594 12.293 7.63379L12.2139 7.55469C10.4882 6.88511 9.11363 5.51093 8.44434 3.78516L8.36621 3.70703Z", fill: "currentColor" }) })));
+}

package/dist/components/loading/index.d.ts

@@ -0,0 +1 @@
+export * from "./ai-spinner";

package/dist/components/loading/index.js

@@ -0,0 +1 @@
+export * from "./ai-spinner";

package/dist/index.d.ts

@@ -6,5 +6,6 @@ export * from "./components/print";
 export * from "./components/chat";
 export * from "./components/brand";
 export * from "./components/ai";
+export * from "./components/loading";
 export * from "./utils";
 export * from "./types";

package/dist/index.js

@@ -6,5 +6,6 @@ export * from "./components/print";
 export * from "./components/chat";
 export * from "./components/brand";
 export * from "./components/ai";
+export * from "./components/loading";
 export * from "./utils";
 export * from "./types";

package/dist/lib/use-spin-loop.d.ts

@@ -0,0 +1 @@
+export declare function useSpinLoop(): import("motion-dom").MotionValue<number>;

package/dist/lib/use-spin-loop.js

@@ -0,0 +1,79 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useEffect } from "react";
+import { useMotionValue, animate } from "motion/react";
+export function useSpinLoop() {
+    var _this = this;
+    var rotation = useMotionValue(0);
+    useEffect(function () {
+        var cancelled = false;
+        var sleep = function (ms) { return new Promise(function (r) { return setTimeout(r, ms); }); };
+        var loop = function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, animate(rotation, rotation.get() + 2880, {
+                            duration: 2.5,
+                            ease: [0.05, 0.8, 0.2, 1],
+                        })];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        if (!!cancelled) return [3 /*break*/, 5];
+                        return [4 /*yield*/, sleep(1200)];
+                    case 3:
+                        _a.sent();
+                        if (cancelled)
+                            return [3 /*break*/, 5];
+                        return [4 /*yield*/, animate(rotation, rotation.get() + 2880, {
+                                duration: 2.5,
+                                ease: [0.35, 0, 0.2, 1],
+                            })];
+                    case 4:
+                        _a.sent();
+                        return [3 /*break*/, 2];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        loop();
+        return function () {
+            cancelled = true;
+        };
+    }, [rotation]);
+    return rotation;
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@examplary/ui",
   "description": "UI components for the Examplary testing platform.",
   "packageManager": "yarn@4.5.3",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "type": "module",
   "main": "dist/index.js",
   "files": [
@@ -57,6 +57,7 @@
     "lucide-react": "^0.575.0",
     "lucide-static": "^0.575.0",
     "mathlive": "0.108.3",
+    "motion": "^12.35.0",
     "react-colorful": "^5.6.1",
     "react-hook-form": "^7.65.0",
     "react-hot-toast": "^2.6.0",