sibujs 1.3.0 → 1.5.0

package/dist/ui.cjs

@@ -30,7 +30,6 @@ __export(ui_exports, {
   bindBoolAttr: () => bindBoolAttr,
   bindData: () => bindData,
   bindField: () => bindField,
-  composable: () => composable,
   compose: () => compose,
   createDialogAria: () => createDialogAria,
   createFocusManager: () => createFocusManager,
@@ -325,21 +324,37 @@ function derived(getter, options) {
     cs._v = getter();
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  let evaluating = false;
   function computedGetter() {
+    if (evaluating) {
+      throw new Error(
+        `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
+      );
+    }
     if (trackingSuspended) {
       if (cs._d) {
-        cs._d = false;
-        cs._v = getter();
+        evaluating = true;
+        try {
+          cs._d = false;
+          cs._v = getter();
+        } finally {
+          evaluating = false;
+        }
       }
       return cs._v;
     }
     recordDependency(cs);
     if (cs._d) {
       const oldValue = cs._v;
-      track(() => {
-        cs._d = false;
-        cs._v = getter();
-      }, markDirty);
+      evaluating = true;
+      try {
+        track(() => {
+          cs._d = false;
+          cs._v = getter();
+        }, markDirty);
+      } finally {
+        evaluating = false;
+      }
       if (hook && oldValue !== cs._v) {
         hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
       }
@@ -478,7 +493,7 @@ function bindField(field, extras) {
     blur: () => field.touch()
   };
   const { on: extraOn, value: _ignoreValue, ...restExtras } = extras ?? {};
-  const mergedOn = extraOn && typeof extraOn === "object" ? { ...fieldOn, ...extraOn } : fieldOn;
+  const mergedOn = extraOn && typeof extraOn === "object" ? { ...extraOn, ...fieldOn } : fieldOn;
   return {
     value: field.value,
     on: mergedOn,
@@ -549,14 +564,23 @@ function form(config) {
     }
     return result;
   });
+  const [submitting, setSubmitting] = signal(false);
   function handleSubmit(onSubmit) {
     return (e) => {
       if (e) e.preventDefault();
+      if (submitting()) return;
       for (const field of Object.values(fieldMap)) {
         field.touch();
       }
       if (isValid()) {
-        onSubmit(values());
+        const result = onSubmit(values());
+        if (result && typeof result.then === "function") {
+          setSubmitting(true);
+          result.then(
+            () => setSubmitting(false),
+            () => setSubmitting(false)
+          );
+        }
       }
     };
   }
@@ -573,6 +597,7 @@ function form(config) {
     errors,
     isValid,
     isDirty,
+    submitting,
     touched: touchedState,
     values,
     handleSubmit,
@@ -616,6 +641,20 @@ function formAction(fn) {
   return { run, pending, error, result, reset, onSubmit };
 }
 
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
+var _isDev4 = isDev();
+var activeBindingCount = 0;
+function registerDisposer(node, teardown) {
+  let disposers = elementDisposers.get(node);
+  if (!disposers) {
+    disposers = [];
+    elementDisposers.set(node, disposers);
+  }
+  disposers.push(teardown);
+  if (_isDev4) activeBindingCount++;
+}
+
 // src/core/ssr-context.ts
 var ssrMode = false;
 function isSSR() {
@@ -669,9 +708,9 @@ function VirtualList(props) {
   content.style.right = "0";
   spacer.appendChild(content);
   container.appendChild(spacer);
-  container.addEventListener("scroll", () => {
-    setScrollTop(container.scrollTop);
-  });
+  const onScroll = () => setScrollTop(container.scrollTop);
+  container.addEventListener("scroll", onScroll);
+  registerDisposer(container, () => container.removeEventListener("scroll", onScroll));
   const update = () => {
     const items = props.items();
     const totalHeight = items.length * props.itemHeight;
@@ -779,13 +818,52 @@ function inputMask(options) {
     }
     return raw;
   }
+  function isSlot(c) {
+    return c === "9" || c === "A" || c === "*";
+  }
+  function buildStripRegex() {
+    const hasDigit = options.pattern.includes("9");
+    const hasLetter = options.pattern.includes("A");
+    const hasAny = options.pattern.includes("*");
+    if (hasAny) {
+      const literals = /* @__PURE__ */ new Set();
+      for (const c of options.pattern) {
+        if (!isSlot(c)) literals.add(c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+      }
+      return literals.size > 0 ? new RegExp(`[${Array.from(literals).join("")}]`, "g") : /(?!)/g;
+    }
+    if (hasDigit && hasLetter) return /[^a-zA-Z0-9]/g;
+    if (hasDigit) return /[^0-9]/g;
+    if (hasLetter) return /[^a-zA-Z]/g;
+    return /[^a-zA-Z0-9]/g;
+  }
+  const stripRegex = buildStripRegex();
+  const rawCharTest = options.pattern.includes("*") ? () => true : (c) => /[a-zA-Z0-9]/.test(c);
   function bind(input) {
     input.addEventListener("input", () => {
-      const raw = input.value.replace(/[^a-zA-Z0-9]/g, "");
+      const cursorBefore = input.selectionStart ?? input.value.length;
+      const oldValue = input.value;
+      const raw = oldValue.replace(stripRegex, "");
       const masked = applyMask(raw);
       setValue(masked);
       setRawValue(extractRaw(masked));
       input.value = masked;
+      let rawBefore = 0;
+      for (let i = 0; i < cursorBefore && i < oldValue.length; i++) {
+        if (rawCharTest(oldValue[i])) rawBefore++;
+      }
+      let newCursor = 0;
+      let counted = 0;
+      for (; newCursor < masked.length; newCursor++) {
+        if (newCursor < options.pattern.length && isSlot(options.pattern[newCursor])) {
+          counted++;
+          if (counted >= rawBefore) {
+            newCursor++;
+            break;
+          }
+        }
+      }
+      input.setSelectionRange(newCursor, newCursor);
     });
     input.addEventListener("focus", () => {
       if (!input.value) {
@@ -855,7 +933,10 @@ function FocusTrap(nodes, options = {}) {
     const focusable = container.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
-    if (focusable.length === 0) return;
+    if (focusable.length === 0) {
+      e.preventDefault();
+      return;
+    }
     const first = focusable[0];
     const last = focusable[focusable.length - 1];
     if (e.shiftKey) {
@@ -878,24 +959,27 @@ function FocusTrap(nodes, options = {}) {
       first?.focus();
     });
   }
+  let trapObserver = null;
+  function restoreFocusAndCleanup() {
+    if (options.restoreFocus !== false) previouslyFocused?.focus();
+    if (trapObserver) {
+      trapObserver.disconnect();
+      trapObserver = null;
+    }
+  }
   if (options.restoreFocus !== false) {
-    const observer = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        for (const removed of Array.from(mutation.removedNodes)) {
-          if (removed === container || removed.contains(container)) {
-            previouslyFocused?.focus();
-            observer.disconnect();
-            return;
-          }
-        }
+    trapObserver = new MutationObserver(() => {
+      if (!container.isConnected) {
+        restoreFocusAndCleanup();
       }
     });
     queueMicrotask(() => {
-      if (container.parentNode) {
-        observer.observe(container.parentNode, { childList: true });
+      if (container.isConnected) {
+        trapObserver.observe(document.body, { childList: true, subtree: true });
       }
     });
   }
+  registerDisposer(container, restoreFocusAndCleanup);
   return container;
 }
 function hotkey(combo, handler, options = {}) {
@@ -952,20 +1036,6 @@ function createId(prefix = "sibu") {
   return `${prefix}-${idCounter}`;
 }
 
-// src/core/rendering/dispose.ts
-var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev4 = isDev();
-var activeBindingCount = 0;
-function registerDisposer(node, teardown) {
-  let disposers = elementDisposers.get(node);
-  if (!disposers) {
-    disposers = [];
-    elementDisposers.set(node, disposers);
-  }
-  disposers.push(teardown);
-  if (_isDev4) activeBindingCount++;
-}
-
 // src/ui/a11yPrimitives.ts
 var DEFAULT_FOCUS_SELECTOR = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
 function createFocusManager(container, options = {}) {
@@ -1178,6 +1248,10 @@ function scopedStyle(css) {
     if (trimmed.startsWith("@") || trimmed.startsWith("from") || trimmed.startsWith("to") || /^\d+%$/.test(trimmed)) {
       return match;
     }
+    const pseudoIdx = trimmed.indexOf("::");
+    if (pseudoIdx >= 0) {
+      return `${trimmed.slice(0, pseudoIdx)}[${attr}]${trimmed.slice(pseudoIdx)}${delimiter}`;
+    }
     return `${trimmed}[${attr}]${delimiter}`;
   });
   if (typeof document !== "undefined") {
@@ -1342,28 +1416,35 @@ function dialog() {
       close();
     }
   }
-  function open() {
-    setIsOpen(true);
+  function attachListener() {
     if (typeof window !== "undefined" && !listenerAttached) {
       window.addEventListener("keydown", handleKeydown);
       listenerAttached = true;
     }
   }
-  function close() {
-    setIsOpen(false);
+  function detachListener() {
     if (typeof window !== "undefined" && listenerAttached) {
       window.removeEventListener("keydown", handleKeydown);
       listenerAttached = false;
     }
   }
+  function open() {
+    setIsOpen(true);
+    attachListener();
+  }
+  function close() {
+    setIsOpen(false);
+    detachListener();
+  }
   function toggle() {
-    if (isOpen()) {
-      close();
-    } else {
-      open();
-    }
+    if (isOpen()) close();
+    else open();
   }
-  return { open, close, isOpen, toggle };
+  function dispose() {
+    detachListener();
+    setIsOpen(false);
+  }
+  return { open, close, isOpen, toggle, dispose };
 }
 
 // src/ui/toast.ts
@@ -1758,9 +1839,6 @@ function svgElement(tag, props = {}, ...nodes) {
 }
 
 // src/patterns/composable.ts
-function composable(setup) {
-  return setup;
-}
 function RenderProp(props) {
   return props.render(props.data());
 }
@@ -1933,7 +2011,6 @@ function createGuard(validator) {
   bindBoolAttr,
   bindData,
   bindField,
-  composable,
   compose,
   createDialogAria,
   createFocusManager,

package/dist/ui.d.cts

@@ -1,5 +1,5 @@
-export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-D2DJp_xn.cjs';
-export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as composable, d as compose, e as createGuard, f as createSlots, g as defineComponent, h as defineSlottedComponent, i as defineStrictComponent, v as validateProps, j as validators, w as withBoundary, k as withDefaults, l as withProps, m as withWrapper } from './contracts-DDrwxvJ-.cjs';
+export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-BL3Uo8dL.cjs';
+export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-ey_Qh8ef.cjs';
 
 interface FormActionHandle<TArgs extends unknown[], TResult> {
     /** Invoke the action. Rejections become `error()`, resolutions `result()`. */
@@ -30,14 +30,11 @@ interface FormActionHandle<TArgs extends unknown[], TResult> {
  *   return res.json();
  * });
  *
- * form({
- *   on: { submit: save.onSubmit },
- *   nodes: [
- *     input({ name: "title" }),
- *     button({ disabled: save.pending, nodes: () => (save.pending() ? "Saving..." : "Save") }),
- *     when(() => save.error() != null, () => div({ class: "error", nodes: () => String(save.error()) })),
- *   ],
- * });
+ * form({ on: { submit: save.onSubmit } }, [
+ *   input({ name: "title" }),
+ *   button({ disabled: save.pending }, () => (save.pending() ? "Saving..." : "Save")),
+ *   when(() => save.error() != null, () => div("error", () => String(save.error()))),
+ * ]);
  * ```
  */
 declare function formAction<TArgs extends unknown[], TResult>(fn: (...args: TArgs) => Promise<TResult>): FormActionHandle<TArgs, TResult>;
@@ -102,10 +99,10 @@ interface ListboxHandle {
  *
  * @example
  * ```ts
- * const container = ul({ nodes: [
- *   li({ role: "option", "data-value": "a", nodes: "Apple" }),
- *   li({ role: "option", "data-value": "b", nodes: "Banana" }),
- * ]}) as HTMLElement;
+ * const container = ul([
+ *   li({ role: "option", "data-value": "a" }, "Apple"),
+ *   li({ role: "option", "data-value": "b" }, "Banana"),
+ * ]) as HTMLElement;
  *
  * const lb = createListbox(container, { onSelect: v => console.log(v) });
  * ```
@@ -142,8 +139,8 @@ interface DialogAriaHandle {
  * const dlg = document.createElement("div");
  * const aria = createDialogAria(dlg, { alert: false });
  * dlg.append(
- *   h2({ id: aria.titleId, nodes: "Delete?" }),
- *   p({ id: aria.descriptionId, nodes: "This cannot be undone." }),
+ *   h2({ id: aria.titleId }, "Delete?"),
+ *   p({ id: aria.descriptionId }, "This cannot be undone."),
  * );
  * ```
  */

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-D2DJp_xn.js';
-export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as composable, d as compose, e as createGuard, f as createSlots, g as defineComponent, h as defineSlottedComponent, i as defineStrictComponent, v as validateProps, j as validators, w as withBoundary, k as withDefaults, l as withProps, m as withWrapper } from './contracts-DDrwxvJ-.js';
+export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-BL3Uo8dL.js';
+export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-ey_Qh8ef.js';
 
 interface FormActionHandle<TArgs extends unknown[], TResult> {
     /** Invoke the action. Rejections become `error()`, resolutions `result()`. */
@@ -30,14 +30,11 @@ interface FormActionHandle<TArgs extends unknown[], TResult> {
  *   return res.json();
  * });
  *
- * form({
- *   on: { submit: save.onSubmit },
- *   nodes: [
- *     input({ name: "title" }),
- *     button({ disabled: save.pending, nodes: () => (save.pending() ? "Saving..." : "Save") }),
- *     when(() => save.error() != null, () => div({ class: "error", nodes: () => String(save.error()) })),
- *   ],
- * });
+ * form({ on: { submit: save.onSubmit } }, [
+ *   input({ name: "title" }),
+ *   button({ disabled: save.pending }, () => (save.pending() ? "Saving..." : "Save")),
+ *   when(() => save.error() != null, () => div("error", () => String(save.error()))),
+ * ]);
  * ```
  */
 declare function formAction<TArgs extends unknown[], TResult>(fn: (...args: TArgs) => Promise<TResult>): FormActionHandle<TArgs, TResult>;
@@ -102,10 +99,10 @@ interface ListboxHandle {
  *
  * @example
  * ```ts
- * const container = ul({ nodes: [
- *   li({ role: "option", "data-value": "a", nodes: "Apple" }),
- *   li({ role: "option", "data-value": "b", nodes: "Banana" }),
- * ]}) as HTMLElement;
+ * const container = ul([
+ *   li({ role: "option", "data-value": "a" }, "Apple"),
+ *   li({ role: "option", "data-value": "b" }, "Banana"),
+ * ]) as HTMLElement;
  *
  * const lb = createListbox(container, { onSelect: v => console.log(v) });
  * ```
@@ -142,8 +139,8 @@ interface DialogAriaHandle {
  * const dlg = document.createElement("div");
  * const aria = createDialogAria(dlg, { alert: false });
  * dlg.append(
- *   h2({ id: aria.titleId, nodes: "Delete?" }),
- *   p({ id: aria.descriptionId, nodes: "This cannot be undone." }),
+ *   h2({ id: aria.titleId }, "Delete?"),
+ *   p({ id: aria.descriptionId }, "This cannot be undone."),
  * );
  * ```
  */

package/dist/ui.js

@@ -37,11 +37,10 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-JCI5M6U6.js";
+} from "./chunk-VQDZK23A.js";
 import {
   RenderProp,
   assertType,
-  composable,
   compose,
   createGuard,
   createSlots,
@@ -54,23 +53,23 @@ import {
   withDefaults,
   withProps,
   withWrapper
-} from "./chunk-XYU6TZOW.js";
+} from "./chunk-CNZ35WI2.js";
 import {
   createId
 } from "./chunk-YT6HQ6AM.js";
 import {
   registerDisposer
-} from "./chunk-PTQJDMRT.js";
-import "./chunk-NEKUBFPT.js";
+} from "./chunk-5ZYQ6KDD.js";
+import "./chunk-XHK6BDAJ.js";
 import "./chunk-CMBFNA7L.js";
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
+} from "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
 import {
   signal
-} from "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+} from "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 
 // src/ui/formAction.ts
@@ -420,7 +419,6 @@ export {
   bindBoolAttr,
   bindData,
   bindField,
-  composable,
   compose,
   createDialogAria,
   createFocusManager,

package/dist/widgets.cjs

@@ -127,12 +127,21 @@ function queueSignalNotification(signal2) {
     }
   }
 }
+var MAX_DRAIN_ITERATIONS = 1e3;
 function drainNotificationQueue() {
   if (notifyDepth > 0) return;
   notifyDepth++;
   try {
     let i = 0;
     while (i < pendingQueue.length) {
+      if (i >= MAX_DRAIN_ITERATIONS) {
+        if (typeof console !== "undefined") {
+          console.error(
+            `[SibuJS] Notification queue exceeded ${MAX_DRAIN_ITERATIONS} iterations \u2014 likely an effect that writes to a signal it reads. Breaking to prevent infinite loop.`
+          );
+        }
+        break;
+      }
       safeInvoke(pendingQueue[i]);
       i++;
     }
@@ -299,21 +308,37 @@ function derived(getter, options) {
     cs._v = getter();
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  let evaluating = false;
   function computedGetter() {
+    if (evaluating) {
+      throw new Error(
+        `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
+      );
+    }
     if (trackingSuspended) {
       if (cs._d) {
-        cs._d = false;
-        cs._v = getter();
+        evaluating = true;
+        try {
+          cs._d = false;
+          cs._v = getter();
+        } finally {
+          evaluating = false;
+        }
       }
       return cs._v;
     }
     recordDependency(cs);
     if (cs._d) {
       const oldValue = cs._v;
-      track(() => {
-        cs._d = false;
-        cs._v = getter();
-      }, markDirty);
+      evaluating = true;
+      try {
+        track(() => {
+          cs._d = false;
+          cs._v = getter();
+        }, markDirty);
+      } finally {
+        evaluating = false;
+      }
       if (hook && oldValue !== cs._v) {
         hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
       }

package/dist/widgets.js

@@ -8,12 +8,12 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-EBGIRKQY.js";
-import "./chunk-NYVAC6P5.js";
-import "./chunk-NEKUBFPT.js";
+} from "./chunk-PDZQY43A.js";
+import "./chunk-GJPXRJ45.js";
+import "./chunk-XHK6BDAJ.js";
 import "./chunk-EUZND3CB.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+import "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 export {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "A lightweight, function-based frontend framework that combines the best of React, Svelte, and Vue — with zero VDOM and maximum simplicity. Designed for developers who want fine-grained reactivity and full control without compilation or magic.",
   "keywords": [
     "frontend",