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

package/services/raf.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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)
@@ -25,20 +26,29 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/raf.js
 var raf_exports = {};
 __export(raf_exports, {
   default: () => useRaf
 });
-var import_Service = __toESM(require("./Service.js"), 1);
-var import_nextFrame = require("../utils/nextFrame.js");
-class Raf extends import_Service.default {
-  isTicking = false;
-  id = 0;
-  raf = (0, import_nextFrame.getRaf)();
-  cancelRaf = (0, import_nextFrame.getCancelRaf)();
-  props = {
-    time: performance.now()
-  };
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_nextFrame = require("../utils/nextFrame.cjs");
+var Raf = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isTicking", false);
+    __publicField(this, "id", 0);
+    __publicField(this, "raf", (0, import_nextFrame.getRaf)());
+    __publicField(this, "cancelRaf", (0, import_nextFrame.getCancelRaf)());
+    __publicField(this, "props", {
+      time: performance.now()
+    });
+  }
   init() {
     this.isTicking = true;
     this.loop();
@@ -59,9 +69,9 @@ class Raf extends import_Service.default {
     this.props.time = window.performance.now();
     return this.props;
   }
-}
-let instance;
-let raf;
+};
+var instance;
+var raf;
 function useRaf() {
   if (!raf) {
     if (!instance) {
@@ -77,3 +87,4 @@ function useRaf() {
   return raf;
 }
 module.exports = __toCommonJS(raf_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/raf.js

@@ -1,13 +1,22 @@
+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 Service from "./Service.js";
 import { getRaf, getCancelRaf } from "../utils/nextFrame.js";
 class Raf extends Service {
-  isTicking = false;
-  id = 0;
-  raf = getRaf();
-  cancelRaf = getCancelRaf();
-  props = {
-    time: performance.now()
-  };
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isTicking", false);
+    __publicField(this, "id", 0);
+    __publicField(this, "raf", getRaf());
+    __publicField(this, "cancelRaf", getCancelRaf());
+    __publicField(this, "props", {
+      time: performance.now()
+    });
+  }
   init() {
     this.isTicking = true;
     this.loop();

package/services/resize.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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)
@@ -25,20 +26,29 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/resize.js
 var resize_exports = {};
 __export(resize_exports, {
   default: () => useResize
 });
-var import_Service = __toESM(require("./Service.js"), 1);
-var import_debounce = __toESM(require("../utils/debounce.js"), 1);
-class Resize extends import_Service.default {
-  props = {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    ratio: window.innerWidth / window.innerHeight,
-    orientation: "square"
-  };
-  handler;
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
+var Resize = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: "square"
+    });
+    __publicField(this, "handler");
+  }
   init() {
     this.handler = (0, import_debounce.default)(() => {
       this.updateProps();
@@ -80,9 +90,9 @@ class Resize extends import_Service.default {
     const breakpoints = window.getComputedStyle(this.breakpointElement, "::after").getPropertyValue("content").replace(/"/g, "");
     return breakpoints.split(",");
   }
-}
-let instance;
-let resize;
+};
+var instance;
+var resize;
 function useResize() {
   if (!resize) {
     if (!instance) {
@@ -102,3 +112,4 @@ function useResize() {
   return resize;
 }
 module.exports = __toCommonJS(resize_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/resize.js

@@ -1,13 +1,22 @@
+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 Service from "./Service.js";
 import debounce from "../utils/debounce.js";
 class Resize extends Service {
-  props = {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    ratio: window.innerWidth / window.innerHeight,
-    orientation: "square"
-  };
-  handler;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: "square"
+    });
+    __publicField(this, "handler");
+  }
   init() {
     this.handler = debounce(() => {
       this.updateProps();

package/services/scroll.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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)
@@ -25,41 +26,50 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/services/scroll.js
 var scroll_exports = {};
 __export(scroll_exports, {
   default: () => useScroll
 });
-var import_Service = __toESM(require("./Service.js"), 1);
-var import_debounce = __toESM(require("../utils/debounce.js"), 1);
-class Scroll extends import_Service.default {
-  props = {
-    x: window.pageXOffset,
-    y: window.pageYOffset,
-    changed: {
-      x: false,
-      y: false
-    },
-    last: {
+var import_Service = __toESM(require("./Service.cjs"), 1);
+var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
+var Scroll = class extends import_Service.default {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
       x: window.pageXOffset,
-      y: window.pageYOffset
-    },
-    delta: {
-      x: 0,
-      y: 0
-    },
-    max: {
-      x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-      y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
-    },
-    progress: {
-      x: 0,
-      y: 0
-    },
-    direction: {
-      x: "NONE",
-      y: "NONE"
-    }
-  };
+      y: window.pageYOffset,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.pageXOffset,
+        y: window.pageYOffset
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      max: {
+        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
+        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      direction: {
+        x: "NONE",
+        y: "NONE"
+      }
+    });
+  }
   init() {
     this.updateProps();
     document.addEventListener("scroll", this, { passive: true, capture: true });
@@ -107,9 +117,9 @@ class Scroll extends import_Service.default {
     this.props.direction.y = this.props.y > yLast ? "DOWN" : this.props.y < yLast ? "UP" : "NONE";
     return this.props;
   }
-}
-let instance;
-let scroll;
+};
+var instance;
+var scroll;
 function useScroll() {
   if (!scroll) {
     if (!instance) {
@@ -125,3 +135,4 @@ function useScroll() {
   return scroll;
 }
 module.exports = __toCommonJS(scroll_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/scroll.js

@@ -1,34 +1,43 @@
+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 Service from "./Service.js";
 import debounce from "../utils/debounce.js";
 class Scroll extends Service {
-  props = {
-    x: window.pageXOffset,
-    y: window.pageYOffset,
-    changed: {
-      x: false,
-      y: false
-    },
-    last: {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "props", {
       x: window.pageXOffset,
-      y: window.pageYOffset
-    },
-    delta: {
-      x: 0,
-      y: 0
-    },
-    max: {
-      x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-      y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
-    },
-    progress: {
-      x: 0,
-      y: 0
-    },
-    direction: {
-      x: "NONE",
-      y: "NONE"
-    }
-  };
+      y: window.pageYOffset,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.pageXOffset,
+        y: window.pageYOffset
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      max: {
+        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
+        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      direction: {
+        x: "NONE",
+        y: "NONE"
+      }
+    });
+  }
   init() {
     this.updateProps();
     document.addEventListener("scroll", this, { passive: true, capture: true });

package/utils/collide/boundingRectToCircle.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/boundingRectToCircle.js
 var boundingRectToCircle_exports = {};
 __export(boundingRectToCircle_exports, {
   default: () => boundingRectToCircle
@@ -34,3 +36,4 @@ function boundingRectToCircle({ x, y, width, height }, force = false) {
   };
 }
 module.exports = __toCommonJS(boundingRectToCircle_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collideCircleCircle.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/collideCircleCircle.js
 var collideCircleCircle_exports = {};
 __export(collideCircleCircle_exports, {
   default: () => collideCircleCircle
@@ -34,3 +36,4 @@ function collideCircleCircle(circle1, circle2) {
   return false;
 }
 module.exports = __toCommonJS(collideCircleCircle_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collideCircleRect.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/collideCircleRect.js
 var collideCircleRect_exports = {};
 __export(collideCircleRect_exports, {
   default: () => collideCircleRect
@@ -46,3 +48,4 @@ function collideCircleRect(circle, rect) {
   return false;
 }
 module.exports = __toCommonJS(collideCircleRect_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collidePointCircle.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/collidePointCircle.js
 var collidePointCircle_exports = {};
 __export(collidePointCircle_exports, {
   default: () => collidePointCircle
@@ -31,3 +33,4 @@ function collidePointCircle(point, circle) {
   return distance <= circle.radius;
 }
 module.exports = __toCommonJS(collidePointCircle_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collidePointRect.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/collidePointRect.js
 var collidePointRect_exports = {};
 __export(collidePointRect_exports, {
   default: () => collidePointRect
@@ -28,3 +30,4 @@ 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);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collideRectRect.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/collideRectRect.js
 var collideRectRect_exports = {};
 __export(collideRectRect_exports, {
   default: () => collideRectRect
@@ -28,3 +30,4 @@ 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);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/index.cjs

@@ -25,6 +25,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/collide/index.js
 var collide_exports = {};
 __export(collide_exports, {
   boundingRectToCircle: () => import_boundingRectToCircle.default,
@@ -34,10 +36,11 @@ __export(collide_exports, {
   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);
+var import_boundingRectToCircle = __toESM(require("./boundingRectToCircle.cjs"), 1);
+var import_collideCircleCircle = __toESM(require("./collideCircleCircle.cjs"), 1);
+var import_collideCircleRect = __toESM(require("./collideCircleRect.cjs"), 1);
+var import_collidePointCircle = __toESM(require("./collidePointCircle.cjs"), 1);
+var import_collidePointRect = __toESM(require("./collidePointRect.cjs"), 1);
+var import_collideRectRect = __toESM(require("./collideRectRect.cjs"), 1);
 module.exports = __toCommonJS(collide_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/classes.cjs

@@ -20,6 +20,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/css/classes.js
 var classes_exports = {};
 __export(classes_exports, {
   add: () => add,
@@ -44,3 +46,4 @@ function toggle(element, classNames) {
   setClasses(element, classNames, "toggle");
 }
 module.exports = __toCommonJS(classes_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/index.cjs

@@ -25,6 +25,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/css/index.js
 var css_exports = {};
 __export(css_exports, {
   classes: () => classes,
@@ -32,8 +34,9 @@ __export(css_exports, {
   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);
+var classes = __toESM(require("./classes.cjs"), 1);
+var styles = __toESM(require("./styles.cjs"), 1);
+var import_matrix = __toESM(require("./matrix.cjs"), 1);
+var import_transition = __toESM(require("./transition.cjs"), 1);
 module.exports = __toCommonJS(css_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/matrix.cjs

@@ -20,12 +20,16 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/css/matrix.js
 var matrix_exports = {};
 __export(matrix_exports, {
   default: () => matrix
 });
 function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
   transform = transform || {};
-  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+  return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
 }
 module.exports = __toCommonJS(matrix_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/matrix.js

@@ -1,6 +1,7 @@
 function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
   transform = transform || {};
-  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+  return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
 }
 export {
   matrix as default

package/utils/css/styles.cjs

@@ -25,13 +25,15 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/utils/css/styles.js
 var styles_exports = {};
 __export(styles_exports, {
   add: () => add,
   default: () => setStyles,
   remove: () => remove
 });
-var import_isObject = __toESM(require("../object/isObject.js"), 1);
+var import_isObject = __toESM(require("../object/isObject.cjs"), 1);
 function setStyles(element, styles, method = "add") {
   if (!element || !styles || !(0, import_isObject.default)(styles)) {
     return;
@@ -47,3 +49,4 @@ function remove(element, styles) {
   setStyles(element, styles, "remove");
 }
 module.exports = __toCommonJS(styles_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/transition.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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)
@@ -25,19 +26,25 @@ var __toCommonJS = /* @__PURE__ */ ((cache2) => {
     return cache2 && cache2.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache2 && cache2.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/utils/css/transition.js
 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;
+var import_nextFrame = __toESM(require("../nextFrame.cjs"), 1);
+var classes = __toESM(require("./classes.cjs"), 1);
+var styles = __toESM(require("./styles.cjs"), 1);
+var cache = /* @__PURE__ */ new WeakMap();
+var Transition = class {
   constructor(element) {
+    __publicField(this, "isTransitioning", false);
+    __publicField(this, "transitionEndHandler", null);
     cache.set(element, this);
   }
   static getInstance(element) {
@@ -47,7 +54,7 @@ class Transition {
     }
     return instance;
   }
-}
+};
 function setClassesOrStyles(element, classesOrStyles, method = "add") {
   if (typeof classesOrStyles === "string") {
     classes[method](element, classesOrStyles, method);
@@ -117,3 +124,4 @@ async function transition(element, name, endMode = "remove") {
   return Promise.resolve();
 }
 module.exports = __toCommonJS(transition_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/transition.js

@@ -1,11 +1,17 @@
+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 nextFrame from "../nextFrame.js";
 import * as classes from "./classes.js";
 import * as styles from "./styles.js";
 const cache = /* @__PURE__ */ new WeakMap();
 class Transition {
-  isTransitioning = false;
-  transitionEndHandler = null;
   constructor(element) {
+    __publicField(this, "isTransitioning", false);
+    __publicField(this, "transitionEndHandler", null);
     cache.set(element, this);
   }
   static getInstance(element) {