@typesafe-html5/typescript 0.2.61 → 0.2.72

package/{void → src/void}/link/link.ts

@@ -1,16 +1,24 @@
 /**
  * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
  *
- * @generated December 28, 2025 12:26:31
+ * @generated January 2, 2026 15:45:45
  * @component Link
  * @description 
  */
 
 export interface LinkProps {
+  /**
+   * CSS class names
+   */
+  className?: string;
   /**
    * 
    */
   crossorigin?: 'anonymous' | 'use-credentials' | null | undefined;
+  /**
+   * Mapping of data-* attributes to their values (e.g., {"test":"value"} -> data-test="value")
+   */
+  'data-attributes'?: Record<string, string> | null | undefined;
   /**
    * Represents the text direction of the element
    */
@@ -27,6 +35,10 @@ export interface LinkProps {
    * Specifies the language of the linked resource.
    */
   hreflang?: string | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
   /**
    * Specifies the integrity value of a resource.
    */
@@ -77,9 +89,20 @@ export class Link {
   }
 
   private applyProps(props: LinkProps): void {
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
     if (props.crossorigin !== undefined) {
       this.setCrossorigin(props.crossorigin);
     }
+    if (props['data-attributes'] !== undefined) {
+      const __map = props['data-attributes'];
+      if (__map !== null && __map !== undefined) {
+        for (const __k in __map) {
+          this.element.setAttribute(`data-${__k}`, String((__map as any)[__k]));
+        }
+      }
+    }
     if (props.dir !== undefined) {
       this.setDir(props.dir);
     }
@@ -92,6 +115,9 @@ export class Link {
     if (props.hreflang !== undefined) {
       this.element.setAttribute('hreflang', String(props.hreflang));
     }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
     if (props.integrity !== undefined) {
       this.element.setAttribute('integrity', String(props.integrity));
     }
@@ -121,6 +147,15 @@ export class Link {
     }
   }
 
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
   setCrossorigin(value: 'anonymous' | 'use-credentials' | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('crossorigin');
@@ -130,6 +165,20 @@ export class Link {
     return this;
   }
 
+  setDataAttributes(value: Record<string, string>): this {
+    if (value === null || value === undefined) {
+      // Remove all data-* attributes (best-effort)
+      for (const __a of Array.from(this.element.attributes)) {
+        if ((__a as Attr).name.startsWith('data-')) { (this.element as HTMLElement).removeAttribute((__a as Attr).name); }
+      }
+    } else {
+      for (const __k in value as Record<string, string>) {
+        this.element.setAttribute(`data-${__k}`, String((value as any)[__k]));
+      }
+    }
+    return this;
+  }
+
   setDir(value: 'ltr' | 'rtl' | 'auto' | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('dir');
@@ -166,6 +215,15 @@ export class Link {
     return this;
   }
 
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
   setIntegrity(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('integrity');

package/{void → src/void}/meta/meta.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
  *
- * @generated December 28, 2025 12:26:31
+ * @generated January 2, 2026 15:45:45
  * @component Meta
  * @description 
  */
@@ -11,10 +11,18 @@ export interface MetaProps {
    * Specifies the character encoding for the resource.
    */
   charset?: string | null | undefined;
+  /**
+   * CSS class names
+   */
+  className?: string;
   /**
    * Specifies the value associated with the http-equiv or name attribute.
    */
   content?: string | null | undefined;
+  /**
+   * Mapping of data-* attributes to their values (e.g., {"test":"value"} -> data-test="value")
+   */
+  'data-attributes'?: Record<string, string> | null | undefined;
   /**
    * Indicates whether the element is hidden
    */
@@ -23,6 +31,10 @@ export interface MetaProps {
    * Provides an HTTP header for the information/value of the content attribute.
    */
   'http-equiv'?: 'content-language' | 'content-type' | 'default-style' | 'refresh' | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
   /**
    * Specifies the primary language for the element's content
    */
@@ -56,15 +68,29 @@ export class Meta {
     if (props.charset !== undefined) {
       this.element.setAttribute('charset', String(props.charset));
     }
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
     if (props.content !== undefined) {
       this.element.setAttribute('content', String(props.content));
     }
+    if (props['data-attributes'] !== undefined) {
+      const __map = props['data-attributes'];
+      if (__map !== null && __map !== undefined) {
+        for (const __k in __map) {
+          this.element.setAttribute(`data-${__k}`, String((__map as any)[__k]));
+        }
+      }
+    }
     if (props.hidden !== undefined) {
       this.element.setAttribute('hidden', String(props.hidden));
     }
     if (props['http-equiv'] !== undefined) {
       this.setHttpEquiv(props['http-equiv']);
     }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
     if (props.lang !== undefined) {
       this.element.setAttribute('lang', String(props.lang));
     }
@@ -88,6 +114,15 @@ export class Meta {
     return this;
   }
 
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
   setContent(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('content');
@@ -97,6 +132,20 @@ export class Meta {
     return this;
   }
 
+  setDataAttributes(value: Record<string, string>): this {
+    if (value === null || value === undefined) {
+      // Remove all data-* attributes (best-effort)
+      for (const __a of Array.from(this.element.attributes)) {
+        if ((__a as Attr).name.startsWith('data-')) { (this.element as HTMLElement).removeAttribute((__a as Attr).name); }
+      }
+    } else {
+      for (const __k in value as Record<string, string>) {
+        this.element.setAttribute(`data-${__k}`, String((value as any)[__k]));
+      }
+    }
+    return this;
+  }
+
   setHidden(value: boolean | null | undefined): this {
     if (value === true) {
       this.element.setAttribute('hidden', '');
@@ -115,6 +164,15 @@ export class Meta {
     return this;
   }
 
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
   setLang(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('lang');

package/src/void/param/param.ts

@@ -0,0 +1,188 @@
+/**
+ * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
+ *
+ * @generated January 2, 2026 15:45:45
+ * @component Param
+ * @description 
+ */
+
+export interface ParamProps {
+  /**
+   * Mapping of Alpine.js directives (shorthand or full) to their values (e.g., {@click: "do()"} or {"x-on:click":"do()"})
+   */
+  'alpine-attributes'?: Record<string, string> | null | undefined;
+  /**
+   * CSS class names
+   */
+  className?: string;
+  /**
+   * Mapping of data-* attributes to their values (e.g., {"test":"value"} -> data-test="value")
+   */
+  'data-attributes'?: Record<string, string> | null | undefined;
+  /**
+   * Indicates whether the element is hidden
+   */
+  hidden?: boolean | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
+  /**
+   * Specifies the name associated with the element. The meaning may vary depending on the context.
+   */
+  name?: string | null | undefined;
+  /**
+   * Represents the CSS inline style of the element
+   */
+  style?: string | null | undefined;
+  /**
+   * Specifies the value associated with the element. The meaning and usage may vary depending on the element type.
+   */
+  value?: string | null | undefined;
+}
+
+/**
+ * Param - 
+ */
+export class Param {
+  private element: HTMLElement;
+
+  constructor(props: ParamProps = {}) {
+    this.element = document.createElement('param');
+    this.applyProps(props);
+  }
+
+  private applyProps(props: ParamProps): void {
+    if (props['alpine-attributes'] !== undefined) {
+      const __map = props['alpine-attributes'];
+      if (__map !== null && __map !== undefined) {
+        for (const __k in __map) {
+          const __v = (__map as any)[__k];
+          let __attr = __k;
+          if (__k.startsWith('@')) { __attr = 'x-on:' + __k.slice(1); }
+          else if (__k.startsWith(':')) { __attr = 'x-bind:' + __k.slice(1); }
+          else if (__k.startsWith('.')) { __attr = 'x-model' + __k; }
+          else if (!__k.startsWith('x-') && ['show','text','html','if','for','cloak','init','data','effect','ignore','ref','transition','teleport'].includes(__k)) { __attr = 'x-' + __k; }
+          this.element.setAttribute(__attr, String(__v));
+        }
+      }
+    }
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
+    if (props['data-attributes'] !== undefined) {
+      const __map = props['data-attributes'];
+      if (__map !== null && __map !== undefined) {
+        for (const __k in __map) {
+          this.element.setAttribute(`data-${__k}`, String((__map as any)[__k]));
+        }
+      }
+    }
+    if (props.hidden !== undefined) {
+      this.element.setAttribute('hidden', String(props.hidden));
+    }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
+    if (props.name !== undefined) {
+      this.element.setAttribute('name', String(props.name));
+    }
+    if (props.style !== undefined) {
+      this.element.setAttribute('style', String(props.style));
+    }
+    if (props.value !== undefined) {
+      this.element.setAttribute('value', String(props.value));
+    }
+  }
+
+  setAlpineAttributes(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      // Remove all x-* Alpine attributes (best-effort)
+      for (const __a of Array.from(this.element.attributes)) {
+        if ((__a as Attr).name.startsWith('x-')) { (this.element as HTMLElement).removeAttribute((__a as Attr).name); }
+      }
+    } else {
+      for (const __k in value as Record<string, string>) {
+        let __attr = __k;
+        if (__k.startsWith('@')) { __attr = 'x-on:' + __k.slice(1); }
+        else if (__k.startsWith(':')) { __attr = 'x-bind:' + __k.slice(1); }
+        else if (__k.startsWith('.')) { __attr = 'x-model' + __k; }
+        else if (!__k.startsWith('x-') && ['show','text','html','if','for','cloak','init','data','effect','ignore','ref','transition','teleport'].includes(__k)) { __attr = 'x-' + __k; }
+        this.element.setAttribute(__attr, String((value as any)[__k]));
+      }
+    }
+    return this;
+  }
+
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
+  setDataAttributes(value: Record<string, string>): this {
+    if (value === null || value === undefined) {
+      // Remove all data-* attributes (best-effort)
+      for (const __a of Array.from(this.element.attributes)) {
+        if ((__a as Attr).name.startsWith('data-')) { (this.element as HTMLElement).removeAttribute((__a as Attr).name); }
+      }
+    } else {
+      for (const __k in value as Record<string, string>) {
+        this.element.setAttribute(`data-${__k}`, String((value as any)[__k]));
+      }
+    }
+    return this;
+  }
+
+  setHidden(value: boolean | null | undefined): this {
+    if (value === true) {
+      this.element.setAttribute('hidden', '');
+    } else {
+      this.element.removeAttribute('hidden');
+    }
+    return this;
+  }
+
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
+  setName(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('name');
+    } else {
+      this.element.setAttribute('name', String(value));
+    }
+    return this;
+  }
+
+  setStyle(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('style');
+    } else {
+      this.element.setAttribute('style', String(value));
+    }
+    return this;
+  }
+
+  setValue(value: string | null | undefined): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('value');
+    } else {
+      this.element.setAttribute('value', String(value));
+    }
+    return this;
+  }
+
+  getElement(): HTMLElement {
+    return this.element;
+  }
+}

package/{void → src/void}/script/script.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE IS AUTOGENERATED. DO NOT EDIT IT.
  *
- * @generated December 28, 2025 12:26:31
+ * @generated January 2, 2026 15:45:45
  * @component Script
  * @description 
  */
@@ -19,10 +19,18 @@ export interface ScriptProps {
    * Specifies the character encoding for the resource.
    */
   charset?: string | null | undefined;
+  /**
+   * CSS class names
+   */
+  className?: string;
   /**
    * 
    */
   crossorigin?: 'anonymous' | 'use-credentials' | null | undefined;
+  /**
+   * Mapping of data-* attributes to their values (e.g., {"test":"value"} -> data-test="value")
+   */
+  'data-attributes'?: Record<string, string> | null | undefined;
   /**
    * When present, it specifies that the script should be executed after the page has been parsed.
    */
@@ -31,6 +39,10 @@ export interface ScriptProps {
    * Indicates whether the element is hidden
    */
   hidden?: boolean | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
   /**
    * Specifies the integrity value of a resource.
    */
@@ -82,15 +94,29 @@ export class Script {
     if (props.charset !== undefined) {
       this.element.setAttribute('charset', String(props.charset));
     }
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
     if (props.crossorigin !== undefined) {
       this.setCrossorigin(props.crossorigin);
     }
+    if (props['data-attributes'] !== undefined) {
+      const __map = props['data-attributes'];
+      if (__map !== null && __map !== undefined) {
+        for (const __k in __map) {
+          this.element.setAttribute(`data-${__k}`, String((__map as any)[__k]));
+        }
+      }
+    }
     if (props.defer !== undefined) {
       this.element.setAttribute('defer', String(props.defer));
     }
     if (props.hidden !== undefined) {
       this.element.setAttribute('hidden', String(props.hidden));
     }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
     if (props.integrity !== undefined) {
       this.element.setAttribute('integrity', String(props.integrity));
     }
@@ -132,6 +158,15 @@ export class Script {
     return this;
   }
 
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
   setCrossorigin(value: 'anonymous' | 'use-credentials' | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('crossorigin');
@@ -141,6 +176,20 @@ export class Script {
     return this;
   }
 
+  setDataAttributes(value: Record<string, string>): this {
+    if (value === null || value === undefined) {
+      // Remove all data-* attributes (best-effort)
+      for (const __a of Array.from(this.element.attributes)) {
+        if ((__a as Attr).name.startsWith('data-')) { (this.element as HTMLElement).removeAttribute((__a as Attr).name); }
+      }
+    } else {
+      for (const __k in value as Record<string, string>) {
+        this.element.setAttribute(`data-${__k}`, String((value as any)[__k]));
+      }
+    }
+    return this;
+  }
+
   setDefer(value: boolean | null | undefined): this {
     if (value === true) {
       this.element.setAttribute('defer', '');
@@ -159,6 +208,15 @@ export class Script {
     return this;
   }
 
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
   setIntegrity(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('integrity');