@studiometa/ui 0.2.12 → 0.2.14

package/organisms/Frame/FrameForm.d.ts

@@ -1,24 +1,18 @@
-/**
- * @typedef {FrameForm & {
- *   $el: HTMLFormElement
- * }} FrameFormInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+export interface FrameFormProps extends BaseProps {
+    $el: HTMLFormElement;
+}
 /**
  * FrameForm class.
  */
-export default class FrameForm extends Base {
-    static config: {
-        name: string;
-    };
+export declare class FrameForm<T extends BaseProps = BaseProps> extends Base<T & FrameFormProps> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
     /**
      * Get the form action.
-     *
-     * @this    {FrameFormInterface}
-     * @returns {string}
      */
     get action(): string;
 }
-export type FrameFormInterface = FrameForm & {
-    $el: HTMLFormElement;
-};
-import { Base } from "@studiometa/js-toolkit";

package/organisms/Frame/FrameForm.js

@@ -1 +1,18 @@
-import{Base as e}from"@studiometa/js-toolkit";class t extends e{static config={name:"FrameForm"};get action(){return this.$el.action}}export{t 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 { Base } from "@studiometa/js-toolkit";
+class FrameForm extends Base {
+  get action() {
+    return this.$el.action;
+  }
+}
+__publicField(FrameForm, "config", {
+  name: "FrameForm"
+});
+export {
+  FrameForm
+};

package/organisms/Frame/FrameTarget.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/organisms/Frame/FrameTarget.js
+// packages/ui/organisms/Frame/FrameTarget.ts
 var FrameTarget_exports = {};
 __export(FrameTarget_exports, {
-  default: () => FrameTarget
+  FrameTarget: () => FrameTarget
 });
 module.exports = __toCommonJS(FrameTarget_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
@@ -36,7 +36,8 @@ var _FrameTarget = class extends import_primitives.Transition {
     return options;
   }
   get id() {
-    return this.$options.id ?? this.$el.id;
+    var _a;
+    return (_a = this.$options.id) != null ? _a : this.$el.id;
   }
   async enter() {
     this.$log("enter");
@@ -45,9 +46,13 @@ var _FrameTarget = class extends import_primitives.Transition {
     switch (this.$options.mode) {
       case "append":
       case "prepend":
-        await Promise.all(Array.from(this.$el.children).filter((child) => from.split(" ").every((className) => child.classList.contains(className))).map((child) => {
-          return (0, import_utils.transition)(child, transitionStyles, enterKeep && "keep");
-        }));
+        await Promise.all(
+          Array.from(this.$el.children).filter(
+            (child) => from.split(" ").every((className) => child.classList.contains(className))
+          ).map(
+            (child) => (0, import_utils.transition)(child, transitionStyles, enterKeep && "keep")
+          )
+        );
         break;
       case "replace":
       default:
@@ -62,7 +67,10 @@ var _FrameTarget = class extends import_primitives.Transition {
         Array.from(newTarget.$el.children).forEach((child) => {
           child.classList.add(...this.$options.enterFrom.split(" "));
         });
-        this.$el.insertAdjacentHTML(_FrameTarget.__INSERT_MODES[this.$options.mode], newTarget.$el.innerHTML);
+        this.$el.insertAdjacentHTML(
+          _FrameTarget.__INSERT_MODES[this.$options.mode],
+          newTarget.$el.innerHTML
+        );
         break;
       case "replace":
       default:

package/organisms/Frame/FrameTarget.d.ts

@@ -1,45 +1,37 @@
-declare const FrameTarget_base: typeof import("@studiometa/js-toolkit").Base & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { Transition } from '../../primitives/index.js';
+export interface FrameTargetProps extends BaseProps {
+    $options: {
+        mode: 'replace' | 'prepend' | 'append';
+        id: string;
+        leaveKeep: true;
+    };
+}
 /**
  * FrameTarget class.
  */
-export default class FrameTarget extends FrameTarget_base {
+export declare class FrameTarget<T extends BaseProps = BaseProps> extends Transition<T & FrameTargetProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        log: boolean;
-        options: {
-            mode: {
-                type: StringConstructor;
-                default: string;
-            };
-            id: StringConstructor;
-        };
-        debug?: boolean;
-        refs?: string[];
-        emits?: string[];
-        components?: import("@studiometa/js-toolkit/Base/index.js").BaseConfigComponents;
-    };
+    static config: BaseConfig;
     /**
      * Insert modes.
      */
     static __INSERT_MODES: {
-        prepend: string;
-        append: string;
+        readonly prepend: "afterbegin";
+        readonly append: "beforeend";
     };
+    /**
+     * Override options.
+     */
+    get $options(): import("@studiometa/js-toolkit/Base/managers/OptionsManager.js").default & import("@studiometa/js-toolkit/Base/index.js").BaseOptions & (T & FrameTargetProps & import("../../index.js").TransitionProps)["$options"];
     /**
      * Get uniq ID.
-     * @returns {string}
      */
     get id(): string;
     /**
      * Enter transition.
-     * @returns {Promise<void>}
      */
     enter(): Promise<void>;
     /**
@@ -50,4 +42,3 @@ export default class FrameTarget extends FrameTarget_base {
      */
     updateContent(newTarget: FrameTarget): void;
 }
-export {};

package/organisms/Frame/FrameTarget.js

@@ -1 +1,79 @@
-import{transition as a}from"@studiometa/js-toolkit/utils";import{Transition as r}from"../../primitives/index.js";class o extends r{static config={...r.config,name:"FrameTarget",log:!0,options:{...r.config.options,mode:{type:String,default:"replace"},id:String}};static __INSERT_MODES={prepend:"afterbegin",append:"beforeend"};get $options(){const e=super.$options;return e.leaveKeep=!0,e}get id(){return this.$options.id??this.$el.id}async enter(){this.$log("enter");const{enterFrom:e,enterActive:t,enterTo:p,leaveTo:l,enterKeep:s}=this.$options,i={from:e,active:t,to:p};switch(this.$options.mode){case"append":case"prepend":await Promise.all(Array.from(this.$el.children).filter(n=>e.split(" ").every(c=>n.classList.contains(c))).map(n=>a(n,i,s&&"keep")));break;case"replace":default:i.from=Array.from(new Set([e,l].flat())).join(" "),await a(this.$el,i,s&&"keep")}}updateContent(e){switch(this.$options.mode){case"prepend":case"append":Array.from(e.$el.children).forEach(t=>{t.classList.add(...this.$options.enterFrom.split(" "))}),this.$el.insertAdjacentHTML(o.__INSERT_MODES[this.$options.mode],e.$el.innerHTML);break;case"replace":default:this.$el.innerHTML=e.$el.innerHTML;break}}}export{o 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 { transition } from "@studiometa/js-toolkit/utils";
+import { Transition } from "../../primitives/index.js";
+const _FrameTarget = class extends Transition {
+  get $options() {
+    const options = super.$options;
+    options.leaveKeep = true;
+    return options;
+  }
+  get id() {
+    var _a;
+    return (_a = this.$options.id) != null ? _a : this.$el.id;
+  }
+  async enter() {
+    this.$log("enter");
+    const { enterFrom: from, enterActive: active, enterTo: to, leaveTo, enterKeep } = this.$options;
+    const transitionStyles = { from, active, to };
+    switch (this.$options.mode) {
+      case "append":
+      case "prepend":
+        await Promise.all(
+          Array.from(this.$el.children).filter(
+            (child) => from.split(" ").every((className) => child.classList.contains(className))
+          ).map(
+            (child) => transition(child, transitionStyles, enterKeep && "keep")
+          )
+        );
+        break;
+      case "replace":
+      default:
+        transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
+        await transition(this.$el, transitionStyles, enterKeep && "keep");
+    }
+  }
+  updateContent(newTarget) {
+    switch (this.$options.mode) {
+      case "prepend":
+      case "append":
+        Array.from(newTarget.$el.children).forEach((child) => {
+          child.classList.add(...this.$options.enterFrom.split(" "));
+        });
+        this.$el.insertAdjacentHTML(
+          _FrameTarget.__INSERT_MODES[this.$options.mode],
+          newTarget.$el.innerHTML
+        );
+        break;
+      case "replace":
+      default:
+        this.$el.innerHTML = newTarget.$el.innerHTML;
+        break;
+    }
+  }
+};
+let FrameTarget = _FrameTarget;
+__publicField(FrameTarget, "config", {
+  ...Transition.config,
+  name: "FrameTarget",
+  log: true,
+  options: {
+    ...Transition.config.options,
+    mode: {
+      type: String,
+      default: "replace"
+    },
+    id: String
+  }
+});
+__publicField(FrameTarget, "__INSERT_MODES", {
+  prepend: "afterbegin",
+  append: "beforeend"
+});
+export {
+  FrameTarget
+};

package/organisms/Frame/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,20 +10,14 @@ 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/organisms/Frame/index.js
+// packages/ui/organisms/Frame/index.ts
 var Frame_exports = {};
-__export(Frame_exports, {
-  Frame: () => import_Frame.default,
-  FrameAnchor: () => import_FrameAnchor.default,
-  FrameForm: () => import_FrameForm.default,
-  FrameTarget: () => import_FrameTarget.default
-});
 module.exports = __toCommonJS(Frame_exports);
-var import_Frame = __toESM(require("./Frame.cjs"), 1);
-var import_FrameAnchor = __toESM(require("./FrameAnchor.cjs"), 1);
-var import_FrameForm = __toESM(require("./FrameForm.cjs"), 1);
-var import_FrameTarget = __toESM(require("./FrameTarget.cjs"), 1);
+__reExport(Frame_exports, require("./Frame.cjs"), module.exports);
+__reExport(Frame_exports, require("./FrameAnchor.cjs"), module.exports);
+__reExport(Frame_exports, require("./FrameForm.cjs"), module.exports);
+__reExport(Frame_exports, require("./FrameTarget.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Frame } from "./Frame.js";
-export { default as FrameAnchor } from "./FrameAnchor.js";
-export { default as FrameForm } from "./FrameForm.js";
-export { default as FrameTarget } from "./FrameTarget.js";
+export * from './Frame.js';
+export * from './FrameAnchor.js';
+export * from './FrameForm.js';
+export * from './FrameTarget.js';

package/organisms/Frame/index.js

@@ -1 +1,4 @@
-import{default as e}from"./Frame.js";import{default as m}from"./FrameAnchor.js";import{default as f}from"./FrameForm.js";import{default as d}from"./FrameTarget.js";export{e as Frame,m as FrameAnchor,f as FrameForm,d as FrameTarget};
+export * from "./Frame.js";
+export * from "./FrameAnchor.js";
+export * from "./FrameForm.js";
+export * from "./FrameTarget.js";

package/organisms/index.cjs

@@ -13,7 +13,7 @@ var __copyProps = (to, from, except, desc) => {
 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/organisms/index.js
+// packages/ui/organisms/index.ts
 var organisms_exports = {};
 module.exports = __toCommonJS(organisms_exports);
 __reExport(organisms_exports, require("./Frame/index.cjs"), module.exports);

package/organisms/index.d.ts

@@ -1 +1 @@
-export * from "./Frame/index.js";
+export * from './Frame/index.js';

package/organisms/index.js

@@ -1 +1 @@
-export*from"./Frame/index.js";
+export * from "./Frame/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/ui",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "A set of opiniated, unstyled and accessible components",
   "publishConfig": {
     "access": "public"
@@ -29,7 +29,7 @@
   },
   "homepage": "https://github.com/studiometa/ui#readme",
   "dependencies": {
-    "@studiometa/js-toolkit": "^2.4.1",
+    "@studiometa/js-toolkit": "^2.5.0",
     "deepmerge": "^4.2.2"
   }
 }

package/primitives/Draggable/Draggable.cjs

@@ -21,19 +21,22 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/primitives/Draggable/Draggable.js
+// packages/ui/primitives/Draggable/Draggable.ts
 var Draggable_exports = {};
 __export(Draggable_exports, {
-  default: () => Draggable
+  Draggable: () => Draggable
 });
 module.exports = __toCommonJS(Draggable_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
 var Draggable = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit.Base) {
-  x = 0;
-  y = 0;
-  originX = 0;
-  originY = 0;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "x", 0);
+    __publicField(this, "y", 0);
+    __publicField(this, "originX", 0);
+    __publicField(this, "originY", 0);
+  }
   dragged(props) {
     if (props.mode === "start") {
       this.originX = this.x;

package/primitives/Draggable/Draggable.d.ts

@@ -1,34 +1,33 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig, DragServiceProps } from '@studiometa/js-toolkit';
+declare const Draggable_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").BaseInterface, Base<BaseProps>, BaseProps>;
 /**
  * Draggable class.
  */
-export default class Draggable extends Base {
-    static config: {
-        name: string;
-    };
+export declare class Draggable<T extends BaseProps = BaseProps> extends Draggable_base<T> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
     /**
      * Horizontal transformation.
-     * @type {number}
      */
     x: number;
     /**
      * Vertical transformation.
-     * @type {number}
      */
     y: number;
     /**
      * Horizontal position origin.
-     * @type {number}
      */
     originX: number;
     /**
      * Vertical position origin.
-     * @type {number}
      */
     originY: number;
     /**
      * Drag service hook.
-     * @param {import('@studiometa/js-toolkit/services/drag.js').DragServiceProps} props
      */
-    dragged(props: import('@studiometa/js-toolkit/services/drag.js').DragServiceProps): void;
+    dragged(props: DragServiceProps): void;
 }
-import { Base } from "@studiometa/js-toolkit";
+export {};

package/primitives/Draggable/Draggable.js

@@ -1 +1,33 @@
-import{Base as t,withDrag as r}from"@studiometa/js-toolkit";import{matrix as a}from"@studiometa/js-toolkit/utils";class e extends r(t){static config={name:"DraggableElement"};x=0;y=0;originX=0;originY=0;dragged(i){if(i.mode==="start"){this.originX=this.x,this.originY=this.y;return}this.x=this.originX+i.x-i.origin.x,this.y=this.originY+i.y-i.origin.y,this.$el.style.transform=a({translateX:this.x,translateY:this.y})}}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 { Base, withDrag } from "@studiometa/js-toolkit";
+import { matrix } from "@studiometa/js-toolkit/utils";
+class Draggable extends withDrag(Base) {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "x", 0);
+    __publicField(this, "y", 0);
+    __publicField(this, "originX", 0);
+    __publicField(this, "originY", 0);
+  }
+  dragged(props) {
+    if (props.mode === "start") {
+      this.originX = this.x;
+      this.originY = this.y;
+      return;
+    }
+    this.x = this.originX + props.x - props.origin.x;
+    this.y = this.originY + props.y - props.origin.y;
+    this.$el.style.transform = matrix({ translateX: this.x, translateY: this.y });
+  }
+}
+__publicField(Draggable, "config", {
+  name: "DraggableElement"
+});
+export {
+  Draggable
+};

package/primitives/Draggable/index.cjs

@@ -0,0 +1,20 @@
+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/primitives/Draggable/index.ts
+var Draggable_exports = {};
+module.exports = __toCommonJS(Draggable_exports);
+__reExport(Draggable_exports, require("./Draggable.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/primitives/Draggable/index.d.ts

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

package/primitives/Draggable/index.js

@@ -0,0 +1 @@
+export * from "./Draggable.js";

package/primitives/Sentinel/Sentinel.cjs

@@ -21,10 +21,10 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/primitives/Sentinel/Sentinel.js
+// packages/ui/primitives/Sentinel/Sentinel.ts
 var Sentinel_exports = {};
 __export(Sentinel_exports, {
-  default: () => Sentinel
+  Sentinel: () => Sentinel
 });
 module.exports = __toCommonJS(Sentinel_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");

package/primitives/Sentinel/Sentinel.d.ts

@@ -1,12 +1,13 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseConfig } from '@studiometa/js-toolkit';
+declare const Sentinel_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithIntersectionObserverInterface, Base<import("@studiometa/js-toolkit").BaseProps>, import("@studiometa/js-toolkit").WithIntersectionObserverProps>;
 /**
  * Sentinel class.
  */
-export default class Sentinel extends Base {
+export declare class Sentinel extends Sentinel_base {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-    };
+    static config: BaseConfig;
 }
-import { Base } from "@studiometa/js-toolkit";
+export {};

package/primitives/Sentinel/Sentinel.js

@@ -1 +1,15 @@
-import{Base as e,withIntersectionObserver as t}from"@studiometa/js-toolkit";class n extends t(e,{threshold:[0,1]}){static config={name:"Sentinel"}}export{n 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 { Base, withIntersectionObserver } from "@studiometa/js-toolkit";
+class Sentinel extends withIntersectionObserver(Base, { threshold: [0, 1] }) {
+}
+__publicField(Sentinel, "config", {
+  name: "Sentinel"
+});
+export {
+  Sentinel
+};

package/primitives/Sentinel/index.cjs

@@ -0,0 +1,20 @@
+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/primitives/Sentinel/index.ts
+var Sentinel_exports = {};
+module.exports = __toCommonJS(Sentinel_exports);
+__reExport(Sentinel_exports, require("./Sentinel.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/primitives/Sentinel/index.d.ts

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

package/primitives/Sentinel/index.js

@@ -0,0 +1 @@
+export * from "./Sentinel.js";

package/primitives/Transition/Transition.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,14 +16,22 @@ 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/primitives/Transition/Transition.js
+// packages/ui/primitives/Transition/Transition.ts
 var Transition_exports = {};
 __export(Transition_exports, {
-  default: () => Transition_default
+  Transition: () => Transition
 });
 module.exports = __toCommonJS(Transition_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_decorators = require("../../decorators/index.cjs");
-var Transition_default = (0, import_decorators.withTransition)(import_js_toolkit.Base);
+var Transition = class extends (0, import_decorators.withTransition)(import_js_toolkit.Base) {
+};
+__publicField(Transition, "config", {
+  name: "Transition"
+});
 if (module.exports.default) module.exports = module.exports.default;

package/primitives/Transition/Transition.d.ts

@@ -1,7 +1,13 @@
-declare const _default: typeof Base & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
-export default _default;
-import { Base } from "@studiometa/js-toolkit";
+import { Base, BaseProps } from '@studiometa/js-toolkit';
+import type { BaseConfig } from '@studiometa/js-toolkit';
+declare const Transition_base: import("@studiometa/js-toolkit").BaseDecorator<import("../../decorators/withTransition.js").TransitionInterface, Base<BaseProps>, import("../../decorators/withTransition.js").TransitionProps>;
+/**
+ * Transition class.
+ */
+export declare class Transition<T extends BaseProps = BaseProps> extends Transition_base<T> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
+}
+export {};

package/primitives/Transition/Transition.js

@@ -1 +1,16 @@
-import{Base as o}from"@studiometa/js-toolkit";import{withTransition as r}from"../../decorators/index.js";var m=r(o);export{m 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 { Base } from "@studiometa/js-toolkit";
+import { withTransition } from "../../decorators/index.js";
+class Transition extends withTransition(Base) {
+}
+__publicField(Transition, "config", {
+  name: "Transition"
+});
+export {
+  Transition
+};