@studiometa/js-toolkit 2.0.0-beta.0 → 2.0.0-beta.12

package/utils/collide/collideCircleRect.js

@@ -1,26 +1,24 @@
-export default function collideCircleRect(circle, rect) {
-  var testX = circle.x;
-  var testY = circle.y;
-
+function collideCircleRect(circle, rect) {
+  let testX = circle.x;
+  let testY = circle.y;
   if (circle.x < rect.x) {
     testX = rect.x;
   } else if (circle.x > rect.x + rect.width) {
     testX = rect.x + rect.width;
   }
-
   if (circle.y < rect.y) {
     testY = rect.y;
   } else if (circle.y > rect.y + rect.height) {
     testY = rect.y + rect.height;
   }
-
-  var distX = circle.x - testX;
-  var distY = circle.y - testY;
-  var distance = Math.sqrt(distX * distX + distY * distY);
-
+  const distX = circle.x - testX;
+  const distY = circle.y - testY;
+  const distance = Math.sqrt(distX * distX + distY * distY);
   if (distance <= circle.radius) {
     return true;
   }
-
   return false;
-}
+}
+export {
+  collideCircleRect as default
+};

package/utils/collide/collidePointCircle.cjs

@@ -0,0 +1,33 @@
+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 __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 });
+  }
+  return target;
+};
+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 collidePointCircle_exports = {};
+__export(collidePointCircle_exports, {
+  default: () => collidePointCircle
+});
+function collidePointCircle(point, circle) {
+  const distX = point.x - circle.x;
+  const distY = point.y - circle.y;
+  const distance = Math.sqrt(distX * distX + distY * distY);
+  return distance <= circle.radius;
+}
+module.exports = __toCommonJS(collidePointCircle_exports);

package/utils/collide/collidePointCircle.js

@@ -1,6 +1,9 @@
-export default function collidePointCircle(point, circle) {
-  var distX = point.x - circle.x;
-  var distY = point.y - circle.y;
-  var distance = Math.sqrt(distX * distX + distY * distY);
+function collidePointCircle(point, circle) {
+  const distX = point.x - circle.x;
+  const distY = point.y - circle.y;
+  const distance = Math.sqrt(distX * distX + distY * distY);
   return distance <= circle.radius;
-}
+}
+export {
+  collidePointCircle as default
+};

package/utils/collide/collidePointRect.cjs

@@ -0,0 +1,30 @@
+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 __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 });
+  }
+  return target;
+};
+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 collidePointRect_exports = {};
+__export(collidePointRect_exports, {
+  default: () => collidePointRect
+});
+function collidePointRect(point, rect) {
+  return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
+}
+module.exports = __toCommonJS(collidePointRect_exports);

package/utils/collide/collidePointRect.js

@@ -1,3 +1,6 @@
-export default function collidePointRect(point, rect) {
+function collidePointRect(point, rect) {
   return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
-}
+}
+export {
+  collidePointRect as default
+};

package/utils/collide/collideRectRect.cjs

@@ -0,0 +1,30 @@
+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 __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 });
+  }
+  return target;
+};
+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 collideRectRect_exports = {};
+__export(collideRectRect_exports, {
+  default: () => collideRectRect
+});
+function collideRectRect(rect1, rect2) {
+  return rect1.x + rect1.width >= rect2.x && rect1.x <= rect2.x + rect2.width && rect1.y + rect1.height >= rect2.y && rect1.y <= rect2.y + rect2.height;
+}
+module.exports = __toCommonJS(collideRectRect_exports);

package/utils/collide/collideRectRect.js

@@ -1,3 +1,6 @@
-export default function collideRectRect(rect1, rect2) {
+function collideRectRect(rect1, rect2) {
   return rect1.x + rect1.width >= rect2.x && rect1.x <= rect2.x + rect2.width && rect1.y + rect1.height >= rect2.y && rect1.y <= rect2.y + rect2.height;
-}
+}
+export {
+  collideRectRect as default
+};

package/utils/collide/index.cjs

@@ -0,0 +1,43 @@
+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 __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 });
+  }
+  return target;
+};
+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 collide_exports = {};
+__export(collide_exports, {
+  boundingRectToCircle: () => import_boundingRectToCircle.default,
+  collideCircleCircle: () => import_collideCircleCircle.default,
+  collideCircleRect: () => import_collideCircleRect.default,
+  collidePointCircle: () => import_collidePointCircle.default,
+  collidePointRect: () => import_collidePointRect.default,
+  collideRectRect: () => import_collideRectRect.default
+});
+var import_boundingRectToCircle = __toESM(require("./boundingRectToCircle.js"), 1);
+var import_collideCircleCircle = __toESM(require("./collideCircleCircle.js"), 1);
+var import_collideCircleRect = __toESM(require("./collideCircleRect.js"), 1);
+var import_collidePointCircle = __toESM(require("./collidePointCircle.js"), 1);
+var import_collidePointRect = __toESM(require("./collidePointRect.js"), 1);
+var import_collideRectRect = __toESM(require("./collideRectRect.js"), 1);
+module.exports = __toCommonJS(collide_exports);

package/utils/collide/index.d.ts

@@ -1,7 +1,6 @@
-import boundingRectToCircle from "./boundingRectToCircle.js";
-import collideCircleCircle from "./collideCircleCircle.js";
-import collideCircleRect from "./collideCircleRect.js";
-import collidePointCircle from "./collidePointCircle.js";
-import collidePointRect from "./collidePointRect.js";
-import collideRectRect from "./collideRectRect.js";
-export { boundingRectToCircle, collideCircleCircle, collideCircleRect, collidePointCircle, collidePointRect, collideRectRect };
+export { default as boundingRectToCircle } from "./boundingRectToCircle.js";
+export { default as collideCircleCircle } from "./collideCircleCircle.js";
+export { default as collideCircleRect } from "./collideCircleRect.js";
+export { default as collidePointCircle } from "./collidePointCircle.js";
+export { default as collidePointRect } from "./collidePointRect.js";
+export { default as collideRectRect } from "./collideRectRect.js";

package/utils/collide/index.js

@@ -1,7 +1,14 @@
-import boundingRectToCircle from './boundingRectToCircle.js';
-import collideCircleCircle from './collideCircleCircle.js';
-import collideCircleRect from './collideCircleRect.js';
-import collidePointCircle from './collidePointCircle.js';
-import collidePointRect from './collidePointRect.js';
-import collideRectRect from './collideRectRect.js';
-export { boundingRectToCircle, collideCircleCircle, collideCircleRect, collidePointCircle, collidePointRect, collideRectRect };
+import { default as default2 } from "./boundingRectToCircle.js";
+import { default as default3 } from "./collideCircleCircle.js";
+import { default as default4 } from "./collideCircleRect.js";
+import { default as default5 } from "./collidePointCircle.js";
+import { default as default6 } from "./collidePointRect.js";
+import { default as default7 } from "./collideRectRect.js";
+export {
+  default2 as boundingRectToCircle,
+  default3 as collideCircleCircle,
+  default4 as collideCircleRect,
+  default5 as collidePointCircle,
+  default6 as collidePointRect,
+  default7 as collideRectRect
+};

package/utils/css/classes.cjs

@@ -0,0 +1,46 @@
+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 __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 });
+  }
+  return target;
+};
+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 classes_exports = {};
+__export(classes_exports, {
+  add: () => add,
+  remove: () => remove,
+  toggle: () => toggle
+});
+function setClasses(element, classNames, method = "add") {
+  if (!element || !classNames) {
+    return;
+  }
+  classNames.split(" ").forEach((className) => {
+    element.classList[method](className);
+  });
+}
+function add(element, classNames) {
+  setClasses(element, classNames);
+}
+function remove(element, classNames) {
+  setClasses(element, classNames, "remove");
+}
+function toggle(element, classNames) {
+  setClasses(element, classNames, "toggle");
+}
+module.exports = __toCommonJS(classes_exports);

package/utils/css/classes.js

@@ -1,21 +1,22 @@
-function setClasses(element, classNames) {
-  var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'add';
-
+function setClasses(element, classNames, method = "add") {
   if (!element || !classNames) {
     return;
   }
-
-  classNames.split(' ').forEach(className => {
+  classNames.split(" ").forEach((className) => {
     element.classList[method](className);
   });
 }
-
-export function add(element, classNames) {
+function add(element, classNames) {
   setClasses(element, classNames);
 }
-export function remove(element, classNames) {
-  setClasses(element, classNames, 'remove');
+function remove(element, classNames) {
+  setClasses(element, classNames, "remove");
 }
-export function toggle(element, classNames) {
-  setClasses(element, classNames, 'toggle');
-}
+function toggle(element, classNames) {
+  setClasses(element, classNames, "toggle");
+}
+export {
+  add,
+  remove,
+  toggle
+};

package/utils/css/index.cjs

@@ -0,0 +1,39 @@
+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 __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 });
+  }
+  return target;
+};
+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 css_exports = {};
+__export(css_exports, {
+  classes: () => classes,
+  matrix: () => import_matrix.default,
+  styles: () => styles,
+  transition: () => import_transition.default
+});
+var classes = __toESM(require("./classes.js"), 1);
+var styles = __toESM(require("./styles.js"), 1);
+var import_matrix = __toESM(require("./matrix.js"), 1);
+var import_transition = __toESM(require("./transition.js"), 1);
+module.exports = __toCommonJS(css_exports);

package/utils/css/index.d.ts

@@ -1,5 +1,4 @@
-import * as classes from "./classes.js";
-import * as styles from "./styles.js";
-import matrix from "./matrix.js";
-import transition from "./transition.js";
-export { classes, styles, matrix, transition };
+export * as classes from "./classes.js";
+export * as styles from "./styles.js";
+export { default as matrix } from "./matrix.js";
+export { default as transition } from "./transition.js";

package/utils/css/index.js

@@ -1,5 +1,10 @@
-import * as classes from './classes.js';
-import * as styles from './styles.js';
-import matrix from './matrix.js';
-import transition from './transition.js';
-export { classes, styles, matrix, transition };
+import * as classes from "./classes.js";
+import * as styles from "./styles.js";
+import { default as default2 } from "./matrix.js";
+import { default as default3 } from "./transition.js";
+export {
+  classes,
+  default2 as matrix,
+  styles,
+  default3 as transition
+};

package/utils/css/matrix.cjs

@@ -0,0 +1,31 @@
+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 __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 });
+  }
+  return target;
+};
+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 matrix_exports = {};
+__export(matrix_exports, {
+  default: () => matrix
+});
+function matrix(transform) {
+  transform = transform || {};
+  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+}
+module.exports = __toCommonJS(matrix_exports);

package/utils/css/matrix.js

@@ -1,6 +1,7 @@
-export default function matrix(transform) {
-  var _transform$scaleX, _transform$skewY, _transform$skewX, _transform$scaleY, _transform$translateX, _transform$translateY;
-
+function matrix(transform) {
   transform = transform || {};
-  return "matrix(".concat((_transform$scaleX = transform.scaleX) !== null && _transform$scaleX !== void 0 ? _transform$scaleX : 1, ", ").concat((_transform$skewY = transform.skewY) !== null && _transform$skewY !== void 0 ? _transform$skewY : 0, ", ").concat((_transform$skewX = transform.skewX) !== null && _transform$skewX !== void 0 ? _transform$skewX : 0, ", ").concat((_transform$scaleY = transform.scaleY) !== null && _transform$scaleY !== void 0 ? _transform$scaleY : 1, ", ").concat((_transform$translateX = transform.translateX) !== null && _transform$translateX !== void 0 ? _transform$translateX : 0, ", ").concat((_transform$translateY = transform.translateY) !== null && _transform$translateY !== void 0 ? _transform$translateY : 0, ")");
-}
+  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+}
+export {
+  matrix as default
+};

package/utils/css/styles.cjs

@@ -0,0 +1,49 @@
+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 __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 });
+  }
+  return target;
+};
+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 styles_exports = {};
+__export(styles_exports, {
+  add: () => add,
+  default: () => setStyles,
+  remove: () => remove
+});
+var import_isObject = __toESM(require("../object/isObject.js"), 1);
+function setStyles(element, styles, method = "add") {
+  if (!element || !styles || !(0, import_isObject.default)(styles)) {
+    return;
+  }
+  Object.entries(styles).forEach(([prop, value]) => {
+    element.style[prop] = method === "add" ? value : "";
+  });
+}
+function add(element, styles) {
+  setStyles(element, styles);
+}
+function remove(element, styles) {
+  setStyles(element, styles, "remove");
+}
+module.exports = __toCommonJS(styles_exports);

package/utils/css/styles.js

@@ -1,19 +1,20 @@
-import isObject from '../object/isObject.js';
-export default function setStyles(element, styles) {
-  var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'add';
-
+import isObject from "../object/isObject.js";
+function setStyles(element, styles, method = "add") {
   if (!element || !styles || !isObject(styles)) {
     return;
   }
-
-  Object.entries(styles).forEach(_ref => {
-    var [prop, value] = _ref;
-    element.style[prop] = method === 'add' ? value : '';
+  Object.entries(styles).forEach(([prop, value]) => {
+    element.style[prop] = method === "add" ? value : "";
   });
 }
-export function add(element, styles) {
+function add(element, styles) {
   setStyles(element, styles);
 }
-export function remove(element, styles) {
-  setStyles(element, styles, 'remove');
-}
+function remove(element, styles) {
+  setStyles(element, styles, "remove");
+}
+export {
+  add,
+  setStyles as default,
+  remove
+};

package/utils/css/transition.cjs

@@ -0,0 +1,119 @@
+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 __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 });
+  }
+  return target;
+};
+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__ */ ((cache2) => {
+  return (module2, temp) => {
+    return cache2 && cache2.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache2 && cache2.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var transition_exports = {};
+__export(transition_exports, {
+  default: () => transition,
+  setClassesOrStyles: () => setClassesOrStyles
+});
+var import_nextFrame = __toESM(require("../nextFrame.js"), 1);
+var classes = __toESM(require("./classes.js"), 1);
+var styles = __toESM(require("./styles.js"), 1);
+const cache = /* @__PURE__ */ new WeakMap();
+class Transition {
+  isTransitioning = false;
+  transitionEndHandler = null;
+  constructor(element) {
+    cache.set(element, this);
+  }
+  static getInstance(element) {
+    let instance = cache.get(element);
+    if (!instance) {
+      instance = new this(element);
+    }
+    return instance;
+  }
+}
+function setClassesOrStyles(element, classesOrStyles, method = "add") {
+  if (typeof classesOrStyles === "string") {
+    classes[method](element, classesOrStyles, method);
+  } else {
+    styles[method](element, classesOrStyles, method);
+  }
+}
+function testTransition(element) {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  const { transitionDuration } = window.getComputedStyle(element);
+  return !!transitionDuration && transitionDuration !== "0s";
+}
+async function start(element, classesOrStyles) {
+  const trs = Transition.getInstance(element);
+  trs.isTransitioning = true;
+  setClassesOrStyles(element, classesOrStyles.from);
+  await (0, import_nextFrame.default)();
+  setClassesOrStyles(element, classesOrStyles.active);
+  await (0, import_nextFrame.default)();
+}
+async function next(element, classesOrStyles) {
+  const hasTransition = testTransition(element);
+  return new Promise(async (resolve) => {
+    if (hasTransition) {
+      const trs = Transition.getInstance(element);
+      trs.transitionEndHandler = resolve;
+      element.addEventListener("transitionend", trs.transitionEndHandler, false);
+    }
+    setClassesOrStyles(element, classesOrStyles.from, "remove");
+    setClassesOrStyles(element, classesOrStyles.to);
+    await (0, import_nextFrame.default)();
+    if (!hasTransition) {
+      resolve();
+    }
+  });
+}
+function end(element, classesOrStyles, mode = "remove") {
+  const trs = Transition.getInstance(element);
+  element.removeEventListener("transitionend", trs.transitionEndHandler, false);
+  if (mode === "remove") {
+    setClassesOrStyles(element, classesOrStyles.to, "remove");
+  }
+  setClassesOrStyles(element, classesOrStyles.active, "remove");
+  trs.isTransitioning = false;
+  trs.transitionEndHandler = null;
+}
+async function transition(element, name, endMode = "remove") {
+  const classesOrStyles = typeof name === "string" ? {
+    from: `${name}-from`,
+    active: `${name}-active`,
+    to: `${name}-to`
+  } : {
+    from: "",
+    active: "",
+    to: "",
+    ...name
+  };
+  const trs = Transition.getInstance(element);
+  if (trs.isTransitioning) {
+    end(element, classesOrStyles);
+  }
+  await start(element, classesOrStyles);
+  await next(element, classesOrStyles);
+  end(element, classesOrStyles, endMode);
+  return Promise.resolve();
+}
+module.exports = __toCommonJS(transition_exports);