@studiometa/ui 0.2.13 → 0.2.15

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.js
+// packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts
 var AnchorScrollTo_exports = {};
 __export(AnchorScrollTo_exports, {
-  default: () => AnchorScrollTo
+  AnchorScrollTo: () => AnchorScrollTo
 });
 module.exports = __toCommonJS(AnchorScrollTo_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
@@ -37,7 +37,7 @@ var AnchorScrollTo = class extends import_js_toolkit.Base {
     try {
       (0, import_utils.scrollTo)(this.targetSelector);
       event.preventDefault();
-    } catch (err) {
+    } catch {
     }
   }
 };
@@ -45,3 +45,4 @@ __publicField(AnchorScrollTo, "config", {
   name: "AnchorScrollTo"
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=AnchorScrollTo.cjs.map

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { scrollTo } from '@studiometa/js-toolkit/utils';\n\nexport interface AnchorScrollToProps extends BaseProps {\n  $el: HTMLAnchorElement;\n}\n\n/**\n * AncorScrollTo class.\n */\nexport class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<\n  AnchorScrollToProps & T\n> {\n  static config: BaseConfig = {\n    name: 'AnchorScrollTo',\n  };\n\n  /**\n   * Get the target selector.\n   *\n   * @returns {string}\n   */\n  get targetSelector() {\n    return this.$el.hash;\n  }\n\n  /**\n   * Scroll to the target selector on click.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,mBAAyB;AASlB,IAAM,iBAAN,cAA8D,uBAEnE;AAAA,EAUA,IAAI,iBAAiB;AACnB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAQA,QAAQ,OAAO;AACb,QAAI;AACF,iCAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAE;AAAA,IAEF;AAAA,EACF;AACF;AA3BE,cAHW,gBAGJ,UAAqB;AAAA,EAC1B,MAAM;AACR;",
+  "names": []
+}

package/atoms/AnchorScrollTo/AnchorScrollTo.d.ts

@@ -1,19 +1,16 @@
-/**
- * @typedef {AnchorScrollTo & {
- *   $el: HTMLAnchorElement
- * }} AnchorScrollToInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+export interface AnchorScrollToProps extends BaseProps {
+    $el: HTMLAnchorElement;
+}
 /**
  * AncorScrollTo class.
  */
-export default class AnchorScrollTo extends Base {
-    static config: {
-        name: string;
-    };
+export declare class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<AnchorScrollToProps & T> {
+    static config: BaseConfig;
     /**
      * Get the target selector.
      *
-     * @this    {AnchorScrollToInterface}
      * @returns {string}
      */
     get targetSelector(): string;
@@ -23,9 +20,5 @@ export default class AnchorScrollTo extends Base {
      * @param   {MouseEvent} event
      * @returns {void}
      */
-    onClick(event: MouseEvent): void;
+    onClick(event: any): void;
 }
-export type AnchorScrollToInterface = AnchorScrollTo & {
-    $el: HTMLAnchorElement;
-};
-import { Base } from "@studiometa/js-toolkit";

package/atoms/AnchorScrollTo/AnchorScrollTo.js

@@ -1 +1,21 @@
-import{Base as r}from"@studiometa/js-toolkit";import{scrollTo as e}from"@studiometa/js-toolkit/utils";class o extends r{static config={name:"AnchorScrollTo"};get targetSelector(){return this.$el.hash}onClick(t){try{e(this.targetSelector),t.preventDefault()}catch{}}}export{o as default};
+import { Base } from "@studiometa/js-toolkit";
+import { scrollTo } from "@studiometa/js-toolkit/utils";
+class AnchorScrollTo extends Base {
+  static config = {
+    name: "AnchorScrollTo"
+  };
+  get targetSelector() {
+    return this.$el.hash;
+  }
+  onClick(event) {
+    try {
+      scrollTo(this.targetSelector);
+      event.preventDefault();
+    } catch {
+    }
+  }
+}
+export {
+  AnchorScrollTo
+};
+//# sourceMappingURL=AnchorScrollTo.js.map

package/atoms/AnchorScrollTo/AnchorScrollTo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { scrollTo } from '@studiometa/js-toolkit/utils';\n\nexport interface AnchorScrollToProps extends BaseProps {\n  $el: HTMLAnchorElement;\n}\n\n/**\n * AncorScrollTo class.\n */\nexport class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<\n  AnchorScrollToProps & T\n> {\n  static config: BaseConfig = {\n    name: 'AnchorScrollTo',\n  };\n\n  /**\n   * Get the target selector.\n   *\n   * @returns {string}\n   */\n  get targetSelector() {\n    return this.$el.hash;\n  }\n\n  /**\n   * Scroll to the target selector on click.\n   *\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,gBAAgB;AASlB,MAAM,uBAAwD,KAEnE;AAAA,EACA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA,EAOA,IAAI,iBAAiB;AACnB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAQA,QAAQ,OAAO;AACb,QAAI;AACF,eAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAE;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": []
+}

package/atoms/AnchorScrollTo/index.cjs

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/atoms/AnchorScrollTo/index.ts
+var AnchorScrollTo_exports = {};
+module.exports = __toCommonJS(AnchorScrollTo_exports);
+__reExport(AnchorScrollTo_exports, require("./AnchorScrollTo.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/AnchorScrollTo/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/index.ts"],
+  "sourcesContent": ["export * from './AnchorScrollTo.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mCAAc,iCAAd;",
+  "names": []
+}

package/atoms/AnchorScrollTo/index.d.ts

@@ -0,0 +1 @@
+export * from './AnchorScrollTo.js';

package/atoms/AnchorScrollTo/index.js

@@ -0,0 +1,2 @@
+export * from "./AnchorScrollTo.js";
+//# sourceMappingURL=index.js.map

package/atoms/AnchorScrollTo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/index.ts"],
+  "sourcesContent": ["export * from './AnchorScrollTo.js';\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/atoms/Cursor/Cursor.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/Cursor/Cursor.js
+// packages/ui/atoms/Cursor/Cursor.ts
 var Cursor_exports = {};
 __export(Cursor_exports, {
-  default: () => Cursor
+  Cursor: () => Cursor
 });
 module.exports = __toCommonJS(Cursor_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
@@ -69,7 +69,11 @@ var Cursor = class extends import_js_toolkit.Base {
   ticked() {
     this.x = (0, import_utils.damp)(this.pointerX, this.x, this.$options.translateDampFactor);
     this.y = (0, import_utils.damp)(this.pointerY, this.y, this.$options.translateDampFactor);
-    this.scale = (0, import_utils.damp)(this.pointerScale, this.scale, this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor);
+    this.scale = (0, import_utils.damp)(
+      this.pointerScale,
+      this.scale,
+      this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor
+    );
     this.render({ x: this.x, y: this.y, scale: this.scale });
     if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {
       this.$services.disable("ticked");
@@ -123,3 +127,4 @@ __publicField(Cursor, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Cursor.cjs.map

package/atoms/Cursor/Cursor.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, matrix } from '@studiometa/js-toolkit/utils';\n\nexport interface CursorProps extends BaseProps {\n  $options: {\n    growSelectors: string;\n    shrinkSelectors: string;\n    scale: number;\n    growTo: number;\n    shrinkTo: number;\n    translateDampFactor: number;\n    growDampFactor: number;\n    shrinkDampFactor: number;\n  };\n}\n\n/**\n * Cursor class.\n */\nexport class Cursor<T extends BaseProps = BaseProps> extends Base<\n  CursorProps & T\n> {\n  static config: BaseConfig = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      scale: {\n        type: Number,\n        default: 1,\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  x = 0;\n\n  y = 0;\n\n  scale = 0;\n\n  pointerX = 0;\n\n  pointerY = 0;\n\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   */\n  moved({ event, x, y, isDown }: PointerServiceProps) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let { scale } = this.$options;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale\n        ? this.$options.shrinkDampFactor\n        : this.$options.growDampFactor,\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   */\n  render({ x, y, scale }: { x: number; y: number; scale: number }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/atoms/Cursor/Cursor.d.ts

@@ -1,123 +1,42 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';
+export interface CursorProps extends BaseProps {
+    $options: {
+        growSelectors: string;
+        shrinkSelectors: string;
+        scale: number;
+        growTo: number;
+        shrinkTo: number;
+        translateDampFactor: number;
+        growDampFactor: number;
+        shrinkDampFactor: number;
+    };
+}
 /**
- * @typedef {import('@studiometa/js-toolkit/services/pointer').PointerServiceProps} PointerServiceProps
- * @typedef {import('@studiometa/js-toolkit/Base').BaseOptions} BaseOptions
- */
-/**
- * @typedef {Object} CursorOptions
- * @property {string} growSelectors
- * @property {string} shrinkSelectors
- * @property {number} scale
- * @property {number} growTo
- * @property {number} shrinkTo
- * @property {number} translateDampFactor
- * @property {number} growDampFactor
- * @property {number} shrinkDampFactor
- */
-/**
- * @typedef {Object} CursorPrivateInterface
- * @property {BaseOptions & CursorOptions} $options
- */
-/**
- * @typedef {Cursor & CursorPrivateInterface} CursorInterface
- */
-/**
- * Custom cursor component.
+ * Cursor class.
  */
-export default class Cursor extends Base {
-    /**
-     * Class config.
-     */
-    static config: {
-        name: string;
-        options: {
-            growSelectors: {
-                type: StringConstructor;
-                default: string;
-            };
-            shrinkSelectors: {
-                type: StringConstructor;
-                default: string;
-            };
-            scale: {
-                type: NumberConstructor;
-                default: number;
-            };
-            growTo: {
-                type: NumberConstructor;
-                default: number;
-            };
-            shrinkTo: {
-                type: NumberConstructor;
-                default: number;
-            };
-            translateDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-            growDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-            shrinkDampFactor: {
-                type: NumberConstructor;
-                default: number;
-            };
-        };
-    };
-    /**
-     * @type {number}
-     */
+export declare class Cursor<T extends BaseProps = BaseProps> extends Base<CursorProps & T> {
+    static config: BaseConfig;
     x: number;
-    /**
-     * @type {number}
-     */
     y: number;
-    /**
-     * @type {number}
-     */
     scale: number;
-    /**
-     * @type {number}
-     */
     pointerX: number;
-    /**
-     * @type {number}
-     */
     pointerY: number;
-    /**
-     * @type {number}
-     */
     pointerScale: number;
     /**
      * Mounted hook.
-     * @return {void}
      */
     mounted(): void;
     /**
      * Moved hook.
-     *
-     * @this {CursorInterface}
-     *
-     * @param {PointerServiceProps} options
-     * @return {void}
      */
-    moved(this: CursorInterface, { event, x, y, isDown }: PointerServiceProps): void;
+    moved({ event, x, y, isDown }: PointerServiceProps): void;
     /**
      * RequestAnimationFrame hook.
-     *
-     * @this {CursorInterface}
-     *
-     * @return {void}
      */
-    ticked(this: CursorInterface): void;
+    ticked(): void;
     /**
      * Render the cursor.
-     *
-     * @param  {Object} options
-     * @param  {number} options.x
-     * @param  {number} options.y
-     * @param  {number} options.scale
-     * @return {void}
      */
     render({ x, y, scale }: {
         x: number;
@@ -125,20 +44,3 @@ export default class Cursor extends Base {
         scale: number;
     }): void;
 }
-export type PointerServiceProps = import('@studiometa/js-toolkit/services/pointer').PointerServiceProps;
-export type BaseOptions = import('@studiometa/js-toolkit/Base').BaseOptions;
-export type CursorOptions = {
-    growSelectors: string;
-    shrinkSelectors: string;
-    scale: number;
-    growTo: number;
-    shrinkTo: number;
-    translateDampFactor: number;
-    growDampFactor: number;
-    shrinkDampFactor: number;
-};
-export type CursorPrivateInterface = {
-    $options: BaseOptions & CursorOptions;
-};
-export type CursorInterface = Cursor & CursorPrivateInterface;
-import { Base } from "@studiometa/js-toolkit";

package/atoms/Cursor/Cursor.js

@@ -1 +1,103 @@
-import{Base as n}from"@studiometa/js-toolkit";import{damp as a,matrix as c}from"@studiometa/js-toolkit/utils";class l extends n{static config={name:"Cursor",options:{growSelectors:{type:String,default:"a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *"},shrinkSelectors:{type:String,default:"[data-cursor-shrink], [data-cursor-shrink] *"},scale:{type:Number,default:1},growTo:{type:Number,default:2},shrinkTo:{type:Number,default:.5},translateDampFactor:{type:Number,default:.25},growDampFactor:{type:Number,default:.25},shrinkDampFactor:{type:Number,default:.25}}};x=0;y=0;scale=0;pointerX=0;pointerY=0;pointerScale=0;mounted(){this.x=0,this.y=0,this.scale=0,this.pointerX=0,this.pointerY=0,this.pointerScale=0,this.render({x:this.x,y:this.y,scale:this.scale})}moved({event:t,x:i,y:s,isDown:r}){this.$services.has("ticked")||this.$services.enable("ticked"),this.pointerX=i,this.pointerY=s;let{scale:e}=this.$options;if(!t){this.pointerScale=e;return}const o=t.target instanceof Element&&t.target.matches(this.$options.growSelectors)||!1,h=r||t.target instanceof Element&&t.target.matches(this.$options.shrinkSelectors)||!1;o&&(e=this.$options.growTo),h&&(e=this.$options.shrinkTo),this.pointerScale=e}ticked(){this.x=a(this.pointerX,this.x,this.$options.translateDampFactor),this.y=a(this.pointerY,this.y,this.$options.translateDampFactor),this.scale=a(this.pointerScale,this.scale,this.pointerScale<this.scale?this.$options.shrinkDampFactor:this.$options.growDampFactor),this.render({x:this.x,y:this.y,scale:this.scale}),this.x===this.pointerX&&this.y===this.pointerY&&this.scale===this.pointerScale&&this.$services.disable("ticked")}render({x:t,y:i,scale:s}){const r=c({translateX:t,translateY:i,scaleX:s,scaleY:s});this.$el.style.transform=`translateZ(0) ${r}`}}export{l as default};
+import { Base } from "@studiometa/js-toolkit";
+import { damp, matrix } from "@studiometa/js-toolkit/utils";
+class Cursor extends Base {
+  static config = {
+    name: "Cursor",
+    options: {
+      growSelectors: {
+        type: String,
+        default: "a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *"
+      },
+      shrinkSelectors: {
+        type: String,
+        default: "[data-cursor-shrink], [data-cursor-shrink] *"
+      },
+      scale: {
+        type: Number,
+        default: 1
+      },
+      growTo: {
+        type: Number,
+        default: 2
+      },
+      shrinkTo: {
+        type: Number,
+        default: 0.5
+      },
+      translateDampFactor: {
+        type: Number,
+        default: 0.25
+      },
+      growDampFactor: {
+        type: Number,
+        default: 0.25
+      },
+      shrinkDampFactor: {
+        type: Number,
+        default: 0.25
+      }
+    }
+  };
+  x = 0;
+  y = 0;
+  scale = 0;
+  pointerX = 0;
+  pointerY = 0;
+  pointerScale = 0;
+  mounted() {
+    this.x = 0;
+    this.y = 0;
+    this.scale = 0;
+    this.pointerX = 0;
+    this.pointerY = 0;
+    this.pointerScale = 0;
+    this.render({ x: this.x, y: this.y, scale: this.scale });
+  }
+  moved({ event, x, y, isDown }) {
+    if (!this.$services.has("ticked")) {
+      this.$services.enable("ticked");
+    }
+    this.pointerX = x;
+    this.pointerY = y;
+    let { scale } = this.$options;
+    if (!event) {
+      this.pointerScale = scale;
+      return;
+    }
+    const shouldGrow = event.target instanceof Element && event.target.matches(this.$options.growSelectors) || false;
+    const shouldReduce = isDown || event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors) || false;
+    if (shouldGrow) {
+      scale = this.$options.growTo;
+    }
+    if (shouldReduce) {
+      scale = this.$options.shrinkTo;
+    }
+    this.pointerScale = scale;
+  }
+  ticked() {
+    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);
+    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);
+    this.scale = damp(
+      this.pointerScale,
+      this.scale,
+      this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor
+    );
+    this.render({ x: this.x, y: this.y, scale: this.scale });
+    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {
+      this.$services.disable("ticked");
+    }
+  }
+  render({ x, y, scale }) {
+    const transform = matrix({
+      translateX: x,
+      translateY: y,
+      scaleX: scale,
+      scaleY: scale
+    });
+    this.$el.style.transform = `translateZ(0) ${transform}`;
+  }
+}
+export {
+  Cursor
+};
+//# sourceMappingURL=Cursor.js.map

package/atoms/Cursor/Cursor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
+  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, matrix } from '@studiometa/js-toolkit/utils';\n\nexport interface CursorProps extends BaseProps {\n  $options: {\n    growSelectors: string;\n    shrinkSelectors: string;\n    scale: number;\n    growTo: number;\n    shrinkTo: number;\n    translateDampFactor: number;\n    growDampFactor: number;\n    shrinkDampFactor: number;\n  };\n}\n\n/**\n * Cursor class.\n */\nexport class Cursor<T extends BaseProps = BaseProps> extends Base<\n  CursorProps & T\n> {\n  static config: BaseConfig = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      scale: {\n        type: Number,\n        default: 1,\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  x = 0;\n\n  y = 0;\n\n  scale = 0;\n\n  pointerX = 0;\n\n  pointerY = 0;\n\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   */\n  moved({ event, x, y, isDown }: PointerServiceProps) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let { scale } = this.$options;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale\n        ? this.$options.shrinkDampFactor\n        : this.$options.growDampFactor,\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   */\n  render({ x, y, scale }: { x: number; y: number; scale: number }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,MAAM,cAAc;AAkBtB,MAAM,eAAgD,KAE3D;AAAA,EACA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,eAAe;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,IAAI;AAAA,EAEJ,IAAI;AAAA,EAEJ,QAAQ;AAAA,EAER,WAAW;AAAA,EAEX,WAAW;AAAA,EAEX,eAAe;AAAA,EAKf,UAAU;AACR,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,QAAQ;AACb,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,eAAe;AACpB,SAAK,OAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,KAAK,MAAM,CAAC;AAAA,EACzD;AAAA,EAKA,MAAM,EAAE,OAAO,GAAG,GAAG,OAAO,GAAwB;AAClD,QAAI,CAAC,KAAK,UAAU,IAAI,QAAQ,GAAG;AACjC,WAAK,UAAU,OAAO,QAAQ;AAAA,IAChC;AAEA,SAAK,WAAW;AAChB,SAAK,WAAW;AAEhB,QAAI,EAAE,MAAM,IAAI,KAAK;AAErB,QAAI,CAAC,OAAO;AACV,WAAK,eAAe;AACpB;AAAA,IACF;AAEA,UAAM,aACH,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,KAAK,SAAS,aAAa,KACpF;AACF,UAAM,eACJ,UACC,MAAM,kBAAkB,WAAW,MAAM,OAAO,QAAQ,KAAK,SAAS,eAAe,KACtF;AAEF,QAAI,YAAY;AACd,cAAQ,KAAK,SAAS;AAAA,IACxB;AAEA,QAAI,cAAc;AAChB,cAAQ,KAAK,SAAS;AAAA,IACxB;AAEA,SAAK,eAAe;AAAA,EACtB;AAAA,EAKA,SAAS;AACP,SAAK,IAAI,KAAK,KAAK,UAAU,KAAK,GAAG,KAAK,SAAS,mBAAmB;AACtE,SAAK,IAAI,KAAK,KAAK,UAAU,KAAK,GAAG,KAAK,SAAS,mBAAmB;AACtE,SAAK,QAAQ;AAAA,MACX,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK,eAAe,KAAK,QACrB,KAAK,SAAS,mBACd,KAAK,SAAS;AAAA,IACpB;AAEA,SAAK,OAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,OAAO,KAAK,MAAM,CAAC;AAEvD,QAAI,KAAK,MAAM,KAAK,YAAY,KAAK,MAAM,KAAK,YAAY,KAAK,UAAU,KAAK,cAAc;AAC5F,WAAK,UAAU,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACF;AAAA,EAKA,OAAO,EAAE,GAAG,GAAG,MAAM,GAA4C;AAC/D,UAAM,YAAY,OAAO;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AACD,SAAK,IAAI,MAAM,YAAY,iBAAiB;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/atoms/Cursor/index.cjs

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/atoms/Cursor/index.ts
+var Cursor_exports = {};
+module.exports = __toCommonJS(Cursor_exports);
+__reExport(Cursor_exports, require("./Cursor.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/atoms/Cursor/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/index.ts"],
+  "sourcesContent": ["export * from './Cursor.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,yBAAd;",
+  "names": []
+}

package/atoms/Cursor/index.d.ts

@@ -0,0 +1 @@
+export * from './Cursor.js';

package/atoms/Cursor/index.js

@@ -0,0 +1,2 @@
+export * from "./Cursor.js";
+//# sourceMappingURL=index.js.map

package/atoms/Cursor/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Cursor/index.ts"],
+  "sourcesContent": ["export * from './Cursor.js';\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/atoms/Figure/Figure.cjs

@@ -21,15 +21,17 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/Figure/Figure.js
+// packages/ui/atoms/Figure/Figure.ts
 var Figure_exports = {};
 __export(Figure_exports, {
-  default: () => Figure
+  Figure: () => Figure
 });
 module.exports = __toCommonJS(Figure_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_primitives = require("../../primitives/index.cjs");
-var Figure = class extends (0, import_js_toolkit.withMountWhenInView)(import_primitives.Transition, { threshold: [0, 1] }) {
+var Figure = class extends (0, import_js_toolkit.withMountWhenInView)(import_primitives.Transition, {
+  threshold: [0, 1]
+}) {
   get target() {
     return this.$refs.img;
   }
@@ -47,14 +49,18 @@ var Figure = class extends (0, import_js_toolkit.withMountWhenInView)(import_pri
     if (!(img instanceof HTMLImageElement)) {
       throw new Error("[Figure] The `img` ref must be an `<img>` element.");
     }
-    const src = img.getAttribute("data-src");
+    const { src } = img.dataset;
     if (this.$options.lazy && src && src !== this.src) {
       let tempImg = new Image();
-      tempImg.onload = () => {
-        this.enter();
-        this.src = src;
-        tempImg = null;
-      };
+      tempImg.addEventListener(
+        "load",
+        async () => {
+          this.src = src;
+          tempImg = null;
+          this.enter();
+        },
+        { once: true }
+      );
       tempImg.src = src;
     }
   }
@@ -69,3 +75,4 @@ __publicField(Figure, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Figure.cjs.map

package/atoms/Figure/Figure.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/atoms/Figure/Figure.ts"],
+  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface FigureProps extends BaseProps {\n  $refs: {\n    img: HTMLImageElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * Figure class.\n */\nexport class Figure<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(Transition, {\n  threshold: [0, 1],\n})<T & FigureProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'Figure',\n    refs: ['img'],\n    options: {\n      ...Transition.config.options,\n      lazy: Boolean,\n    },\n  };\n\n  /**\n   * Get the transition target.\n   */\n  get target() {\n    return this.$refs.img;\n  }\n\n  /**\n   * Get the image source.\n   */\n  get src() {\n    return this.$refs.img.src;\n  }\n\n  /**\n   * Set the image source.\n   */\n  set src(value:string) {\n    this.$refs.img.src = value;\n  }\n\n  /**\n   * Load on mount.\n   */\n  mounted() {\n    const { img } = this.$refs;\n\n    if (!img) {\n      throw new Error('[Figure] The `img` ref is required.');\n    }\n\n    if (!(img instanceof HTMLImageElement)) {\n      throw new Error('[Figure] The `img` ref must be an `<img>` element.');\n    }\n\n    const { src } = img.dataset;\n\n    if (this.$options.lazy && src && src !== this.src) {\n      let tempImg = new Image();\n      tempImg.addEventListener(\n        'load',\n        async () => {\n          this.src = src;\n          tempImg = null;\n          this.enter();\n        },\n        { once: true },\n      );\n      tempImg.src = src;\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AAEpC,wBAA2B;AAcpB,IAAM,SAAN,kBAAsD,uCAAgC,8BAAY;AAAA,EACvG,WAAW,CAAC,GAAG,CAAC;AAClB,CAAC,EAAmB;AAAA,EAiBlB,IAAI,SAAS;AACX,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAKA,IAAI,MAAM;AACR,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB;AAAA,EAKA,IAAI,IAAI,OAAc;AACpB,SAAK,MAAM,IAAI,MAAM;AAAA,EACvB;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,IAAI,IAAI,KAAK;AAErB,QAAI,CAAC,KAAK;AACR,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAEA,QAAI,EAAE,eAAe,mBAAmB;AACtC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,EAAE,IAAI,IAAI,IAAI;AAEpB,QAAI,KAAK,SAAS,QAAQ,OAAO,QAAQ,KAAK,KAAK;AACjD,UAAI,UAAU,IAAI,MAAM;AACxB,cAAQ;AAAA,QACN;AAAA,QACA,YAAY;AACV,eAAK,MAAM;AACX,oBAAU;AACV,eAAK,MAAM;AAAA,QACb;AAAA,QACA,EAAE,MAAM,KAAK;AAAA,MACf;AACA,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF;AACF;AA7DE,cANW,QAMJ,UAAqB;AAAA,EAC1B,GAAG,6BAAW;AAAA,EACd,MAAM;AAAA,EACN,MAAM,CAAC,KAAK;AAAA,EACZ,SAAS;AAAA,IACP,GAAG,6BAAW,OAAO;AAAA,IACrB,MAAM;AAAA,EACR;AACF;",
+  "names": []
+}