@supermousejs/icon 2.3.1 → 2.4.0

package/dist/index.d.ts

@@ -6,14 +6,14 @@ export declare const Icon: (options: IconOptions) => SupermousePlugin;
 export declare interface IconOptions {
     name?: string;
     isEnabled?: boolean;
-    /** SVG Content String */
+    /** Raw SVG markup. */
     svg: string;
-    /** Size in pixels (default 24) */
+    /** Size in pixels. */
     size?: ValueOrGetter<number>;
-    /** CSS Color (default black) */
+    /** CSS color. */
     color?: ValueOrGetter<string>;
     opacity?: ValueOrGetter<number>;
-    /** Offset [x, y] from cursor center */
+    /** Offset [x, y] from cursor center. */
     offset?: [number, number];
 }
 

package/dist/index.mjs

@@ -1,36 +1,33 @@
-import { normalize as r, definePlugin as d, dom as o, Layers as p } from "@supermousejs/utils";
-const S = (e) => {
-  const a = r(e.size, 24), l = r(e.opacity, 1), i = r(e.color, "black"), [y, f] = e.offset || [0, 0];
+import { normalize as n, definePlugin as d, dom as c, Layers as y } from "@supermousejs/utils";
+const u = (e) => {
+  const o = n(e.size, 24), a = n(e.opacity, 1), i = n(e.color, "black"), [f, g] = e.offset ?? [0, 0];
   return d(
     {
-      name: e.name || "icon",
+      name: e.name ?? "icon",
       create: () => {
-        const t = o.createActor("div");
-        return o.applyStyles(t, {
-          zIndex: String(p.CURSOR),
+        const t = c.createActor("div");
+        return c.css(t, {
+          zIndex: String(y.CURSOR),
           display: "flex",
           alignItems: "center",
           justifyContent: "center"
         }), t.innerHTML = e.svg, t;
       },
-      styles: {
-        color: "color"
-      },
-      update: (t, n) => {
-        const c = t.state, s = a(c);
-        o.applyStyles(n, {
+      update: (t, r) => {
+        const s = o(t.state);
+        c.css(r, {
           width: `${s}px`,
           height: `${s}px`,
-          opacity: String(l(c)),
-          color: i(c)
+          opacity: String(a(t.state)),
+          color: i(t.state)
         });
-        const { x: g, y: m } = c.smooth;
-        o.setTransform(n, g + y, m + f, 0);
+        const { x: l, y: m } = t.state.smooth;
+        c.setTransform(r, l + f, m + g);
       }
     },
     e
   );
 };
 export {
-  S as Icon
+  u as Icon
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.SupermouseIcon={},t.SupermouseUtils))})(this,(function(t,e){"use strict";const i=o=>{const f=e.normalize(o.size,24),d=e.normalize(o.opacity,1),a=e.normalize(o.color,"black"),[m,u]=o.offset||[0,0];return e.definePlugin({name:o.name||"icon",create:()=>{const n=e.dom.createActor("div");return e.dom.applyStyles(n,{zIndex:String(e.Layers.CURSOR),display:"flex",alignItems:"center",justifyContent:"center"}),n.innerHTML=o.svg,n},styles:{color:"color"},update:(n,s)=>{const r=n.state,c=f(r);e.dom.applyStyles(s,{width:`${c}px`,height:`${c}px`,opacity:String(d(r)),color:a(r)});const{x:l,y:p}=r.smooth;e.dom.setTransform(s,l+m,p+u,0)}},o)};t.Icon=i,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@supermousejs/utils")):typeof define=="function"&&define.amd?define(["exports","@supermousejs/utils"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.SupermouseIcon={},n.SupermouseUtils))})(this,(function(n,e){"use strict";const c=o=>{const i=e.normalize(o.size,24),f=e.normalize(o.opacity,1),d=e.normalize(o.color,"black"),[m,a]=o.offset??[0,0];return e.definePlugin({name:o.name??"icon",create:()=>{const t=e.dom.createActor("div");return e.dom.css(t,{zIndex:String(e.Layers.CURSOR),display:"flex",alignItems:"center",justifyContent:"center"}),t.innerHTML=o.svg,t},update:(t,s)=>{const r=i(t.state);e.dom.css(s,{width:`${r}px`,height:`${r}px`,opacity:String(f(t.state)),color:d(t.state)});const{x:u,y}=t.state.smooth;e.dom.setTransform(s,u+m,y+a)}},o)};n.Icon=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@supermousejs/icon",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
+  "description": "Renders a static SVG icon at the cursor position.",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
@@ -12,13 +13,13 @@
   "url": "https://github.com/Whitestar14/supermouse-js",
   "license": "MIT",
   "dependencies": {
-    "@supermousejs/utils": "2.3.1"
+    "@supermousejs/utils": "2.4.0"
   },
   "devDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.0"
   },
   "peerDependencies": {
-    "@supermousejs/core": "2.3.0"
+    "@supermousejs/core": "2.4.0"
   },
   "repository": {
     "type": "git",