@typesafe-html5/typescript 0.2.61 → 0.2.72

package/{inline → src/inline}/svg/svg.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 Svg
  * @description 
  */
@@ -11,10 +11,18 @@ export interface SvgProps {
    * Child content or elements
    */
   children?: string | HTMLElement | (string | HTMLElement)[];
+  /**
+   * Keyboard shortcut to activate or focus the element
+   */
+  accessKey?: string;
   /**
    * specifies a shortcut key (or keys) to activate or focus an element
    */
   accesskey?: string | null | undefined;
+  /**
+   * 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;
   /**
    * Indicates whether assistive technologies should present the entire region as a whole when changes occur.
    */
@@ -71,10 +79,22 @@ export interface SvgProps {
    * Indicates whether the element is hidden
    */
   autofocus?: boolean | null | undefined;
+  /**
+   * CSS class names
+   */
+  className?: string;
+  /**
+   * Whether the element is editable
+   */
+  contentEditable?: boolean | "true" | "false" | "inherit";
   /**
    * Indicates whether the element can be edited in place
    */
   contenteditable?: 'true' | 'false' | 'inherit' | boolean | 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
    */
@@ -95,6 +115,10 @@ export interface SvgProps {
    * Indicates whether the element is hidden
    */
   hidden?: boolean | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
   /**
    * used to specify the data entry mode for an input. It helps guide on-screen keyboards (especially on mobile devices) to show the appropriate layout for the expected input type
    */
@@ -127,6 +151,10 @@ export interface SvgProps {
    * Represents the CSS inline style of the element
    */
   style?: string | null | undefined;
+  /**
+   * Tab order position
+   */
+  tabIndex?: number;
   /**
    * Represents a tab order of the element
    */
@@ -168,9 +196,26 @@ export class Svg {
     if (props.children !== undefined) {
       this.setChildren(props.children);
     }
+    if (props.accessKey !== undefined) {
+      this.element.setAttribute('accessKey', String(props.accessKey));
+    }
     if (props.accesskey !== undefined) {
       this.element.setAttribute('accesskey', String(props.accesskey));
     }
+    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['aria-atomic'] !== undefined) {
       this.setAriaAtomic(props['aria-atomic']);
     }
@@ -213,9 +258,23 @@ export class Svg {
     if (props.autofocus !== undefined) {
       this.element.setAttribute('autofocus', String(props.autofocus));
     }
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
+    if (props.contentEditable !== undefined) {
+      this.element.setAttribute('contentEditable', String(props.contentEditable));
+    }
     if (props.contenteditable !== undefined) {
       this.setContenteditable(props.contenteditable);
     }
+    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);
     }
@@ -231,6 +290,9 @@ export class Svg {
     if (props.hidden !== undefined) {
       this.element.setAttribute('hidden', String(props.hidden));
     }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
     if (props.inputmode !== undefined) {
       this.setInputmode(props.inputmode);
     }
@@ -255,6 +317,9 @@ export class Svg {
     if (props.style !== undefined) {
       this.element.setAttribute('style', String(props.style));
     }
+    if (props.tabIndex !== undefined) {
+      this.element.setAttribute('tabIndex', String(props.tabIndex));
+    }
     if (props.tabindex !== undefined) {
       this.element.setAttribute('tabindex', String(props.tabindex));
     }
@@ -275,6 +340,15 @@ export class Svg {
     }
   }
 
+  setAccessKey(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('accessKey');
+    } else {
+      this.element.setAttribute('accessKey', String(value));
+    }
+    return this;
+  }
+
   setAccesskey(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('accesskey');
@@ -284,6 +358,25 @@ export class Svg {
     return this;
   }
 
+  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;
+  }
+
   setAriaAtomic(value: 'false' | 'true' | boolean | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('aria-atomic');
@@ -410,6 +503,24 @@ export class Svg {
     return this;
   }
 
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
+  setContentEditable(value: boolean | "true" | "false" | "inherit"): this {
+    if (value === true) {
+      this.element.setAttribute('contentEditable', '');
+    } else {
+      this.element.removeAttribute('contentEditable');
+    }
+    return this;
+  }
+
   setContenteditable(value: 'true' | 'false' | 'inherit' | boolean | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('contenteditable');
@@ -419,6 +530,20 @@ export class Svg {
     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');
@@ -464,6 +589,15 @@ export class Svg {
     return this;
   }
 
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
   setInputmode(value: 'none' | 'text' | 'decimal' | 'numeric' | 'email' | 'tel' | 'url' | 'search' | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('inputmode');
@@ -536,6 +670,15 @@ export class Svg {
     return this;
   }
 
+  setTabIndex(value: number): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('tabIndex');
+    } else {
+      this.element.setAttribute('tabIndex', String(value));
+    }
+    return this;
+  }
+
   setTabindex(value: number | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('tabindex');

package/{inline → src/inline}/textarea/textarea.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 Textarea
  * @description 
  */
@@ -11,10 +11,18 @@ export interface TextareaProps {
    * Child content or elements
    */
   children?: string | HTMLElement | (string | HTMLElement)[];
+  /**
+   * Keyboard shortcut to activate or focus the element
+   */
+  accessKey?: string;
   /**
    * specifies a shortcut key (or keys) to activate or focus an element
    */
   accesskey?: string | null | undefined;
+  /**
+   * 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;
   /**
    * Indicates whether assistive technologies should present the entire region as a whole when changes occur.
    */
@@ -111,14 +119,26 @@ export interface TextareaProps {
    * Indicates whether the element is hidden
    */
   autofocus?: boolean | null | undefined;
+  /**
+   * CSS class names
+   */
+  className?: string;
   /**
    * Specifies the visible width of a text area, in average character widths.
    */
   cols?: number | null | undefined;
+  /**
+   * Whether the element is editable
+   */
+  contentEditable?: boolean | "true" | "false" | "inherit";
   /**
    * Indicates whether the element can be edited in place
    */
   contenteditable?: 'true' | 'false' | 'inherit' | boolean | 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
    */
@@ -143,6 +163,10 @@ export interface TextareaProps {
    * Indicates whether the element is hidden
    */
   hidden?: boolean | null | undefined;
+  /**
+   * Unique identifier
+   */
+  id?: string;
   /**
    * used to specify the data entry mode for an input. It helps guide on-screen keyboards (especially on mobile devices) to show the appropriate layout for the expected input type
    */
@@ -199,6 +223,10 @@ export interface TextareaProps {
    * Represents the CSS inline style of the element
    */
   style?: string | null | undefined;
+  /**
+   * Tab order position
+   */
+  tabIndex?: number;
   /**
    * Represents a tab order of the element
    */
@@ -232,9 +260,26 @@ export class Textarea {
     if (props.children !== undefined) {
       this.setChildren(props.children);
     }
+    if (props.accessKey !== undefined) {
+      this.element.setAttribute('accessKey', String(props.accessKey));
+    }
     if (props.accesskey !== undefined) {
       this.element.setAttribute('accesskey', String(props.accesskey));
     }
+    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['aria-atomic'] !== undefined) {
       this.setAriaAtomic(props['aria-atomic']);
     }
@@ -307,12 +352,26 @@ export class Textarea {
     if (props.autofocus !== undefined) {
       this.element.setAttribute('autofocus', String(props.autofocus));
     }
+    if (props.className !== undefined) {
+      this.element.setAttribute('className', String(props.className));
+    }
     if (props.cols !== undefined) {
       this.element.setAttribute('cols', String(props.cols));
     }
+    if (props.contentEditable !== undefined) {
+      this.element.setAttribute('contentEditable', String(props.contentEditable));
+    }
     if (props.contenteditable !== undefined) {
       this.setContenteditable(props.contenteditable);
     }
+    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);
     }
@@ -331,6 +390,9 @@ export class Textarea {
     if (props.hidden !== undefined) {
       this.element.setAttribute('hidden', String(props.hidden));
     }
+    if (props.id !== undefined) {
+      this.element.setAttribute('id', String(props.id));
+    }
     if (props.inputmode !== undefined) {
       this.setInputmode(props.inputmode);
     }
@@ -373,6 +435,9 @@ export class Textarea {
     if (props.style !== undefined) {
       this.element.setAttribute('style', String(props.style));
     }
+    if (props.tabIndex !== undefined) {
+      this.element.setAttribute('tabIndex', String(props.tabIndex));
+    }
     if (props.tabindex !== undefined) {
       this.element.setAttribute('tabindex', String(props.tabindex));
     }
@@ -387,6 +452,15 @@ export class Textarea {
     }
   }
 
+  setAccessKey(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('accessKey');
+    } else {
+      this.element.setAttribute('accessKey', String(value));
+    }
+    return this;
+  }
+
   setAccesskey(value: string | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('accesskey');
@@ -396,6 +470,25 @@ export class Textarea {
     return this;
   }
 
+  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;
+  }
+
   setAriaAtomic(value: 'false' | 'true' | boolean | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('aria-atomic');
@@ -612,6 +705,15 @@ export class Textarea {
     return this;
   }
 
+  setClassName(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('className');
+    } else {
+      this.element.setAttribute('className', String(value));
+    }
+    return this;
+  }
+
   setCols(value: number | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('cols');
@@ -621,6 +723,15 @@ export class Textarea {
     return this;
   }
 
+  setContentEditable(value: boolean | "true" | "false" | "inherit"): this {
+    if (value === true) {
+      this.element.setAttribute('contentEditable', '');
+    } else {
+      this.element.removeAttribute('contentEditable');
+    }
+    return this;
+  }
+
   setContenteditable(value: 'true' | 'false' | 'inherit' | boolean | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('contenteditable');
@@ -630,6 +741,20 @@ export class Textarea {
     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');
@@ -684,6 +809,15 @@ export class Textarea {
     return this;
   }
 
+  setId(value: string): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('id');
+    } else {
+      this.element.setAttribute('id', String(value));
+    }
+    return this;
+  }
+
   setInputmode(value: 'none' | 'text' | 'decimal' | 'numeric' | 'email' | 'tel' | 'url' | 'search' | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('inputmode');
@@ -810,6 +944,15 @@ export class Textarea {
     return this;
   }
 
+  setTabIndex(value: number): this {
+    if (value === null || value === undefined) {
+      this.element.removeAttribute('tabIndex');
+    } else {
+      this.element.setAttribute('tabIndex', String(value));
+    }
+    return this;
+  }
+
   setTabindex(value: number | null | undefined): this {
     if (value === null || value === undefined) {
       this.element.removeAttribute('tabindex');