ts-dom-utils 2.2.1 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # ts-dom-utils
 
+## 2.3.0
+
+### Minor Changes
+
+- 5880a7b: Add HTML, SVG, and MathML tag name overloads for `qs` and `qsa`, enabling automatic type inference for tag selectors (e.g. `qs('div')` returns `HTMLDivElement | null`)
+- a0f525e: Add typed `aria-*` and `data-*` custom attribute support in `CreateElementOptions`
+- c69b5e4: Added `on` option to `createElement` for attaching event listeners. Supports a plain handler or an object with `handler` and `options` (e.g. `once`, `passive`).
+
 ## 2.2.1
 
 ### Patch Changes

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/chunk-5W33F22V.js

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

package/dist/chunk-CU3R3LAS.js

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

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

package/dist/createElement.d.cts

@@ -11,8 +11,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 +30,22 @@
  * // <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 = {
+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 SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
     class?: string | string[];
     text?: string;
     style?: Partial<CSSStyleDeclaration>;
+    on?: {
+        [E in keyof HTMLElementEventMap]?: EventHandler<K, E>;
+    };
 };
-type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = (Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes>> & SpecialAttributes) & {
-    [key: string]: any;
+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;
 
 export { type CreateElementOptions, createElement as default };

package/dist/createElement.d.ts

@@ -11,8 +11,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 +30,22 @@
  * // <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 = {
+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 SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
     class?: string | string[];
     text?: string;
     style?: Partial<CSSStyleDeclaration>;
+    on?: {
+        [E in keyof HTMLElementEventMap]?: EventHandler<K, E>;
+    };
 };
-type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = (Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes>> & SpecialAttributes) & {
-    [key: string]: any;
+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;
 
 export { type CreateElementOptions, createElement as default };

package/dist/createElement.js

@@ -1 +1 @@
-import{a}from"./chunk-X7YTDZOL.js";export{a as default};
+import{a}from"./chunk-5W33F22V.js";export{a 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});
+"use strict";var l=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)l(t,o,{get:e[o],enumerable:!0})},T=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of M(e))!c.call(t,a)&&a!==o&&l(t,a,{get:()=>e[a],enumerable:!(n=E(e,a))||n.enumerable});return t};var g=t=>T(l({},"__esModule",{value:!0}),t);var L={};u(L,{DOMisReady:()=>f,createElement:()=>d,qs:()=>m,qsa:()=>p});module.exports=g(L);function d(t,e={},o=document){let n=o.createElement(t);return Object.entries(e).forEach(([a,s])=>{s!=null&&(a==="class"?Array.isArray(s)?n.classList.add(...s):typeof s=="string"&&n.classList.add(s):a==="text"?n.textContent=s:a==="on"?Object.entries(s).forEach(([i,r])=>{typeof r=="function"?n.addEventListener(i,r):r&&typeof r=="object"&&n.addEventListener(i,r.handler,r.options)}):a in n?typeof s=="object"&&!Array.isArray(s)?Object.entries(s).forEach(([i,r])=>{n[a][i]=r}):n[a]=s:n.setAttribute(a,s))}),n}function f(t=document){return new Promise(e=>{if(t.readyState!=="loading")return e();t.addEventListener("DOMContentLoaded",()=>e())})}function m(t,e=document){return e.querySelector(t)}function p(t,e=document){return e.querySelectorAll(t)}0&&(module.exports={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{a as e}from"./chunk-QYTVIVCC.js";import{a}from"./chunk-5W33F22V.js";import{a as t}from"./chunk-YC4DGQBN.js";import{a as r}from"./chunk-CU3R3LAS.js";export{e as DOMisReady,a as createElement,t 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)}
+"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var a in e)l(t,a,{get:e[a],enumerable:!0})},s=(t,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!m.call(t,n)&&n!==a&&l(t,n,{get:()=>e[n],enumerable:!(o=u(e,n))||o.enumerable});return t};var f=t=>s(l({},"__esModule",{value:!0}),t);var M={};p(M,{default:()=>r});module.exports=f(M);function r(t,e=document){return e.querySelector(t)}

package/dist/qs.d.cts

@@ -1,14 +1,16 @@
 /**
  * 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;
+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 as default };

package/dist/qs.d.ts

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

package/dist/qsa.d.cts

@@ -1,17 +1,16 @@
 /**
  * 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>;
+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 as default };

package/dist/qsa.d.ts

@@ -1,17 +1,16 @@
 /**
  * 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>;
+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 as default };

package/dist/qsa.js

@@ -1 +1 @@
-import{a}from"./chunk-22TR3O4D.js";export{a as default};
+import{a}from"./chunk-CU3R3LAS.js";export{a as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ts-dom-utils",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "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",

package/dist/chunk-22TR3O4D.js

@@ -1 +0,0 @@
-function n(e,t=document){return t.querySelectorAll(e)}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};