sibujs 4.10.1 → 4.12.0

package/dist/extras.d.cts

@@ -6,7 +6,7 @@ export { AnimationPreset, PresetOptions, SlideDirection, SpringOptions, Transiti
 export { A as AttributeSource, a as AttributeValue, B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, b as FocusTrap, c as FormConfig, d as FormField, e as FormReturn, I as IntersectionResult, M as MaskOptions, P as PaginationResult, T as Toast, f as ToastInstance, V as ValidatorFn, g as VirtualList, h as VirtualListProps, _ as __resetDialogStack, i as announce, j as aria, k as bindAttrs, l as bindBoolAttr, m as bindData, n as bindField, o as creditCardMask, p as custom, q as dateMask, r as defineElement, s as dialog, t as email, u as eventBus, v as focus, w as form, x as hotkey, y as infiniteScroll, z as inputMask, D as intersection, E as lazyLoad, G as matchesPattern, H as max, J as maxLength, K as min, L as minLength, N as pagination, O as phoneMask, Q as removeScopedStyle, R as required, S as scopedStyle, U as ssnMask, W as svgElement, X as timeMask, Y as toast, Z as withScopedStyle, $ as zipMask } from './customElement-pYDKUzWl.cjs';
 export { ChunkConfig, DOMPool, Features, NormalizeResult, NormalizedEntities, NormalizedSchema, NormalizedState, NormalizedStoreActions, Priority, PriorityLevel, block, cloneTemplate, conditional, createChunkRegistry, deferredValue, denormalize, devOnly, flushScheduler, getDOMPool, hoistable, lazyChunk, noSideEffect, normalize, normalizedStore, pendingTasks, precompile, prefetch, preloadImage, preloadModule, preloadModules, preloadResource, processInChunks, pure, resetIdCounter, scheduleUpdate, setIdPrefix, startTransition, staticTemplate, transitionState, uniqueId, yieldToMain } from './performance.cjs';
 export { ActionFn, ActionResult, Head, ISROptions, LoadRemoteModuleOptions, LoadWasmOptions, MicroApp, MicroAppConfig, MiddlewareFn, SSGOptions, SSGResult, ScrollRestorationOptions, ServiceWorkerState, SharedScope, UseWorkerFnReturn, UseWorkerReturn, WasmConfig, WasmModuleState, WorkerPool, clearWasmCache, composeMiddleware, createAction, createISR, createMicroApp, createMiddlewareChain, createSharedScope, createWasmBridge, createWorkerPool, defineRemoteComponent, generateStaticSite, isWasmCached, loadRemoteModule, loadWasmModule, loadWasmModuleWithOptions, preloadWasm, scrollRestoration, serviceWorker, setCanonical, setStructuredData, wasm, worker, workerFn } from './ssr.cjs';
-export { H as HydrateOptions, a as HydrationMismatch, T as TrustedHTML, c as collectStream, d as deserializeState, e as escapeScriptJson, h as hydrate, b as hydrateIslands, f as hydrateProgressively, i as isDangerousMetaRefresh, g as island, r as renderToDocument, j as renderToReadableStream, k as renderToStream, l as renderToString, m as renderToSuspenseStream, n as resetSSRState, s as serializeState, o as ssrSuspense, p as suspenseSwapScript, t as trustHTML } from './ssr-C8hgIAw7.cjs';
+export { H as HydrateOptions, a as HydrationMismatch, T as TrustedHTML, c as collectStream, d as deserializeState, e as escapeScriptJson, h as hydrate, b as hydrateIslands, f as hydrateProgressively, i as isDangerousMetaRefresh, g as island, r as renderToDocument, j as renderToReadableStream, k as renderToStream, l as renderToString, m as renderToSuspenseStream, n as resetSSRState, s as serializeState, o as ssrSuspense, p as suspenseSwapScript, t as trustHTML } from './ssr-Db0Sgdu3.cjs';
 export { P as PluginContext, a as PluginInstallCancelledError, b as PluginRegistry, S as SibuPlugin, c as createPlugin, d as createPluginRegistry, i as inject, e as isPluginInstallCancelledError, p as plugin, r as resetPlugins, s as setDefaultPluginRegistry, t as triggerPluginError, f as triggerPluginMount, g as triggerPluginUnmount } from './plugin-DVgSnTfK.cjs';
 export { L as LazyModule, M as Migration, a as MigrationStorageError, P as PackageExportTarget, S as SemVer, V as VERSION, b as bundlerMetadata, c as checkCompatibility, d as compareSemVer, e as createBootSequence, f as createBundle, g as createMigrationRunner, h as createModuleRegistry, i as createSSRCache, j as createTestHarness, k as deferNonCritical, l as env, m as healthCheck, n as lazyModule, p as packageInfo, o as parseSemVer, q as preloadCritical, r as prerenderRoutes, s as satisfies } from './startup-BLfSeL15.cjs';
 export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-D5xF-0Es.cjs';
@@ -15,4 +15,4 @@ export { AdaptedComponent, AdaptedComponentProps, AdapterConfig, ComponentMappin
 import './signal-EotCj4hS.cjs';
 import './types-CJFViL6Q.cjs';
 import './signal-BnWpq6WB.cjs';
-import './tagFactory-8qL9LCIx.cjs';
+import './tagFactory-DkytnJws.cjs';

package/dist/extras.d.ts

@@ -6,7 +6,7 @@ export { AnimationPreset, PresetOptions, SlideDirection, SpringOptions, Transiti
 export { A as AttributeSource, a as AttributeValue, B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, b as FocusTrap, c as FormConfig, d as FormField, e as FormReturn, I as IntersectionResult, M as MaskOptions, P as PaginationResult, T as Toast, f as ToastInstance, V as ValidatorFn, g as VirtualList, h as VirtualListProps, _ as __resetDialogStack, i as announce, j as aria, k as bindAttrs, l as bindBoolAttr, m as bindData, n as bindField, o as creditCardMask, p as custom, q as dateMask, r as defineElement, s as dialog, t as email, u as eventBus, v as focus, w as form, x as hotkey, y as infiniteScroll, z as inputMask, D as intersection, E as lazyLoad, G as matchesPattern, H as max, J as maxLength, K as min, L as minLength, N as pagination, O as phoneMask, Q as removeScopedStyle, R as required, S as scopedStyle, U as ssnMask, W as svgElement, X as timeMask, Y as toast, Z as withScopedStyle, $ as zipMask } from './customElement-pYDKUzWl.js';
 export { ChunkConfig, DOMPool, Features, NormalizeResult, NormalizedEntities, NormalizedSchema, NormalizedState, NormalizedStoreActions, Priority, PriorityLevel, block, cloneTemplate, conditional, createChunkRegistry, deferredValue, denormalize, devOnly, flushScheduler, getDOMPool, hoistable, lazyChunk, noSideEffect, normalize, normalizedStore, pendingTasks, precompile, prefetch, preloadImage, preloadModule, preloadModules, preloadResource, processInChunks, pure, resetIdCounter, scheduleUpdate, setIdPrefix, startTransition, staticTemplate, transitionState, uniqueId, yieldToMain } from './performance.js';
 export { ActionFn, ActionResult, Head, ISROptions, LoadRemoteModuleOptions, LoadWasmOptions, MicroApp, MicroAppConfig, MiddlewareFn, SSGOptions, SSGResult, ScrollRestorationOptions, ServiceWorkerState, SharedScope, UseWorkerFnReturn, UseWorkerReturn, WasmConfig, WasmModuleState, WorkerPool, clearWasmCache, composeMiddleware, createAction, createISR, createMicroApp, createMiddlewareChain, createSharedScope, createWasmBridge, createWorkerPool, defineRemoteComponent, generateStaticSite, isWasmCached, loadRemoteModule, loadWasmModule, loadWasmModuleWithOptions, preloadWasm, scrollRestoration, serviceWorker, setCanonical, setStructuredData, wasm, worker, workerFn } from './ssr.js';
-export { H as HydrateOptions, a as HydrationMismatch, T as TrustedHTML, c as collectStream, d as deserializeState, e as escapeScriptJson, h as hydrate, b as hydrateIslands, f as hydrateProgressively, i as isDangerousMetaRefresh, g as island, r as renderToDocument, j as renderToReadableStream, k as renderToStream, l as renderToString, m as renderToSuspenseStream, n as resetSSRState, s as serializeState, o as ssrSuspense, p as suspenseSwapScript, t as trustHTML } from './ssr-C8hgIAw7.js';
+export { H as HydrateOptions, a as HydrationMismatch, T as TrustedHTML, c as collectStream, d as deserializeState, e as escapeScriptJson, h as hydrate, b as hydrateIslands, f as hydrateProgressively, i as isDangerousMetaRefresh, g as island, r as renderToDocument, j as renderToReadableStream, k as renderToStream, l as renderToString, m as renderToSuspenseStream, n as resetSSRState, s as serializeState, o as ssrSuspense, p as suspenseSwapScript, t as trustHTML } from './ssr-Db0Sgdu3.js';
 export { P as PluginContext, a as PluginInstallCancelledError, b as PluginRegistry, S as SibuPlugin, c as createPlugin, d as createPluginRegistry, i as inject, e as isPluginInstallCancelledError, p as plugin, r as resetPlugins, s as setDefaultPluginRegistry, t as triggerPluginError, f as triggerPluginMount, g as triggerPluginUnmount } from './plugin-DVgSnTfK.js';
 export { L as LazyModule, M as Migration, a as MigrationStorageError, P as PackageExportTarget, S as SemVer, V as VERSION, b as bundlerMetadata, c as checkCompatibility, d as compareSemVer, e as createBootSequence, f as createBundle, g as createMigrationRunner, h as createModuleRegistry, i as createSSRCache, j as createTestHarness, k as deferNonCritical, l as env, m as healthCheck, n as lazyModule, p as packageInfo, o as parseSemVer, q as preloadCritical, r as prerenderRoutes, s as satisfies } from './startup-BLfSeL15.js';
 export { D as DevToolsEvent, a as DevtoolsOverlayOptions, P as ProfilerResult, R as ReactiveNodeInfo, S as SibuError, c as checkLeaks, b as clearDebugValues, d as clearHMRModule, e as clearHMRState, f as clearPerformanceData, g as createDevtoolsOverlay, h as createErrorReporter, i as createHMRBoundary, j as createProfiler, k as debugLog, l as debugValue, m as devState, n as disableDebug, o as enableDebug, p as exposeHMR, q as formatError, r as getActiveDevTools, s as getDebugValues, t as getDependencies, u as getPerformanceReport, v as getSignalName, w as getSubscriberCount, x as hmrState, y as initDevTools, z as inspectSignal, A as isDebugEnabled, B as isHMRAvailable, C as measureRender, E as perfTracker, F as registerHMR, G as runCleanups, H as startMeasure, I as trackCleanup, J as walkDependencyGraph, K as withErrorTracking } from './introspect-rSBIxEQi.js';
@@ -15,4 +15,4 @@ export { AdaptedComponent, AdaptedComponentProps, AdapterConfig, ComponentMappin
 import './signal-EotCj4hS.js';
 import './types-CJFViL6Q.js';
 import './signal-BnWpq6WB.js';
-import './tagFactory-BL2fymez.js';
+import './tagFactory-Bnd_Nph9.js';

package/dist/extras.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-CYUU3XXG.js";
+} from "./chunk-LXBMVGVB.js";
 import {
   DOMPool,
   Features,
@@ -41,7 +41,7 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-WHZKRSHQ.js";
+} from "./chunk-CI4W6XAU.js";
 import {
   MigrationStorageError,
   VERSION,
@@ -63,7 +63,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-JZMLRF2G.js";
+} from "./chunk-653KGQS2.js";
 import {
   Head,
   clearWasmCache,
@@ -89,7 +89,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-MJZUXQHR.js";
+} from "./chunk-NB7TFSJE.js";
 import {
   FocusTrap,
   VirtualList,
@@ -130,7 +130,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-GEQNWNYS.js";
+} from "./chunk-DFZL3AX7.js";
 import {
   RenderProp,
   assertType,
@@ -157,7 +157,7 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-LYM6TT2R.js";
+} from "./chunk-LYTUTXQP.js";
 import {
   __resetSpeechCoordinator,
   animationFrame,
@@ -196,7 +196,7 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-42REZXE4.js";
+} from "./chunk-LEUEKK4G.js";
 import "./chunk-52XFPGSN.js";
 import {
   __resetQueryCache,
@@ -222,7 +222,7 @@ import {
   throttle,
   withLoader,
   withRetry
-} from "./chunk-ADJEMTRC.js";
+} from "./chunk-QLG5IK7F.js";
 import {
   SibuError,
   checkLeaks,
@@ -260,7 +260,7 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-CID4BYBF.js";
+} from "./chunk-ZPY2UAKM.js";
 import {
   antdAdapter,
   chakraAdapter,
@@ -270,7 +270,7 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-2D47RVVK.js";
+} from "./chunk-NAVLCP4S.js";
 import {
   PluginInstallCancelledError,
   createPlugin,
@@ -284,7 +284,7 @@ import {
   triggerPluginMount,
   triggerPluginUnmount
 } from "./chunk-J6FW5TV6.js";
-import "./chunk-YNE4FSVX.js";
+import "./chunk-T5O2CUHV.js";
 import {
   collectStream,
   deserializeState,
@@ -304,16 +304,17 @@ import {
   ssrSuspense,
   suspenseSwapScript,
   trustHTML
-} from "./chunk-FC6KCJSA.js";
-import "./chunk-DA2LJXK3.js";
-import "./chunk-GVVZPMA5.js";
+} from "./chunk-2F4PSJ5Z.js";
+import "./chunk-AM6DZLBM.js";
+import "./chunk-HXT2RNH5.js";
+import "./chunk-WFRQ6D7H.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-2T73SWKF.js";
-import "./chunk-DS6PFIZK.js";
-import "./chunk-3ACAAQIN.js";
-import "./chunk-LK3VK47W.js";
+import "./chunk-WH4U2VUE.js";
+import "./chunk-XX4BRMWF.js";
+import "./chunk-F2UWOZ6J.js";
+import "./chunk-RK7EPQPG.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-6DYRY2NF.js";
+import "./chunk-EMB5PG7V.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
 import {
@@ -338,10 +339,10 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-HZQEL575.js";
+} from "./chunk-ZJCHY2IB.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-BNZDDNBR.js";
-import "./chunk-NROLUUCO.js";
+import "./chunk-IHA62NGJ.js";
+import "./chunk-B2Y5BJSP.js";
 import "./chunk-NYNYSPK7.js";
 export {
   DOMPool,

package/dist/index.cjs

@@ -1723,7 +1723,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.10.1" : "dev";
+var _runtimeVersion = true ? "4.12.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -2005,6 +2005,16 @@ function bindChildNode(placeholder, getter) {
   return reactiveBinding2(commit, placeholder);
 }
 
+// src/core/rendering/requireDocument.ts
+function noDocument() {
+  throw new Error(
+    "[SibuJS] renderToString needs a DOM: register happy-dom or jsdom globals first." + (DEV ? ' There is no global `document`, and SibuJS builds live DOM nodes, on the server too. For example: import { GlobalRegistrator } from "@happy-dom/global-registrator"; GlobalRegistrator.register(); See SSR in AGENTS.md \xA710.' : "")
+  );
+}
+function requireDocument() {
+  if (typeof document === "undefined") noDocument();
+}
+
 // src/core/rendering/tagFactory.ts
 var SVG_NS3 = "http://www.w3.org/2000/svg";
 var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
@@ -2185,6 +2195,7 @@ function tagFactory(tag, ns) {
     if (blocked) {
       throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
     }
+    if (typeof document === "undefined") noDocument();
     const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
     if (first === void 0) return el;
     if (typeof first === "string") {
@@ -4270,6 +4281,7 @@ function releaseBranchNode(node, owned) {
   node.parentNode?.removeChild(node);
 }
 function when(condition, thenBranch, elseBranch) {
+  requireDocument();
   const anchor = document.createComment("when");
   let currentNode = null;
   let lastCondition;
@@ -4313,6 +4325,7 @@ function when(condition, thenBranch, elseBranch) {
   return anchor;
 }
 function match(value, cases, fallback) {
+  requireDocument();
   const anchor = document.createComment("match");
   let currentNode = null;
   let lastKey;
@@ -4455,6 +4468,7 @@ function each(getArray, render, options) {
     options && typeof options.key === "function",
     "each: options.key must be a function that returns a unique key per item."
   );
+  requireDocument();
   const anchor = document.createComment("each:anchor");
   const end = document.createComment("each:end");
   const oldKeysBufA = [];
@@ -4662,6 +4676,7 @@ function each(getArray, render, options) {
 
 // src/core/rendering/fragment.ts
 function Fragment(nodes) {
+  requireDocument();
   const frag = document.createDocumentFragment();
   for (const child of nodes) {
     if (child == null || typeof child === "boolean") continue;
@@ -5028,6 +5043,7 @@ function __renderParsedTemplate(tree, values) {
   return renderTemplate(tree, values);
 }
 function renderTemplate(tmpl, values) {
+  requireDocument();
   if (tmpl.length === 1 && tmpl[0].t === 0) {
     return executeElement(tmpl[0].el, values);
   }
@@ -5073,6 +5089,7 @@ function renderTemplate(tmpl, values) {
 
 // src/core/rendering/keepAlive.ts
 function KeepAlive(activeKey, cases, options) {
+  requireDocument();
   const anchor = document.createComment("keep-alive");
   const cache2 = /* @__PURE__ */ new Map();
   const lruOrder = [];
@@ -5238,6 +5255,7 @@ function unmountRange(start, end) {
 
 // src/core/rendering/portal.ts
 function Portal(nodes, target) {
+  requireDocument();
   const anchor = document.createComment("portal");
   const container = target || document.body;
   let portalContent = null;

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 import { a as NodeChild, C as Component, N as NodeChildren } from './types-CJFViL6Q.cjs';
 export { D as Dispose } from './types-CJFViL6Q.cjs';
-import { T as TagProps, a as TagFunction, D as DerivedAccessor } from './tagFactory-8qL9LCIx.cjs';
-export { S as SVG_NS, b as StyleMap, c as StyleObject, d as TagEventHandlers, e as derived, t as tagFactory } from './tagFactory-8qL9LCIx.cjs';
+import { T as TagProps, a as TagFunction, D as DerivedAccessor } from './tagFactory-DkytnJws.cjs';
+export { S as SVG_NS, b as StyleMap, c as StyleObject, d as TagEventHandlers, e as derived, t as tagFactory } from './tagFactory-DkytnJws.cjs';
 import { A as Accessor } from './signal-EotCj4hS.cjs';
 export { D as DisposableAccessor, E as ExternalSource, S as SignalOptions, e as external, s as signal } from './signal-EotCj4hS.cjs';
-export { T as TrustedHTML, t as trustHTML } from './ssr-C8hgIAw7.cjs';
+export { T as TrustedHTML, t as trustHTML } from './ssr-Db0Sgdu3.cjs';
 import { R as ReactiveSignal } from './signal-BnWpq6WB.cjs';
 
 interface ErrorBoundaryOptions {
@@ -768,127 +768,128 @@ declare function html(strings: TemplateStringsArray, ...values: unknown[]): Elem
 declare function __renderParsedTemplate(tree: readonly unknown[], values: unknown[]): Element;
 
 type reactive<T> = T | (() => T);
+type attr<T> = T | (() => T | null | undefined);
 interface AnchorProps extends TagProps<HTMLAnchorElement> {
-    href?: reactive<string>;
-    target?: reactive<"_self" | "_blank" | "_parent" | "_top" | (string & {})>;
-    rel?: reactive<string>;
-    download?: reactive<string | boolean>;
-    hreflang?: reactive<string>;
-    referrerpolicy?: reactive<"" | "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
-    ping?: reactive<string>;
+    href?: attr<string>;
+    target?: attr<"_self" | "_blank" | "_parent" | "_top" | (string & {})>;
+    rel?: attr<string>;
+    download?: attr<string | boolean>;
+    hreflang?: attr<string>;
+    referrerpolicy?: attr<"" | "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+    ping?: attr<string>;
 }
 type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 interface InputProps extends TagProps<HTMLInputElement> {
-    type?: reactive<InputType | (string & {})>;
-    name?: reactive<string>;
+    type?: attr<InputType | (string & {})>;
+    name?: attr<string>;
     value?: reactive<string | number>;
-    placeholder?: reactive<string>;
-    required?: reactive<boolean>;
+    placeholder?: attr<string>;
+    required?: attr<boolean>;
     disabled?: reactive<boolean>;
-    readonly?: reactive<boolean>;
+    readonly?: attr<boolean>;
     checked?: reactive<boolean>;
-    min?: reactive<string | number>;
-    max?: reactive<string | number>;
-    step?: reactive<string | number>;
-    minlength?: reactive<number>;
-    maxlength?: reactive<number>;
-    pattern?: reactive<string>;
-    autocomplete?: reactive<string>;
-    autofocus?: reactive<boolean>;
-    multiple?: reactive<boolean>;
-    accept?: reactive<string>;
-    size?: reactive<number>;
-    form?: reactive<string>;
-    list?: reactive<string>;
-    inputmode?: reactive<"none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+    min?: attr<string | number>;
+    max?: attr<string | number>;
+    step?: attr<string | number>;
+    minlength?: attr<number>;
+    maxlength?: attr<number>;
+    pattern?: attr<string>;
+    autocomplete?: attr<string>;
+    autofocus?: attr<boolean>;
+    multiple?: attr<boolean>;
+    accept?: attr<string>;
+    size?: attr<number>;
+    form?: attr<string>;
+    list?: attr<string>;
+    inputmode?: attr<"none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
 }
 interface ImgProps extends TagProps<HTMLImageElement> {
-    src?: reactive<string>;
-    alt?: reactive<string>;
-    width?: reactive<number | string>;
-    height?: reactive<number | string>;
-    loading?: reactive<"lazy" | "eager">;
-    decoding?: reactive<"sync" | "async" | "auto">;
-    srcset?: reactive<string>;
-    sizes?: reactive<string>;
-    crossorigin?: reactive<"anonymous" | "use-credentials">;
-    referrerpolicy?: reactive<string>;
+    src?: attr<string>;
+    alt?: attr<string>;
+    width?: attr<number | string>;
+    height?: attr<number | string>;
+    loading?: attr<"lazy" | "eager">;
+    decoding?: attr<"sync" | "async" | "auto">;
+    srcset?: attr<string>;
+    sizes?: attr<string>;
+    crossorigin?: attr<"anonymous" | "use-credentials">;
+    referrerpolicy?: attr<string>;
 }
 interface ButtonProps extends TagProps<HTMLButtonElement> {
-    type?: reactive<"button" | "submit" | "reset">;
-    name?: reactive<string>;
+    type?: attr<"button" | "submit" | "reset">;
+    name?: attr<string>;
     value?: reactive<string>;
     disabled?: reactive<boolean>;
-    form?: reactive<string>;
-    formaction?: reactive<string>;
-    formenctype?: reactive<string>;
-    formmethod?: reactive<"get" | "post" | "dialog">;
-    formnovalidate?: reactive<boolean>;
-    formtarget?: reactive<string>;
-    autofocus?: reactive<boolean>;
+    form?: attr<string>;
+    formaction?: attr<string>;
+    formenctype?: attr<string>;
+    formmethod?: attr<"get" | "post" | "dialog">;
+    formnovalidate?: attr<boolean>;
+    formtarget?: attr<string>;
+    autofocus?: attr<boolean>;
 }
 interface FormProps extends TagProps<HTMLFormElement> {
-    action?: reactive<string>;
-    method?: reactive<"get" | "post" | "dialog">;
-    enctype?: reactive<"application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain">;
-    name?: reactive<string>;
-    novalidate?: reactive<boolean>;
-    target?: reactive<string>;
-    autocomplete?: reactive<"on" | "off">;
-    acceptcharset?: reactive<string>;
+    action?: attr<string>;
+    method?: attr<"get" | "post" | "dialog">;
+    enctype?: attr<"application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain">;
+    name?: attr<string>;
+    novalidate?: attr<boolean>;
+    target?: attr<string>;
+    autocomplete?: attr<"on" | "off">;
+    acceptcharset?: attr<string>;
 }
 interface SelectProps extends TagProps<HTMLSelectElement> {
-    name?: reactive<string>;
+    name?: attr<string>;
     value?: reactive<string>;
     disabled?: reactive<boolean>;
-    multiple?: reactive<boolean>;
-    required?: reactive<boolean>;
-    size?: reactive<number>;
-    autocomplete?: reactive<string>;
-    autofocus?: reactive<boolean>;
-    form?: reactive<string>;
+    multiple?: attr<boolean>;
+    required?: attr<boolean>;
+    size?: attr<number>;
+    autocomplete?: attr<string>;
+    autofocus?: attr<boolean>;
+    form?: attr<string>;
 }
 interface TextareaProps extends TagProps<HTMLTextAreaElement> {
-    name?: reactive<string>;
+    name?: attr<string>;
     value?: reactive<string>;
-    placeholder?: reactive<string>;
+    placeholder?: attr<string>;
     disabled?: reactive<boolean>;
-    readonly?: reactive<boolean>;
-    required?: reactive<boolean>;
-    rows?: reactive<number>;
-    cols?: reactive<number>;
-    minlength?: reactive<number>;
-    maxlength?: reactive<number>;
-    wrap?: reactive<"hard" | "soft" | "off">;
-    autocomplete?: reactive<string>;
-    autofocus?: reactive<boolean>;
-    form?: reactive<string>;
-    spellcheck?: reactive<boolean>;
+    readonly?: attr<boolean>;
+    required?: attr<boolean>;
+    rows?: attr<number>;
+    cols?: attr<number>;
+    minlength?: attr<number>;
+    maxlength?: attr<number>;
+    wrap?: attr<"hard" | "soft" | "off">;
+    autocomplete?: attr<string>;
+    autofocus?: attr<boolean>;
+    form?: attr<string>;
+    spellcheck?: attr<boolean>;
 }
 interface LabelProps extends TagProps<HTMLLabelElement> {
-    for?: reactive<string>;
-    form?: reactive<string>;
+    for?: attr<string>;
+    form?: attr<string>;
 }
 interface OptionProps extends TagProps<HTMLOptionElement> {
     value?: reactive<string | number>;
     selected?: reactive<boolean>;
     disabled?: reactive<boolean>;
-    label?: reactive<string>;
+    label?: attr<string>;
 }
 interface MediaProps<El extends HTMLMediaElement = HTMLMediaElement> extends TagProps<El> {
-    src?: reactive<string>;
-    autoplay?: reactive<boolean>;
-    controls?: reactive<boolean>;
-    loop?: reactive<boolean>;
-    muted?: reactive<boolean>;
-    preload?: reactive<"none" | "metadata" | "auto">;
-    crossorigin?: reactive<"anonymous" | "use-credentials">;
+    src?: attr<string>;
+    autoplay?: attr<boolean>;
+    controls?: attr<boolean>;
+    loop?: attr<boolean>;
+    muted?: attr<boolean>;
+    preload?: attr<"none" | "metadata" | "auto">;
+    crossorigin?: attr<"anonymous" | "use-credentials">;
 }
 interface VideoProps extends MediaProps<HTMLVideoElement> {
-    poster?: reactive<string>;
-    width?: reactive<number | string>;
-    height?: reactive<number | string>;
-    playsinline?: reactive<boolean>;
+    poster?: attr<string>;
+    width?: attr<number | string>;
+    height?: attr<number | string>;
+    playsinline?: attr<boolean>;
 }
 type AudioProps = MediaProps<HTMLAudioElement>;
 type TypedTagFunction<Props extends TagProps<El>, El extends Element> = TagFunction<El, Props>;