@studiometa/js-toolkit 2.0.0-beta.9 → 2.0.0

package/utils/collide/collidePointCircle.cjs

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/collide/collidePointCircle.js
+var collidePointCircle_exports = {};
+__export(collidePointCircle_exports, {
+  default: () => collidePointCircle
+});
+module.exports = __toCommonJS(collidePointCircle_exports);
+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;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collidePointCircle.d.ts

@@ -1,13 +1,13 @@
 /**
  * @typedef {Object} Point
- * @property {Number} x Point's x position
- * @property {Number} y Point's y position
+ * @property {number} x Point's x position
+ * @property {number} y Point's y position
  */
 /**
  * @typedef {Object} Circle
- * @property {Number} x Circle's x position
- * @property {Number} y Circle's y position
- * @property {Number} radius Circle's radius
+ * @property {number} x Circle's x position
+ * @property {number} y Circle's y position
+ * @property {number} radius Circle's radius
  */
 /**
  * Test if a point is inside a circle.
@@ -15,7 +15,7 @@
  *
  * @param {Point} point Point
  * @param {Circle} circle Circle
- * @return {boolean} Is the point inside the circle's bounds ?
+ * @returns {boolean} Is the point inside the circle's bounds ?
  */
 export default function collidePointCircle(point: Point, circle: Circle): boolean;
 export type Point = {

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,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/collide/collidePointRect.js
+var collidePointRect_exports = {};
+__export(collidePointRect_exports, {
+  default: () => collidePointRect
+});
+module.exports = __toCommonJS(collidePointRect_exports);
+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;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collidePointRect.d.ts

@@ -1,14 +1,14 @@
 /**
  * @typedef {Object} Point
- * @property {Number} x Point's x position
- * @property {Number} y Point's y position
+ * @property {number} x Point's x position
+ * @property {number} y Point's y position
  */
 /**
  * @typedef {Object} Rect
- * @property {Number} x Rectangle's x position
- * @property {Number} y Rectangle's y position
- * @property {Number} width Rectangle's width
- * @property {Number} height Rectangle's height
+ * @property {number} x Rectangle's x position
+ * @property {number} y Rectangle's y position
+ * @property {number} width Rectangle's width
+ * @property {number} height Rectangle's height
  */
 /**
  * Test if a point collides with a rectangle.
@@ -16,7 +16,7 @@
  *
  * @param {Point} point Point
  * @param {Rect} rect Rectangle
- * @return {boolean} Is the point inside the rectangle's bounds ?
+ * @returns {boolean} Is the point inside the rectangle's bounds ?
  */
 export default function collidePointRect(point: Point, rect: Rect): boolean;
 export type Point = {

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,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/collide/collideRectRect.js
+var collideRectRect_exports = {};
+__export(collideRectRect_exports, {
+  default: () => collideRectRect
+});
+module.exports = __toCommonJS(collideRectRect_exports);
+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;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/collideRectRect.d.ts

@@ -1,9 +1,9 @@
 /**
  * @typedef {Object} Rect
- * @property {Number} x Rectangle's x position
- * @property {Number} y Rectangle's y position
- * @property {Number} width Rectangle's width
- * @property {Number} height Rectangle's height
+ * @property {number} x Rectangle's x position
+ * @property {number} y Rectangle's y position
+ * @property {number} width Rectangle's width
+ * @property {number} height Rectangle's height
  */
 /**
  * Test if a rectangle collides with another rectangle.
@@ -11,7 +11,7 @@
  *
  * @param {Rect} rect1 Rectangle 1
  * @param {Rect} rect2 Rectangle 2
- * @return {boolean} Are the sides of one rectangle touching the other ?
+ * @returns {boolean} Are the sides of one rectangle touching the other ?
  */
 export default function collideRectRect(rect1: Rect, rect2: Rect): boolean;
 export type Rect = {

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,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 __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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/collide/index.js
+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
+});
+module.exports = __toCommonJS(collide_exports);
+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);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/collide/index.js

@@ -1,6 +1,14 @@
-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';
+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,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/css/classes.js
+var classes_exports = {};
+__export(classes_exports, {
+  add: () => add,
+  remove: () => remove,
+  toggle: () => toggle
+});
+module.exports = __toCommonJS(classes_exports);
+function setClasses(element, classNames, method, forceToggle) {
+  if (!element || !classNames) {
+    return;
+  }
+  const normalizedClassNames = Array.isArray(classNames) ? classNames : classNames.split(" ");
+  if (method !== "toggle") {
+    element.classList[method](...normalizedClassNames);
+  } else {
+    normalizedClassNames.forEach((className) => element.classList[method](className, forceToggle));
+  }
+}
+function add(element, classNames) {
+  setClasses(element, classNames, "add");
+}
+function remove(element, classNames) {
+  setClasses(element, classNames, "remove");
+}
+function toggle(element, classNames, force) {
+  setClasses(element, classNames, "toggle", force);
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/classes.d.ts

@@ -1,24 +1,25 @@
 /**
  * Add class names to an element.
  *
- * @param {HTMLElement} element    The element to update.
- * @param {String}      classNames A string of class names.
- * @return {void}
+ * @param   {HTMLElement}     element    The element to update.
+ * @param   {string|string[]} classNames A string of class names.
+ * @returns {void}
  */
-export function add(element: HTMLElement, classNames: string): void;
+export function add(element: HTMLElement, classNames: string | string[]): void;
 /**
  * Remove class names from an element.
  *
- * @param  {HTMLElement} element    The element to update.
- * @param  {String}      classNames A string of class names.
- * @return {void}
+ * @param   {HTMLElement}     element    The element to update.
+ * @param   {string|string[]} classNames A string of class names.
+ * @returns {void}
  */
-export function remove(element: HTMLElement, classNames: string): void;
+export function remove(element: HTMLElement, classNames: string | string[]): void;
 /**
  * Toggle class names from an element.
  *
- * @param  {HTMLElement} element    The element to update.
- * @param  {String}      classNames A string of class names.
- * @return {void}
+ * @param   {HTMLElement}     element    The element to update.
+ * @param   {string|string[]} classNames A string of class names.
+ * @param   {boolean}         [force]    Force toggle?
+ * @returns {void}
  */
-export function toggle(element: HTMLElement, classNames: string): void;
+export function toggle(element: HTMLElement, classNames: string | string[], force?: boolean): void;

package/utils/css/classes.js

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

package/utils/css/index.cjs

@@ -0,0 +1,38 @@
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/css/index.js
+var css_exports = {};
+__export(css_exports, {
+  addClass: () => import_classes.add,
+  addStyle: () => import_styles.add,
+  matrix: () => import_matrix.default,
+  removeClass: () => import_classes.remove,
+  removeStyle: () => import_styles.remove,
+  toggleClass: () => import_classes.toggle,
+  transition: () => import_transition.default
+});
+module.exports = __toCommonJS(css_exports);
+var import_classes = require("./classes.cjs");
+var import_styles = require("./styles.cjs");
+var import_matrix = __toESM(require("./matrix.cjs"), 1);
+var import_transition = __toESM(require("./transition.cjs"), 1);
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/index.d.ts

@@ -1,4 +1,4 @@
-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";
+export { add as addClass, remove as removeClass, toggle as toggleClass } from "./classes.js";
+export { add as addStyle, remove as removeStyle } from "./styles.js";

package/utils/css/index.js

@@ -1,6 +1,13 @@
-import * as _classes from './classes.js';
-export { _classes as classes };
-import * as _styles from './styles.js';
-export { _styles as styles };
-export { default as matrix } from './matrix.js';
-export { default as transition } from './transition.js';
+import { add, remove, toggle } from "./classes.js";
+import { add as add2, remove as remove2 } from "./styles.js";
+import { default as default2 } from "./matrix.js";
+import { default as default3 } from "./transition.js";
+export {
+  add as addClass,
+  add2 as addStyle,
+  default2 as matrix,
+  remove as removeClass,
+  remove2 as removeStyle,
+  toggle as toggleClass,
+  default3 as transition
+};

package/utils/css/matrix.cjs

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/css/matrix.js
+var matrix_exports = {};
+__export(matrix_exports, {
+  default: () => matrix
+});
+module.exports = __toCommonJS(matrix_exports);
+function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
+  transform = transform || {};
+  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})`;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/matrix.d.ts

@@ -1,15 +1,14 @@
 /**
  * Format a CSS transform matrix with the given values.
  *
- * @param  {Object}  transform
- * @param  {Number=} [transform.scaleX=1]     The scale on the x axis.
- * @param  {Number=} [transform.scaleY=1]     The scale on the y axis.
- * @param  {Number=} [transform.skewX=0]      The skew on the x axis.
- * @param  {Number=} [transform.skewY=0]      The skew on the y axis.
- * @param  {Number=} [transform.translateX=0] The translate on the x axis.
- * @param  {Number=} [transform.translateY=0] The translate on the y axis.
- * @return {String}                           A formatted CSS matrix transform.
- *
+ * @param   {Object} transform
+ * @param   {number} [transform.scaleX=1]     The scale on the x axis.
+ * @param   {number} [transform.scaleY=1]     The scale on the y axis.
+ * @param   {number} [transform.skewX=0]      The skew on the x axis.
+ * @param   {number} [transform.skewY=0]      The skew on the y axis.
+ * @param   {number} [transform.translateX=0] The translate on the x axis.
+ * @param   {number} [transform.translateY=0] The translate on the y axis.
+ * @returns {string}                           A formatted CSS matrix transform.
  * @example
  * ```js
  * matrix({ scaleX: 0.5, scaleY: 0.5 });
@@ -17,10 +16,10 @@
  * ```
  */
 export default function matrix(transform: {
-    scaleX?: number | undefined;
-    scaleY?: number | undefined;
-    skewX?: number | undefined;
-    skewY?: number | undefined;
-    translateX?: number | undefined;
-    translateY?: number | undefined;
+    scaleX?: number;
+    scaleY?: number;
+    skewX?: number;
+    skewY?: number;
+    translateX?: number;
+    translateY?: number;
 }): string;

package/utils/css/matrix.js

@@ -1,6 +1,8 @@
-export default function matrix(transform) {
-  var _transform$scaleX, _transform$skewY, _transform$skewX, _transform$scaleY, _transform$translateX, _transform$translateY;
-
+function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
   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(${(_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

@@ -0,0 +1,44 @@
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/utils/css/styles.js
+var styles_exports = {};
+__export(styles_exports, {
+  add: () => add,
+  remove: () => remove
+});
+module.exports = __toCommonJS(styles_exports);
+var import_isObject = __toESM(require("../object/isObject.cjs"), 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");
+}
+if (module.exports.default) module.exports = module.exports.default;

package/utils/css/styles.d.ts

@@ -1,28 +1,16 @@
-/**
- * @typedef {Record<string, string | null> & Partial<CSSStyleDeclaration>} CssStyleObject
- */
-/**
- * Manage a list of style properties on an element.
- *
- * @param {HTMLElement}    element The element to update.
- * @param {CssStyleObject} styles  An object of styles properties and values.
- * @param {String}         method  The method to use: add or remove.
- */
-export default function setStyles(element: HTMLElement, styles: CssStyleObject, method?: string): void;
 /**
  * Add styles to an element.
  *
- * @param {HTMLElement}    element The element to update.
- * @param {CssStyleObject} styles  A string of class names.
- * @return {void}
+ * @param {HTMLElement}                  element The element to update.
+ * @param {Partial<CSSStyleDeclaration>} styles  A string of class names.
+ * @returns {void}
  */
-export function add(element: HTMLElement, styles: CssStyleObject): void;
+export function add(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): void;
 /**
  * Remove class names from an element.
  *
- * @param  {HTMLElement}    element The element to update.
- * @param  {CssStyleObject} styles  A string of class names.
- * @return {void}
+ * @param  {HTMLElement}                  element The element to update.
+ * @param  {Partial<CSSStyleDeclaration>} styles  A string of class names.
+ * @returns {void}
  */
-export function remove(element: HTMLElement, styles: CssStyleObject): void;
-export type CssStyleObject = Record<string, string | null> & Partial<CSSStyleDeclaration>;
+export function remove(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): void;