sibujs 4.11.0 → 4.12.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { a as NodeChild, C as Component, N as NodeChildren } from './types-CJFViL6Q.js';
 export { D as Dispose } from './types-CJFViL6Q.js';
-import { T as TagProps, a as TagFunction, D as DerivedAccessor } from './tagFactory-BL2fymez.js';
-export { S as SVG_NS, b as StyleMap, c as StyleObject, d as TagEventHandlers, e as derived, t as tagFactory } from './tagFactory-BL2fymez.js';
+import { T as TagProps, a as TagFunction, D as DerivedAccessor } from './tagFactory-Bnd_Nph9.js';
+export { S as SVG_NS, b as StyleMap, c as StyleObject, d as TagEventHandlers, e as derived, t as tagFactory } from './tagFactory-Bnd_Nph9.js';
 import { A as Accessor } from './signal-EotCj4hS.js';
 export { D as DisposableAccessor, E as ExternalSource, S as SignalOptions, e as external, s as signal } from './signal-EotCj4hS.js';
-export { T as TrustedHTML, t as trustHTML } from './ssr-C8hgIAw7.js';
+export { T as TrustedHTML, t as trustHTML } from './ssr-Db0Sgdu3.js';
 import { R as ReactiveSignal } from './signal-BnWpq6WB.js';
 
 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>;

package/dist/index.js

@@ -54,7 +54,7 @@ import {
   unregisterIsland,
   when,
   writable
-} from "./chunk-DEUONJYR.js";
+} from "./chunk-ZTYCCBU3.js";
 import {
   a,
   abbr,
@@ -192,34 +192,35 @@ import {
   use,
   var_,
   video
-} from "./chunk-LQ2C44YH.js";
+} from "./chunk-T5O2CUHV.js";
 import {
   trustHTML
-} from "./chunk-FC6KCJSA.js";
+} from "./chunk-2F4PSJ5Z.js";
+import "./chunk-AM6DZLBM.js";
 import {
   watch
-} from "./chunk-REOAVT2M.js";
+} from "./chunk-HXT2RNH5.js";
 import {
   __resetIdCounter,
   createId
-} from "./chunk-CHQPJY47.js";
+} from "./chunk-WFRQ6D7H.js";
 import "./chunk-62BDYGAG.js";
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-3Z7AEJMQ.js";
+} from "./chunk-WH4U2VUE.js";
 import {
   bindDynamic
-} from "./chunk-HMOPAC2Z.js";
-import "./chunk-3ACAAQIN.js";
+} from "./chunk-XX4BRMWF.js";
+import "./chunk-F2UWOZ6J.js";
 import {
   derived
-} from "./chunk-KFJUMC3Q.js";
+} from "./chunk-RK7EPQPG.js";
 import "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-OJV2RW4D.js";
+} from "./chunk-EMB5PG7V.js";
 import "./chunk-EXXSN3BW.js";
 import {
   disableSSR,
@@ -237,12 +238,12 @@ import {
   external,
   isBatching,
   signal
-} from "./chunk-F6B5CKF7.js";
+} from "./chunk-IHA62NGJ.js";
 import {
   retrack,
   setMaxDrainIterations,
   untracked
-} from "./chunk-ADWDDJ5M.js";
+} from "./chunk-B2Y5BJSP.js";
 import {
   MAX_DRAIN_TEARDOWNS,
   checkLeaks,

package/dist/motion.cjs

@@ -787,7 +787,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.11.0" : "dev";
+var _runtimeVersion = true ? "4.12.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/motion.js

@@ -20,10 +20,10 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-7V7VFT7E.js";
+} from "./chunk-ZJCHY2IB.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-F6B5CKF7.js";
-import "./chunk-ADWDDJ5M.js";
+import "./chunk-IHA62NGJ.js";
+import "./chunk-B2Y5BJSP.js";
 import "./chunk-NYNYSPK7.js";
 export {
   TransitionGroup,

package/dist/patterns.cjs

@@ -683,7 +683,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.11.0" : "dev";
+var _runtimeVersion = true ? "4.12.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/patterns.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-WQ7M57JJ.js";
+} from "./chunk-LXBMVGVB.js";
 import {
   RenderProp,
   assertType,
@@ -23,11 +23,11 @@ import {
   withWrapper
 } from "./chunk-TUCPL2HB.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-KFJUMC3Q.js";
-import "./chunk-OJV2RW4D.js";
+import "./chunk-RK7EPQPG.js";
+import "./chunk-EMB5PG7V.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-F6B5CKF7.js";
-import "./chunk-ADWDDJ5M.js";
+import "./chunk-IHA62NGJ.js";
+import "./chunk-B2Y5BJSP.js";
 import "./chunk-NYNYSPK7.js";
 export {
   RenderProp,

package/dist/performance.cjs

@@ -949,7 +949,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.11.0" : "dev";
+var _runtimeVersion = true ? "4.12.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/performance.d.cts

@@ -1,5 +1,5 @@
-import { T as TrustedHTML } from './ssr-C8hgIAw7.cjs';
-export { t as trustHTML } from './ssr-C8hgIAw7.cjs';
+import { T as TrustedHTML } from './ssr-Db0Sgdu3.cjs';
+export { t as trustHTML } from './ssr-Db0Sgdu3.cjs';
 
 declare const Priority: {
     readonly IMMEDIATE: 0;

package/dist/performance.d.ts

@@ -1,5 +1,5 @@
-import { T as TrustedHTML } from './ssr-C8hgIAw7.js';
-export { t as trustHTML } from './ssr-C8hgIAw7.js';
+import { T as TrustedHTML } from './ssr-Db0Sgdu3.js';
+export { t as trustHTML } from './ssr-Db0Sgdu3.js';
 
 declare const Priority: {
     readonly IMMEDIATE: 0;

package/dist/performance.js

@@ -33,18 +33,19 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-KREPZR2U.js";
+} from "./chunk-CI4W6XAU.js";
 import {
   trustHTML
-} from "./chunk-FC6KCJSA.js";
+} from "./chunk-2F4PSJ5Z.js";
+import "./chunk-AM6DZLBM.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-3ACAAQIN.js";
+import "./chunk-F2UWOZ6J.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-OJV2RW4D.js";
+import "./chunk-EMB5PG7V.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-F6B5CKF7.js";
-import "./chunk-ADWDDJ5M.js";
+import "./chunk-IHA62NGJ.js";
+import "./chunk-B2Y5BJSP.js";
 import "./chunk-NYNYSPK7.js";
 export {
   DOMPool,