@studiometa/ui 0.2.2 → 0.2.5

package/organisms/Frame/FrameAnchor.js

@@ -1,22 +1 @@
-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 FrameAnchor extends Base {
-  get href() {
-    return this.$el.href;
-  }
-  onClick(event) {
-    this.$emit("frame-click", event);
-  }
-}
-__publicField(FrameAnchor, "config", {
-  name: "FrameAnchor",
-  emits: ["frame-click"]
-});
-export {
-  FrameAnchor as default
-};
+import{Base as r}from"@studiometa/js-toolkit";class t extends r{static config={name:"FrameAnchor",emits:["frame-click"]};get href(){return this.$el.href}onClick(e){this.$emit("frame-click",e)}}export{t as default};

package/organisms/Frame/FrameForm.cjs

@@ -3,24 +3,19 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -31,6 +26,7 @@ var FrameForm_exports = {};
 __export(FrameForm_exports, {
   default: () => FrameForm
 });
+module.exports = __toCommonJS(FrameForm_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var FrameForm = class extends import_js_toolkit.Base {
   get action() {
@@ -44,5 +40,4 @@ __publicField(FrameForm, "config", {
   name: "FrameForm",
   emits: ["frame-submit"]
 });
-module.exports = __toCommonJS(FrameForm_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/FrameForm.js

@@ -1,22 +1 @@
-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;
-  }
-  onSubmit(event) {
-    this.$emit("frame-submit", event);
-  }
-}
-__publicField(FrameForm, "config", {
-  name: "FrameForm",
-  emits: ["frame-submit"]
-});
-export {
-  FrameForm as default
-};
+import{Base as e}from"@studiometa/js-toolkit";class m extends e{static config={name:"FrameForm",emits:["frame-submit"]};get action(){return this.$el.action}onSubmit(t){this.$emit("frame-submit",t)}}export{m as default};

package/organisms/Frame/FrameTarget.cjs

@@ -1,72 +1,32 @@
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // packages/ui/organisms/Frame/FrameTarget.js
 var FrameTarget_exports = {};
 __export(FrameTarget_exports, {
   default: () => FrameTarget
 });
+module.exports = __toCommonJS(FrameTarget_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
 var import_primitives = require("../../primitives/index.cjs");
 var _FrameTarget = class extends import_primitives.Transition {
@@ -76,27 +36,24 @@ var _FrameTarget = class extends import_primitives.Transition {
     return options;
   }
   get id() {
-    var _a;
-    return (_a = this.$options.id) != null ? _a : this.$el.id;
+    return this.$options.id ?? this.$el.id;
   }
-  enter() {
-    return __async(this, null, function* () {
-      this.$log("enter");
-      const { enterFrom: from, enterActive: active, enterTo: to, leaveTo } = this.$options;
-      const transitionStyles = { from, active, to };
-      switch (this.$options.mode) {
-        case "append":
-        case "prepend":
-          yield 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);
-          }));
-          break;
-        case "replace":
-        default:
-          transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
-          yield (0, import_utils.transition)(this.$el, transitionStyles);
-      }
-    });
+  async enter() {
+    this.$log("enter");
+    const { enterFrom: from, enterActive: active, enterTo: to, leaveTo } = 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) => {
+          return (0, import_utils.transition)(child, transitionStyles);
+        }));
+        break;
+      case "replace":
+      default:
+        transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
+        await (0, import_utils.transition)(this.$el, transitionStyles);
+    }
   }
   updateContent(newTarget) {
     switch (this.$options.mode) {
@@ -115,20 +72,21 @@ var _FrameTarget = class extends import_primitives.Transition {
   }
 };
 var FrameTarget = _FrameTarget;
-__publicField(FrameTarget, "config", __spreadProps(__spreadValues({}, import_primitives.Transition.config), {
+__publicField(FrameTarget, "config", {
+  ...import_primitives.Transition.config,
   name: "FrameTarget",
   log: true,
-  options: __spreadProps(__spreadValues({}, import_primitives.Transition.config.options), {
+  options: {
+    ...import_primitives.Transition.config.options,
     mode: {
       type: String,
       default: "replace"
     },
     id: String
-  })
-}));
+  }
+});
 __publicField(FrameTarget, "__INSERT_MODES", {
   prepend: "afterbegin",
   append: "beforeend"
 });
-module.exports = __toCommonJS(FrameTarget_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/FrameTarget.js

@@ -1,109 +1 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-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;
-  }
-  enter() {
-    return __async(this, null, function* () {
-      this.$log("enter");
-      const { enterFrom: from, enterActive: active, enterTo: to, leaveTo } = this.$options;
-      const transitionStyles = { from, active, to };
-      switch (this.$options.mode) {
-        case "append":
-        case "prepend":
-          yield Promise.all(Array.from(this.$el.children).filter((child) => from.split(" ").every((className) => child.classList.contains(className))).map((child) => {
-            return transition(child, transitionStyles);
-          }));
-          break;
-        case "replace":
-        default:
-          transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
-          yield transition(this.$el, transitionStyles);
-      }
-    });
-  }
-  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", __spreadProps(__spreadValues({}, Transition.config), {
-  name: "FrameTarget",
-  log: true,
-  options: __spreadProps(__spreadValues({}, Transition.config.options), {
-    mode: {
-      type: String,
-      default: "replace"
-    },
-    id: String
-  })
-}));
-__publicField(FrameTarget, "__INSERT_MODES", {
-  prepend: "afterbegin",
-  append: "beforeend"
-});
-export {
-  FrameTarget as default
-};
+import{transition as s}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:a,leaveTo:p}=this.$options,i={from:e,active:t,to:a};switch(this.$options.mode){case"append":case"prepend":await Promise.all(Array.from(this.$el.children).filter(n=>e.split(" ").every(l=>n.classList.contains(l))).map(n=>s(n,i)));break;case"replace":default:i.from=Array.from(new Set([e,p].flat())).join(" "),await s(this.$el,i)}}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};

package/organisms/Frame/index.cjs

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+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/organisms/Frame/index.js
 var Frame_exports = {};
@@ -34,9 +27,9 @@ __export(Frame_exports, {
   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);
-module.exports = __toCommonJS(Frame_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/index.js

@@ -1,10 +1 @@
-import { default as default2 } from "./Frame.js";
-import { default as default3 } from "./FrameAnchor.js";
-import { default as default4 } from "./FrameForm.js";
-import { default as default5 } from "./FrameTarget.js";
-export {
-  default2 as Frame,
-  default3 as FrameAnchor,
-  default4 as FrameForm,
-  default5 as FrameTarget
-};
+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};

package/organisms/index.cjs

@@ -2,23 +2,19 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+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
 var organisms_exports = {};
-__reExport(organisms_exports, require("./Frame/index.cjs"));
 module.exports = __toCommonJS(organisms_exports);
+__reExport(organisms_exports, require("./Frame/index.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

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.2",
+  "version": "0.2.5",
   "description": "A set of opiniated, unstyled and accessible components",
   "publishConfig": {
     "access": "public"
@@ -29,8 +29,7 @@
   },
   "homepage": "https://github.com/studiometa/ui#readme",
   "dependencies": {
-    "@studiometa/js-toolkit": "^2.0.0-beta.18",
-    "deepmerge": "^4.2.2",
-    "motion": "^10.5.0"
+    "@studiometa/js-toolkit": "^2.0.0",
+    "deepmerge": "^4.2.2"
   }
 }

package/primitives/Draggable/Draggable.cjs

@@ -3,24 +3,19 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -31,16 +26,14 @@ var Draggable_exports = {};
 __export(Draggable_exports, {
   default: () => Draggable
 });
-var import_motion = require("motion");
+module.exports = __toCommonJS(Draggable_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var _Draggable = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit.Base) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "x", 0);
-    __publicField(this, "y", 0);
-    __publicField(this, "originX", 0);
-    __publicField(this, "originY", 0);
-  }
+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;
   dragged(props) {
     if (props.mode === "start") {
       this.originX = this.x;
@@ -49,16 +42,10 @@ var _Draggable = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit
     }
     this.x = this.originX + props.x - props.origin.x;
     this.y = this.originY + props.y - props.origin.y;
-    (0, import_motion.animate)(this.$el, { x: this.x, y: this.y }, _Draggable.animateOptions);
+    this.$el.style.transform = (0, import_utils.matrix)({ translateX: this.x, translateY: this.y });
   }
 };
-var Draggable = _Draggable;
 __publicField(Draggable, "config", {
   name: "DraggableElement"
 });
-__publicField(Draggable, "animateOptions", {
-  easing: "linear",
-  duration: 0
-});
-module.exports = __toCommonJS(Draggable_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/primitives/Draggable/Draggable.d.ts

@@ -5,11 +5,6 @@ export default class Draggable extends Base {
     static config: {
         name: string;
     };
-    /**
-     * Options for the animate function.
-     * @type {import('motion').AnimationListOptions}
-     */
-    static animateOptions: import('motion').AnimationListOptions;
     /**
      * Horizontal transformation.
      * @type {number}

package/primitives/Draggable/Draggable.js

@@ -1,38 +1 @@
-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 { animate } from "motion";
-import { Base, withDrag } from "@studiometa/js-toolkit";
-const _Draggable = class 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;
-    animate(this.$el, { x: this.x, y: this.y }, _Draggable.animateOptions);
-  }
-};
-let Draggable = _Draggable;
-__publicField(Draggable, "config", {
-  name: "DraggableElement"
-});
-__publicField(Draggable, "animateOptions", {
-  easing: "linear",
-  duration: 0
-});
-export {
-  Draggable as default
-};
+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};

package/primitives/Sentinel/Sentinel.cjs

@@ -3,24 +3,19 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -31,11 +26,11 @@ var Sentinel_exports = {};
 __export(Sentinel_exports, {
   default: () => Sentinel
 });
+module.exports = __toCommonJS(Sentinel_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var Sentinel = class extends (0, import_js_toolkit.withIntersectionObserver)(import_js_toolkit.Base, { threshold: [0, 1] }) {
 };
 __publicField(Sentinel, "config", {
   name: "Sentinel"
 });
-module.exports = __toCommonJS(Sentinel_exports);
 if (module.exports.default) module.exports = module.exports.default;