@studiometa/ui 0.2.13 → 0.2.14

package/atoms/ScrollAnimation/animationScrollWithEase.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,35 +16,42 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
-// packages/ui/atoms/ScrollAnimation/animationScrollWithEase.js
+// packages/ui/atoms/ScrollAnimation/animationScrollWithEase.ts
 var animationScrollWithEase_exports = {};
 __export(animationScrollWithEase_exports, {
-  default: () => animationScrollWithEase
+  animationScrollWithEase: () => animationScrollWithEase
 });
 module.exports = __toCommonJS(animationScrollWithEase_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
 var regex = /ease([A-Z])/;
-var eases = Object.fromEntries(Object.entries(import_utils.ease).filter(([name]) => name.startsWith("ease")).map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value]));
+var eases = Object.fromEntries(
+  Object.entries(import_utils.ease).filter(([name]) => name.startsWith("ease")).map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value])
+);
 function animationScrollWithEase(ScrollAnimation) {
-  return class extends ScrollAnimation {
-    static config = {
-      ...ScrollAnimation.config,
-      name: `${ScrollAnimation.config.name}WithEase`,
-      options: {
-        ...ScrollAnimation.config.options,
-        ease: {
-          type: String,
-          default: "outExpo"
-        }
-      }
-    };
+  class AnimationScrollWithEase extends ScrollAnimation {
     render(progress) {
       if (typeof eases[this.$options.ease] === "function") {
         progress = eases[this.$options.ease](progress);
       }
       super.render(progress);
     }
-  };
+  }
+  __publicField(AnimationScrollWithEase, "config", {
+    ...ScrollAnimation.config,
+    name: `${ScrollAnimation.config.name}WithEase`,
+    options: {
+      ...ScrollAnimation.config.options,
+      ease: {
+        type: String,
+        default: "outExpo"
+      }
+    }
+  });
+  return AnimationScrollWithEase;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/animationScrollWithEase.d.ts

@@ -1,11 +1,13 @@
-/**
- * @typedef {import('./AbstractScrollAnimation.js').AbstractScrollAnimationConstructor} AbstractScrollAnimationConstructor
- */
+import type { BaseProps, BaseDecorator, BaseInterface } from '@studiometa/js-toolkit';
+import type { AbstractScrollAnimation } from './AbstractScrollAnimation.js';
+export interface AnimationScrollWithEaseProps extends BaseProps {
+    $options: {
+        ease: string;
+    };
+}
+export interface AnimationScrollWithEaseInterface extends BaseInterface {
+}
 /**
  * Extend a `ScrollAnimation` component to use easings.
- * @template {AbstractScrollAnimationConstructor} T
- * @param   {T} ScrollAnimation A child class of the `AbstractScrollAnimation` class.
- * @returns {T}
  */
-export default function animationScrollWithEase<T extends typeof import("./AbstractScrollAnimation.js").default>(ScrollAnimation: T): T;
-export type AbstractScrollAnimationConstructor = import('./AbstractScrollAnimation.js').AbstractScrollAnimationConstructor;
+export declare function animationScrollWithEase<S extends AbstractScrollAnimation>(ScrollAnimation: typeof AbstractScrollAnimation): BaseDecorator<AnimationScrollWithEaseInterface, S, AnimationScrollWithEaseProps>;

package/atoms/ScrollAnimation/animationScrollWithEase.js

@@ -1 +1,36 @@
-import{ease as n}from"@studiometa/js-toolkit/utils";const o=/ease([A-Z])/,s=Object.fromEntries(Object.entries(n).filter(([e])=>e.startsWith("ease")).map(([e,t])=>[e.replace(o,(f,a)=>a.toLowerCase()),t]));function i(e){return class extends e{static config={...e.config,name:`${e.config.name}WithEase`,options:{...e.config.options,ease:{type:String,default:"outExpo"}}};render(t){typeof s[this.$options.ease]=="function"&&(t=s[this.$options.ease](t)),super.render(t)}}}export{i as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ease } from "@studiometa/js-toolkit/utils";
+const regex = /ease([A-Z])/;
+const eases = Object.fromEntries(
+  Object.entries(ease).filter(([name]) => name.startsWith("ease")).map(([name, value]) => [name.replace(regex, (match, $1) => $1.toLowerCase()), value])
+);
+function animationScrollWithEase(ScrollAnimation) {
+  class AnimationScrollWithEase extends ScrollAnimation {
+    render(progress) {
+      if (typeof eases[this.$options.ease] === "function") {
+        progress = eases[this.$options.ease](progress);
+      }
+      super.render(progress);
+    }
+  }
+  __publicField(AnimationScrollWithEase, "config", {
+    ...ScrollAnimation.config,
+    name: `${ScrollAnimation.config.name}WithEase`,
+    options: {
+      ...ScrollAnimation.config.options,
+      ease: {
+        type: String,
+        default: "outExpo"
+      }
+    }
+  });
+  return AnimationScrollWithEase;
+}
+export {
+  animationScrollWithEase
+};

package/atoms/ScrollAnimation/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,26 +10,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+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/ScrollAnimation/index.js
+// packages/ui/atoms/ScrollAnimation/index.ts
 var ScrollAnimation_exports = {};
-__export(ScrollAnimation_exports, {
-  AbstractScrollAnimation: () => import_AbstractScrollAnimation.default,
-  ScrollAnimation: () => import_ScrollAnimation.default,
-  ScrollAnimationChild: () => import_ScrollAnimationChild.default,
-  ScrollAnimationChildWithEase: () => import_ScrollAnimationChildWithEase.default,
-  ScrollAnimationParent: () => import_ScrollAnimationParent.default,
-  ScrollAnimationWithEase: () => import_ScrollAnimationWithEase.default,
-  animationScrollWithEase: () => import_animationScrollWithEase.default
-});
 module.exports = __toCommonJS(ScrollAnimation_exports);
-var import_AbstractScrollAnimation = __toESM(require("./AbstractScrollAnimation.cjs"), 1);
-var import_animationScrollWithEase = __toESM(require("./animationScrollWithEase.cjs"), 1);
-var import_ScrollAnimation = __toESM(require("./ScrollAnimation.cjs"), 1);
-var import_ScrollAnimationWithEase = __toESM(require("./ScrollAnimationWithEase.cjs"), 1);
-var import_ScrollAnimationChild = __toESM(require("./ScrollAnimationChild.cjs"), 1);
-var import_ScrollAnimationChildWithEase = __toESM(require("./ScrollAnimationChildWithEase.cjs"), 1);
-var import_ScrollAnimationParent = __toESM(require("./ScrollAnimationParent.cjs"), 1);
+__reExport(ScrollAnimation_exports, require("./AbstractScrollAnimation.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./animationScrollWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimation.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationChild.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationChildWithEase.cjs"), module.exports);
+__reExport(ScrollAnimation_exports, require("./ScrollAnimationParent.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollAnimation/index.d.ts

@@ -1,7 +1,7 @@
-export { default as AbstractScrollAnimation } from "./AbstractScrollAnimation.js";
-export { default as animationScrollWithEase } from "./animationScrollWithEase.js";
-export { default as ScrollAnimation } from "./ScrollAnimation.js";
-export { default as ScrollAnimationWithEase } from "./ScrollAnimationWithEase.js";
-export { default as ScrollAnimationChild } from "./ScrollAnimationChild.js";
-export { default as ScrollAnimationChildWithEase } from "./ScrollAnimationChildWithEase.js";
-export { default as ScrollAnimationParent } from "./ScrollAnimationParent.js";
+export * from './AbstractScrollAnimation.js';
+export * from './animationScrollWithEase.js';
+export * from './ScrollAnimation.js';
+export * from './ScrollAnimationWithEase.js';
+export * from './ScrollAnimationChild.js';
+export * from './ScrollAnimationChildWithEase.js';
+export * from './ScrollAnimationParent.js';

package/atoms/ScrollAnimation/index.js

@@ -1 +1,7 @@
-import{default as t}from"./AbstractScrollAnimation.js";import{default as r}from"./animationScrollWithEase.js";import{default as e}from"./ScrollAnimation.js";import{default as f}from"./ScrollAnimationWithEase.js";import{default as s}from"./ScrollAnimationChild.js";import{default as c}from"./ScrollAnimationChildWithEase.js";import{default as u}from"./ScrollAnimationParent.js";export{t as AbstractScrollAnimation,e as ScrollAnimation,s as ScrollAnimationChild,c as ScrollAnimationChildWithEase,u as ScrollAnimationParent,f as ScrollAnimationWithEase,r as animationScrollWithEase};
+export * from "./AbstractScrollAnimation.js";
+export * from "./animationScrollWithEase.js";
+export * from "./ScrollAnimation.js";
+export * from "./ScrollAnimationWithEase.js";
+export * from "./ScrollAnimationChild.js";
+export * from "./ScrollAnimationChildWithEase.js";
+export * from "./ScrollAnimationParent.js";

package/atoms/ScrollReveal/ScrollReveal.cjs

@@ -21,17 +21,20 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/atoms/ScrollReveal/ScrollReveal.js
+// packages/ui/atoms/ScrollReveal/ScrollReveal.ts
 var ScrollReveal_exports = {};
 __export(ScrollReveal_exports, {
-  default: () => ScrollReveal
+  ScrollReveal: () => ScrollReveal
 });
 module.exports = __toCommonJS(ScrollReveal_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_primitives = require("../../primitives/index.cjs");
-var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(import_primitives.Transition) {
+var _ScrollReveal = class extends (0, import_js_toolkit.withMountWhenInView)(
+  import_primitives.Transition
+) {
   get target() {
-    return this.$refs.target ?? this.$el;
+    var _a;
+    return (_a = this.$refs.target) != null ? _a : this.$el;
   }
   mounted() {
     if (!this.$options.repeat) {

package/atoms/ScrollReveal/ScrollReveal.d.ts

@@ -1,77 +1,34 @@
-declare const ScrollReveal_base: typeof import("@studiometa/js-toolkit").Base & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>; /**
-     * Trigger the `enter` transition on mount.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {void}
-     */
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
-/**
- * @typedef {ScrollReveal & {
- *   $refs: {
- *     target?: HTMLElement,
- *   },
- *   $options: {
- *     repeat: boolean;
- *   }
- * }} ScrollRevealInterface
- */
+import { ScrollServiceProps } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { Transition } from '../../primitives/index.js';
+export interface ScrollRevealProps extends BaseProps {
+    $refs: {
+        target?: HTMLElement;
+    };
+    $options: {
+        repeat: boolean;
+    };
+}
+declare const ScrollReveal_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithMountWhenInViewInterface, Transition<BaseProps>, import("@studiometa/js-toolkit").WithMountWhenInViewProps>;
 /**
  * ScrollReveal class.
  */
-export default class ScrollReveal extends ScrollReveal_base {
+export declare class ScrollReveal<T extends BaseProps = BaseProps> extends ScrollReveal_base<T & ScrollRevealProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        refs: string[];
-        options: {
-            enterKeep: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            repeat: BooleanConstructor;
-            intersectionObserver: {
-                type: ObjectConstructor;
-                default: () => {
-                    threshold: number[];
-                };
-            };
-        };
-        debug?: boolean;
-        log?: boolean;
-        emits?: string[];
-        components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
-    };
+    static config: BaseConfig;
     /**
      * Vertical scroll direction.
-     * @type {'UP'|'DOWN'|'NONE'}
      */
-    static scrollDirectionY: 'UP' | 'DOWN' | 'NONE';
+    static scrollDirectionY: ScrollServiceProps['direction']['y'];
     /**
      * Get the transition target.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {HTMLElement}
      */
     get target(): HTMLElement;
     /**
      * Trigger the `enter` transition on mount.
-     *
-     * @this {ScrollRevealInterface}
-     * @returns {void}
      */
-    mounted(this: ScrollRevealInterface): void;
+    mounted(): void;
 }
-export type ScrollRevealInterface = ScrollReveal & {
-    $refs: {
-        target?: HTMLElement;
-    };
-    $options: {
-        repeat: boolean;
-    };
-};
 export {};

package/atoms/ScrollReveal/ScrollReveal.js

@@ -1 +1,54 @@
-import{withMountWhenInView as i,useScroll as n}from"@studiometa/js-toolkit";import{Transition as t}from"../../primitives/index.js";class e extends i(t){static config={...t.config,name:"ScrollReveal",refs:["target"],options:{...t.config.options,enterKeep:{type:Boolean,default:!0},repeat:Boolean,intersectionObserver:{type:Object,default:()=>({threshold:[0,1]})}}};static scrollDirectionY="NONE";get target(){return this.$refs.target??this.$el}mounted(){if(!this.$options.repeat){this.enter(),this.$terminate();return}const r=n();r.has("ScrollRevealRepeat")||r.add("ScrollRevealRepeat",o=>{e.scrollDirectionY=o.direction.y}),e.scrollDirectionY!=="UP"&&this.enter()}}export{e as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { withMountWhenInView, useScroll } from "@studiometa/js-toolkit";
+import { Transition } from "../../primitives/index.js";
+const _ScrollReveal = class extends withMountWhenInView(
+  Transition
+) {
+  get target() {
+    var _a;
+    return (_a = this.$refs.target) != null ? _a : this.$el;
+  }
+  mounted() {
+    if (!this.$options.repeat) {
+      this.enter();
+      this.$terminate();
+      return;
+    }
+    const scroll = useScroll();
+    if (!scroll.has("ScrollRevealRepeat")) {
+      scroll.add("ScrollRevealRepeat", (props) => {
+        _ScrollReveal.scrollDirectionY = props.direction.y;
+      });
+    }
+    if (_ScrollReveal.scrollDirectionY !== "UP") {
+      this.enter();
+    }
+  }
+};
+let ScrollReveal = _ScrollReveal;
+__publicField(ScrollReveal, "config", {
+  ...Transition.config,
+  name: "ScrollReveal",
+  refs: ["target"],
+  options: {
+    ...Transition.config.options,
+    enterKeep: {
+      type: Boolean,
+      default: true
+    },
+    repeat: Boolean,
+    intersectionObserver: {
+      type: Object,
+      default: () => ({ threshold: [0, 1] })
+    }
+  }
+});
+__publicField(ScrollReveal, "scrollDirectionY", "NONE");
+export {
+  ScrollReveal
+};

package/atoms/ScrollReveal/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,14 +10,11 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+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/ScrollReveal/index.js
+// packages/ui/atoms/ScrollReveal/index.ts
 var ScrollReveal_exports = {};
-__export(ScrollReveal_exports, {
-  ScrollReveal: () => import_ScrollReveal.default
-});
 module.exports = __toCommonJS(ScrollReveal_exports);
-var import_ScrollReveal = __toESM(require("./ScrollReveal.cjs"), 1);
+__reExport(ScrollReveal_exports, require("./ScrollReveal.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/ScrollReveal/index.d.ts

@@ -1 +1 @@
-export { default as ScrollReveal } from "./ScrollReveal.js";
+export * from './ScrollReveal.js';

package/atoms/ScrollReveal/index.js

@@ -1 +1 @@
-import{default as a}from"./ScrollReveal.js";export{a as ScrollReveal};
+export * from "./ScrollReveal.js";

package/atoms/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -17,24 +11,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/ui/atoms/index.js
+// packages/ui/atoms/index.ts
 var atoms_exports = {};
-__export(atoms_exports, {
-  AnchorScrollTo: () => import_AnchorScrollTo.default,
-  Cursor: () => import_Cursor.default,
-  LargeText: () => import_LargeText.default,
-  LazyInclude: () => import_LazyInclude.default
-});
 module.exports = __toCommonJS(atoms_exports);
+__reExport(atoms_exports, require("./AnchorScrollTo/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./Cursor/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./Figure/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./LargeText/index.cjs"), module.exports);
+__reExport(atoms_exports, require("./LazyInclude/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./Prefetch/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./ScrollAnimation/index.cjs"), module.exports);
 __reExport(atoms_exports, require("./ScrollReveal/index.cjs"), module.exports);
-var import_AnchorScrollTo = __toESM(require("./AnchorScrollTo/AnchorScrollTo.cjs"), 1);
-var import_Cursor = __toESM(require("./Cursor/Cursor.cjs"), 1);
-var import_LargeText = __toESM(require("./LargeText/LargeText.cjs"), 1);
-var import_LazyInclude = __toESM(require("./LazyInclude/LazyInclude.cjs"), 1);
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./Figure/index.js";
-export * from "./Prefetch/index.js";
-export * from "./ScrollAnimation/index.js";
-export * from "./ScrollReveal/index.js";
-export { default as AnchorScrollTo } from "./AnchorScrollTo/AnchorScrollTo.js";
-export { default as Cursor } from "./Cursor/Cursor.js";
-export { default as LargeText } from "./LargeText/LargeText.js";
-export { default as LazyInclude } from "./LazyInclude/LazyInclude.js";
+export * from './AnchorScrollTo/index.js';
+export * from './Cursor/index.js';
+export * from './Figure/index.js';
+export * from './LargeText/index.js';
+export * from './LazyInclude/index.js';
+export * from './Prefetch/index.js';
+export * from './ScrollAnimation/index.js';
+export * from './ScrollReveal/index.js';

package/atoms/index.js

@@ -1 +1,8 @@
-export*from"./Figure/index.js";export*from"./Prefetch/index.js";export*from"./ScrollAnimation/index.js";export*from"./ScrollReveal/index.js";import{default as x}from"./AnchorScrollTo/AnchorScrollTo.js";import{default as p}from"./Cursor/Cursor.js";import{default as u}from"./LargeText/LargeText.js";import{default as s}from"./LazyInclude/LazyInclude.js";export{x as AnchorScrollTo,p as Cursor,u as LargeText,s as LazyInclude};
+export * from "./AnchorScrollTo/index.js";
+export * from "./Cursor/index.js";
+export * from "./Figure/index.js";
+export * from "./LargeText/index.js";
+export * from "./LazyInclude/index.js";
+export * from "./Prefetch/index.js";
+export * from "./ScrollAnimation/index.js";
+export * from "./ScrollReveal/index.js";

package/decorators/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,14 +10,11 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+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/decorators/index.js
+// packages/ui/decorators/index.ts
 var decorators_exports = {};
-__export(decorators_exports, {
-  withTransition: () => import_withTransition.default
-});
 module.exports = __toCommonJS(decorators_exports);
-var import_withTransition = __toESM(require("./withTransition.cjs"), 1);
+__reExport(decorators_exports, require("./withTransition.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/index.d.ts

@@ -1 +1 @@
-export { default as withTransition } from "./withTransition.js";
+export * from './withTransition.js';

package/decorators/index.js

@@ -1 +1 @@
-import{default as i}from"./withTransition.js";export{i as withTransition};
+export * from "./withTransition.js";

package/decorators/withTransition.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,52 +16,66 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
-// packages/ui/decorators/withTransition.js
+// packages/ui/decorators/withTransition.ts
 var withTransition_exports = {};
 __export(withTransition_exports, {
-  default: () => withTransition
+  withTransition: () => withTransition
 });
 module.exports = __toCommonJS(withTransition_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
-function delegateTransition(element, name, endMode) {
-  return (0, import_utils.isArray)(element) ? Promise.all(element.map((el) => (0, import_utils.transition)(el, name, endMode))) : (0, import_utils.transition)(element, name, endMode);
+function delegateTransition(elementOrElements, name, endMode) {
+  return (0, import_utils.isArray)(elementOrElements) || elementOrElements instanceof NodeList ? Promise.all(
+    Array.from(elementOrElements).map((el) => (0, import_utils.transition)(el, name, endMode))
+  ) : (0, import_utils.transition)(elementOrElements, name, endMode);
 }
 function withTransition(BaseClass) {
   class Transition extends BaseClass {
-    static config = {
-      name: "Transition",
-      options: {
-        enterFrom: String,
-        enterActive: String,
-        enterTo: String,
-        enterKeep: Boolean,
-        leaveFrom: String,
-        leaveActive: String,
-        leaveTo: String,
-        leaveKeep: Boolean
-      }
-    };
     get target() {
       return this.$el;
     }
-    enter(target) {
+    async enter(target) {
       const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
-      return delegateTransition(target ?? this.target, {
-        from: (leaveTo + " " + enterFrom).trim(),
-        active: enterActive,
-        to: enterTo
-      }, enterKeep && "keep");
+      await delegateTransition(
+        target != null ? target : this.target,
+        {
+          from: (leaveTo + " " + enterFrom).trim(),
+          active: enterActive,
+          to: enterTo
+        },
+        enterKeep && "keep"
+      );
     }
-    leave(target) {
+    async leave(target) {
       const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
-      return delegateTransition(target ?? this.target, {
-        from: (enterTo + " " + leaveFrom).trim(),
-        active: leaveActive,
-        to: leaveTo
-      }, leaveKeep && "keep");
+      await delegateTransition(
+        target != null ? target : this.target,
+        {
+          from: (enterTo + " " + leaveFrom).trim(),
+          active: leaveActive,
+          to: leaveTo
+        },
+        leaveKeep && "keep"
+      );
     }
   }
+  __publicField(Transition, "config", {
+    name: "Transition",
+    options: {
+      enterFrom: String,
+      enterActive: String,
+      enterTo: String,
+      enterKeep: Boolean,
+      leaveFrom: String,
+      leaveActive: String,
+      leaveTo: String,
+      leaveKeep: Boolean
+    }
+  });
   return Transition;
 }
 if (module.exports.default) module.exports = module.exports.default;