ts-dom-utils 2.2.1 → 2.3.1

package/README.md

@@ -45,8 +45,16 @@ const button = createElement('button', {
   id: 'my-button',
   class: ['btn', 'btn-primary'],
   text: 'Click me',
-  onclick: (event) => {
-    console.log('clicked!', event)
+  on: {
+    // simple function
+    click: (event) => {
+      console.log('clicked!', event)
+    },
+    // object with handler and options
+    mouseover: {
+      handler: (event) => console.log('hovered once!'),
+      options: { once: true }
+    }
   },
   dataset: {
     action: 'open-menu',
@@ -58,11 +66,11 @@ document.body.appendChild(button);
 // <button id="my-button" class="btn btn-primary" data-action="open-menu" aria-expanded="false">Click me</button>
 ```
 
-| Param   | Default   | Description                                                                                                                                                                         |
-|---------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| tagName | undefined | The tag name of the element type to create.                                                                                                                                         |
-| options | {}        | The options to use when creating the element. Options can include any attributes that can be passed to `setAttribute`, with `class`, and `text` as special options for enhancement. |
-| target  | document  | The Document in which to create the element.                                                                                                                                        |
+| Param   | Default   | Description                                                                                                                                                                               |
+|---------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| tagName | undefined | The tag name of the element type to create.                                                                                                                                               |
+| options | {}        | The options to use when creating the element. Options can include any attributes that can be passed to `setAttribute`, with `class`, `text`, and `on` as special options for enhancement. |
+| target  | document  | The Document in which to create the element.                                                                                                                                              |
 ---
 
 ## `DOMisReady`
@@ -94,24 +102,24 @@ DOMisReady(iframe.contentDocument).then(() => {
 ---
 
 ### `qs`
-A wrapper function for `document.querySelector`.
+A wrapper function for `querySelector`.
 
 Example
 ```typescript
 import { qs } from 'ts-dom-utils';
 
 const container = qs<HTMLDivElement>('.footer > .buttons');
-const button = qs<HTMLButtonElement>('button', container);
+const button = qs('button', container);
 ```
-| Param    | Default    | Description                                         |
-|----------|------------|-----------------------------------------------------|
-| selector | undefined  | The selector to match against.                      |
-| parent   | document   | The ParentNode in which to search for the selector. |
+| Param    | Default   | Description                      |
+|----------|-----------|----------------------------------|
+| selector | undefined | The selector to match against.   |
+| parent   | document  | The ParentNode to search within. |
 
 ---
-
+ 
 ### `qsa`
-A wrapper function for `document.querySelectorAll`.
+A wrapper function for `querySelectorAll`.
 
 Example
 ```typescript
@@ -123,10 +131,10 @@ const menu = qs<HTMLDivElement>('.menu');
 const menuButtons = qsa<HTMLButtonElement>('.btn', menu);
 ```
 
-| Param    | Default   | Description                                         |
-|----------|-----------|-----------------------------------------------------|
-| selector | undefined | The selector to match against.                      |
-| parent   | document  | The ParentNode in which to search for the selector. |
+| Param    | Default   | Description                      |
+|----------|-----------|----------------------------------|
+| selector | undefined | The selector to match against.   |
+| parent   | document  | The ParentNode to search within. |
 
 ## How to Contribute
 

package/dist/DOMisReady.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var s=(t,e)=>{for(var d in e)r(t,d,{get:e[d],enumerable:!0})},f=(t,e,d,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!m.call(t,n)&&n!==d&&r(t,n,{get:()=>e[n],enumerable:!(i=a(e,n))||i.enumerable});return t};var D=t=>f(r({},"__esModule",{value:!0}),t);var c={};s(c,{default:()=>o});module.exports=D(c);function o(t=document){return new Promise(e=>{if(t.readyState!=="loading")return e();t.addEventListener("DOMContentLoaded",()=>e())})}
+function e(e=document){return new Promise(t=>{if(e.readyState!==`loading`)return t();e.addEventListener(`DOMContentLoaded`,()=>t())})}module.exports=e;

package/dist/DOMisReady.d.cts

@@ -1,3 +1,4 @@
+//#region src/DOMisReady.d.ts
 /**
  * This Promise resolves when the provided DOM is ready.
  * This can be used to delay script execution until the DOM is fully constructed and can be safely manipulated.
@@ -29,5 +30,4 @@
  * });
  */
 declare function DOMisReady(doc?: Document): Promise<void>;
-
-export { DOMisReady as default };
+export = DOMisReady;

package/dist/DOMisReady.d.ts

@@ -1,3 +1,4 @@
+//#region src/DOMisReady.d.ts
 /**
  * This Promise resolves when the provided DOM is ready.
  * This can be used to delay script execution until the DOM is fully constructed and can be safely manipulated.
@@ -29,5 +30,5 @@
  * });
  */
 declare function DOMisReady(doc?: Document): Promise<void>;
-
-export { DOMisReady as default };
+//#endregion
+export { DOMisReady as default };

package/dist/DOMisReady.js

@@ -1 +1 @@
-import{a}from"./chunk-QYTVIVCC.js";export{a as default};
+function e(e=document){return new Promise(t=>{if(e.readyState!==`loading`)return t();e.addEventListener(`DOMContentLoaded`,()=>t())})}export{e as default};

package/dist/createElement.cjs

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var y=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},d=(i,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of m(n))!p.call(i,t)&&t!==r&&a(i,t,{get:()=>n[t],enumerable:!(s=o(n,t))||s.enumerable});return i};var E=i=>d(a({},"__esModule",{value:!0}),i);var g={};y(g,{default:()=>c});module.exports=E(g);function c(i,n={},r=document){let s=r.createElement(i);return Object.entries(n).forEach(([t,e])=>{e!=null&&(t==="class"?Array.isArray(e)?s.classList.add(...e):typeof e=="string"&&s.classList.add(e):t==="text"?s.textContent=e:t in s?typeof e=="object"&&!Array.isArray(e)?Object.entries(e).forEach(([l,f])=>{s[t][l]=f}):s[t]=e:s.setAttribute(t,e))}),s}
+function e(e,t={},n=document){let r=n.createElement(e);return Object.entries(t).forEach(([e,t])=>{t!=null&&(e===`class`?Array.isArray(t)?r.classList.add(...t):typeof t==`string`&&r.classList.add(t):e===`text`?r.textContent=t:e===`on`?Object.entries(t).forEach(([e,t])=>{typeof t==`function`?r.addEventListener(e,t):t&&typeof t==`object`&&r.addEventListener(e,t.handler,t.options)}):e in r?typeof t==`object`&&!Array.isArray(t)?Object.entries(t).forEach(([t,n])=>{r[e][t]=n}):r[e]=t:r.setAttribute(e,t))}),r}module.exports=e;

package/dist/createElement.d.cts

@@ -1,3 +1,4 @@
+//#region src/createElement.d.ts
 /**
  * Create a new element with the provided options.
  * @param tagName - The name of the element type to create.
@@ -11,8 +12,14 @@
  *   id: 'my-button',
  *   class: ['btn', 'btn-primary'],
  *   text: 'Click me',
- *   onclick: (event) => {
- *    console.log('clicked!', event)
+ *   on: {
+ *    click: (event) => {
+ *      console.log('clicked!', event)
+ *    },
+ *    mouseover: {
+ *      handler: (event) => console.log('hovered once!'),
+ *      options: { once: true }
+ *    }
  *   },
  *   dataset: {
  *     action: 'open-menu',
@@ -24,13 +31,20 @@
  * // <button id="my-button" class="btn btn-primary" data-action="open-menu" aria-expanded="false">Click me</button>
  */
 declare function createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: CreateElementOptions<K>, target?: Document): HTMLElementTagNameMap[K];
-type SpecialAttributes = {
-    class?: string | string[];
-    text?: string;
-    style?: Partial<CSSStyleDeclaration>;
+type EventHandler<K extends keyof HTMLElementTagNameMap, E extends keyof HTMLElementEventMap> = ((this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void) | {
+  handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
+  options: AddEventListenerOptions;
 };
-type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = (Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes>> & SpecialAttributes) & {
-    [key: string]: any;
+type SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
+  class?: string | string[];
+  text?: string;
+  style?: Partial<CSSStyleDeclaration>;
+  on?: { [E in keyof HTMLElementEventMap]?: EventHandler<K, E> };
 };
-
-export { type CreateElementOptions, createElement as default };
+type CustomAttributes = {
+  [key: `aria-${string}`]: string;
+  [key: `data-${string}`]: string;
+};
+type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes<K>>> & SpecialAttributes<K> & CustomAttributes;
+//#endregion
+export { CreateElementOptions, createElement as default };

package/dist/createElement.d.ts

@@ -1,3 +1,4 @@
+//#region src/createElement.d.ts
 /**
  * Create a new element with the provided options.
  * @param tagName - The name of the element type to create.
@@ -11,8 +12,14 @@
  *   id: 'my-button',
  *   class: ['btn', 'btn-primary'],
  *   text: 'Click me',
- *   onclick: (event) => {
- *    console.log('clicked!', event)
+ *   on: {
+ *    click: (event) => {
+ *      console.log('clicked!', event)
+ *    },
+ *    mouseover: {
+ *      handler: (event) => console.log('hovered once!'),
+ *      options: { once: true }
+ *    }
  *   },
  *   dataset: {
  *     action: 'open-menu',
@@ -24,13 +31,20 @@
  * // <button id="my-button" class="btn btn-primary" data-action="open-menu" aria-expanded="false">Click me</button>
  */
 declare function createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: CreateElementOptions<K>, target?: Document): HTMLElementTagNameMap[K];
-type SpecialAttributes = {
-    class?: string | string[];
-    text?: string;
-    style?: Partial<CSSStyleDeclaration>;
+type EventHandler<K extends keyof HTMLElementTagNameMap, E extends keyof HTMLElementEventMap> = ((this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void) | {
+  handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
+  options: AddEventListenerOptions;
 };
-type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = (Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes>> & SpecialAttributes) & {
-    [key: string]: any;
+type SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
+  class?: string | string[];
+  text?: string;
+  style?: Partial<CSSStyleDeclaration>;
+  on?: { [E in keyof HTMLElementEventMap]?: EventHandler<K, E> };
 };
-
-export { type CreateElementOptions, createElement as default };
+type CustomAttributes = {
+  [key: `aria-${string}`]: string;
+  [key: `data-${string}`]: string;
+};
+type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes<K>>> & SpecialAttributes<K> & CustomAttributes;
+//#endregion
+export { CreateElementOptions, createElement as default };

package/dist/createElement.js

@@ -1 +1 @@
-import{a}from"./chunk-X7YTDZOL.js";export{a as default};
+function e(e,t={},n=document){let r=n.createElement(e);return Object.entries(t).forEach(([e,t])=>{t!=null&&(e===`class`?Array.isArray(t)?r.classList.add(...t):typeof t==`string`&&r.classList.add(t):e===`text`?r.textContent=t:e===`on`?Object.entries(t).forEach(([e,t])=>{typeof t==`function`?r.addEventListener(e,t):t&&typeof t==`object`&&r.addEventListener(e,t.handler,t.options)}):e in r?typeof t==`object`&&!Array.isArray(t)?Object.entries(t).forEach(([t,n])=>{r[e][t]=n}):r[e]=t:r.setAttribute(e,t))}),r}export{e as default};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},x=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!E.call(t,r)&&r!==s&&i(t,r,{get:()=>e[r],enumerable:!(a=p(e,r))||a.enumerable});return t};var g=t=>x(i({},"__esModule",{value:!0}),t);var M={};y(M,{DOMisReady:()=>d,createElement:()=>o,qs:()=>f,qsa:()=>l});module.exports=g(M);function o(t,e={},s=document){let a=s.createElement(t);return Object.entries(e).forEach(([r,n])=>{n!=null&&(r==="class"?Array.isArray(n)?a.classList.add(...n):typeof n=="string"&&a.classList.add(n):r==="text"?a.textContent=n:r in a?typeof n=="object"&&!Array.isArray(n)?Object.entries(n).forEach(([m,c])=>{a[r][m]=c}):a[r]=n:a.setAttribute(r,n))}),a}function d(t=document){return new Promise(e=>{if(t.readyState!=="loading")return e();t.addEventListener("DOMContentLoaded",()=>e())})}function f(t,e=document){return e.querySelector(t)}function l(t,e=document){return e.querySelectorAll(t)}0&&(module.exports={DOMisReady,createElement,qs,qsa});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./DOMisReady.cjs`),t=require(`./createElement.cjs`),n=require(`./qs.cjs`),r=require(`./qsa.cjs`);exports.DOMisReady=e,exports.createElement=t,exports.qs=n,exports.qsa=r;

package/dist/index.d.cts

@@ -1,4 +1,5 @@
-export { default as createElement } from './createElement.cjs';
-export { default as DOMisReady } from './DOMisReady.cjs';
-export { default as qs } from './qs.cjs';
-export { default as qsa } from './qsa.cjs';
+import DOMisReady from "./DOMisReady.cjs";
+import createElement from "./createElement.cjs";
+import qs from "./qs.cjs";
+import qsa from "./qsa.cjs";
+export { DOMisReady, createElement, qs, qsa };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { default as createElement } from './createElement.js';
-export { default as DOMisReady } from './DOMisReady.js';
-export { default as qs } from './qs.js';
-export { default as qsa } from './qsa.js';
+import DOMisReady from "./DOMisReady.js";
+import createElement from "./createElement.js";
+import qs from "./qs.js";
+import qsa from "./qsa.js";
+export { DOMisReady, createElement, qs, qsa };

package/dist/index.js

@@ -1 +1 @@
-import{a as e}from"./chunk-QYTVIVCC.js";import{a}from"./chunk-X7YTDZOL.js";import{a as t}from"./chunk-YC4DGQBN.js";import{a as r}from"./chunk-22TR3O4D.js";export{e as DOMisReady,a as createElement,t as qs,r as qsa};
+import e from"./DOMisReady.js";import t from"./createElement.js";import n from"./qs.js";import r from"./qsa.js";export{e as DOMisReady,t as createElement,n as qs,r as qsa};

package/dist/qs.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var r in e)o(t,r,{get:e[r],enumerable:!0})},a=(t,e,r,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of l(e))!s.call(t,n)&&n!==r&&o(t,n,{get:()=>e[n],enumerable:!(u=c(e,n))||u.enumerable});return t};var f=t=>a(o({},"__esModule",{value:!0}),t);var i={};E(i,{default:()=>d});module.exports=f(i);function d(t,e=document){return e.querySelector(t)}
+function e(e,t=document){return t.querySelector(e)}module.exports=e;

package/dist/qs.d.cts

@@ -1,14 +1,16 @@
+//#region src/qs.d.ts
 /**
  * QuerySelector wrapper function.
- * @param selector The selector to match against.
- * @param parent The ParentNode in which to search for the selector.
- * @returns The first Element within the document that matches the specified selector, or group of selectors.
+ * @param selector - The selector to match against.
+ * @param parent - The ParentNode to search within. Defaults to `document`.
+ * @returns The first matching Element, or `null`.
  *
  * @example
- * import { qs } from 'ts-dom-utils';
- * const menu = qs<HTMLDivElement>('.menu');
- * const menuButtons = qsa<HTMLButtonElement>('.btn', menu);
+ * const wrapper = qs('div');
+ * const btn = qs<HTMLButtonElement>('.btn', wrapper);
  */
-declare function qs<E extends Element>(selector: string, parent?: ParentNode): E | null;
-
-export { qs as default };
+declare function qs<K extends keyof HTMLElementTagNameMap>(selector: K, parent?: ParentNode): HTMLElementTagNameMap[K] | null;
+declare function qs<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): SVGElementTagNameMap[K] | null;
+declare function qs<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): MathMLElementTagNameMap[K] | null;
+declare function qs<E extends Element = Element>(selector: string, parent?: ParentNode): E | null;
+export = qs;

package/dist/qs.d.ts

@@ -1,14 +1,17 @@
+//#region src/qs.d.ts
 /**
  * QuerySelector wrapper function.
- * @param selector The selector to match against.
- * @param parent The ParentNode in which to search for the selector.
- * @returns The first Element within the document that matches the specified selector, or group of selectors.
+ * @param selector - The selector to match against.
+ * @param parent - The ParentNode to search within. Defaults to `document`.
+ * @returns The first matching Element, or `null`.
  *
  * @example
- * import { qs } from 'ts-dom-utils';
- * const menu = qs<HTMLDivElement>('.menu');
- * const menuButtons = qsa<HTMLButtonElement>('.btn', menu);
+ * const wrapper = qs('div');
+ * const btn = qs<HTMLButtonElement>('.btn', wrapper);
  */
-declare function qs<E extends Element>(selector: string, parent?: ParentNode): E | null;
-
-export { qs as default };
+declare function qs<K extends keyof HTMLElementTagNameMap>(selector: K, parent?: ParentNode): HTMLElementTagNameMap[K] | null;
+declare function qs<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): SVGElementTagNameMap[K] | null;
+declare function qs<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): MathMLElementTagNameMap[K] | null;
+declare function qs<E extends Element = Element>(selector: string, parent?: ParentNode): E | null;
+//#endregion
+export { qs as default };

package/dist/qs.js

@@ -1 +1 @@
-import{a}from"./chunk-YC4DGQBN.js";export{a as default};
+function e(e,t=document){return t.querySelector(e)}export{e as default};

package/dist/qsa.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var a=(t,e)=>{for(var r in e)o(t,r,{get:e[r],enumerable:!0})},c=(t,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of s(e))!E.call(t,n)&&n!==r&&o(t,n,{get:()=>e[n],enumerable:!(d=u(e,n))||d.enumerable});return t};var f=t=>c(o({},"__esModule",{value:!0}),t);var i={};a(i,{default:()=>l});module.exports=f(i);function l(t,e=document){return e.querySelectorAll(t)}
+function e(e,t=document){return t.querySelectorAll(e)}module.exports=e;

package/dist/qsa.d.cts

@@ -1,17 +1,16 @@
+//#region src/qsa.d.ts
 /**
  * QuerySelectorAll wrapper function.
  * @param selector - The selector to match against.
- * @param parent - The ParentNode in which to search for the selector. Defaults to the entire document.
+ * @param parent - The ParentNode to search within. Defaults to `document`.
+ * @returns A NodeList of all matching Elements.
  *
  * @example
- * import { qsa } from 'ts-dom-utils';
- * const buttons = qsa<HTMLButtonElement>('.btn');
- *
- * @example
- * import { qsa } from 'ts-dom-utils';
- * const menu = qs<HtmlNavElement>('.menu');
- * const menuButtons = qsa<HTMLButtonElement>('.btn', menu);
+ * const wrapper = qs('div');
+ * const buttons = qsa<HTMLButtonElement>('.btn', wrapper);
  */
-declare function qsa<E extends Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
-
-export { qsa as default };
+declare function qsa<K extends keyof HTMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<HTMLElementTagNameMap[K]>;
+declare function qsa<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<SVGElementTagNameMap[K]>;
+declare function qsa<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<MathMLElementTagNameMap[K]>;
+declare function qsa<E extends Element = Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
+export = qsa;

package/dist/qsa.d.ts

@@ -1,17 +1,17 @@
+//#region src/qsa.d.ts
 /**
  * QuerySelectorAll wrapper function.
  * @param selector - The selector to match against.
- * @param parent - The ParentNode in which to search for the selector. Defaults to the entire document.
+ * @param parent - The ParentNode to search within. Defaults to `document`.
+ * @returns A NodeList of all matching Elements.
  *
  * @example
- * import { qsa } from 'ts-dom-utils';
- * const buttons = qsa<HTMLButtonElement>('.btn');
- *
- * @example
- * import { qsa } from 'ts-dom-utils';
- * const menu = qs<HtmlNavElement>('.menu');
- * const menuButtons = qsa<HTMLButtonElement>('.btn', menu);
+ * const wrapper = qs('div');
+ * const buttons = qsa<HTMLButtonElement>('.btn', wrapper);
  */
-declare function qsa<E extends Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
-
-export { qsa as default };
+declare function qsa<K extends keyof HTMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<HTMLElementTagNameMap[K]>;
+declare function qsa<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<SVGElementTagNameMap[K]>;
+declare function qsa<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<MathMLElementTagNameMap[K]>;
+declare function qsa<E extends Element = Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
+//#endregion
+export { qsa as default };

package/dist/qsa.js

@@ -1 +1 @@
-import{a}from"./chunk-22TR3O4D.js";export{a as default};
+function e(e,t=document){return t.querySelectorAll(e)}export{e as default};

package/package.json

@@ -1,14 +1,29 @@
 {
   "name": "ts-dom-utils",
-  "version": "2.2.1",
+  "version": "2.3.1",
   "description": "A simple utility library for DOM manipulation. Provides TypeScript typings for enhanced development experience in TS environments.",
   "main": "dist/index.cjs",
-  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
   "scripts": {
-    "build": "tsup --dts",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "lint": "tsc",
     "format": "prettier --write ./src",
     "release": "npm run build && changeset publish"
@@ -30,9 +45,11 @@
   "homepage": "https://github.com/rafaucau/ts-dom-utils#readme",
   "funding": "https://github.com/rafaucau/ts-dom-utils?sponsor=1",
   "devDependencies": {
+    "@arethetypeswrong/core": "^0.18.2",
     "@changesets/cli": "^2.29.8",
     "prettier": "^3.8.1",
-    "tsup": "^8.5.1",
+    "publint": "^0.3.17",
+    "tsdown": "^0.21.0-beta.2",
     "typescript": "^5.9.3"
   }
 }

package/CHANGELOG.md

@@ -1,17 +0,0 @@
-# ts-dom-utils
-
-## 2.2.1
-
-### Patch Changes
-
-- 6cf9275: Fix typo in `aria-expanded` attribute in `createElement` example
-- fc35c90: Update publish workflow to use OpenID Connect
-- ad96903: Update dependencies
-
-## 2.2.0
-
-### Minor Changes
-
-- 3f66d1e: - Simplified `createElement` to handle all object properties, including style.
-  - Fixed issue with styles not applying correctly.
-  - Updated style type in `SpecialAttributes` to `Partial<CSSStyleDeclaration>` for editor hints and flexibility.

package/dist/chunk-22TR3O4D.js

@@ -1 +0,0 @@
-function n(e,t=document){return t.querySelectorAll(e)}export{n as a};

package/dist/chunk-QYTVIVCC.js

@@ -1 +0,0 @@
-function n(e=document){return new Promise(t=>{if(e.readyState!=="loading")return t();e.addEventListener("DOMContentLoaded",()=>t())})}export{n as a};

package/dist/chunk-X7YTDZOL.js

@@ -1 +0,0 @@
-function l(s,i={},r=document){let e=r.createElement(s);return Object.entries(i).forEach(([n,t])=>{t!=null&&(n==="class"?Array.isArray(t)?e.classList.add(...t):typeof t=="string"&&e.classList.add(t):n==="text"?e.textContent=t:n in e?typeof t=="object"&&!Array.isArray(t)?Object.entries(t).forEach(([a,c])=>{e[n][a]=c}):e[n]=t:e.setAttribute(n,t))}),e}export{l as a};

package/dist/chunk-YC4DGQBN.js

@@ -1 +0,0 @@
-function n(e,t=document){return t.querySelector(e)}export{n as a};