sibujs 1.0.7 → 1.0.8

package/dist/extras.d.ts

@@ -3,7 +3,7 @@ export { battery, clipboard, colorScheme, draggable, dropZone, formatCurrency, f
 export { GlobalStore, MachineConfig, MachineReturn, Middleware, OptimisticAction, PersistOptions, Selector, TimeTravelReturn, createEffect, createMemo, createSignal, globalStore, machine, optimistic, optimisticList, persisted, timeline } from './patterns.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-DOrhwbke.js';
 export { AnimationPreset, PresetOptions, SlideDirection, SpringOptions, TransitionGroup, TransitionGroupOptions, TransitionOptions, animate, bounceIn, bounceOut, fadeIn, fadeOut, flipIn, pulse, reducedMotion, scaleDown, scaleUp, sequence, shake, slideIn, slideOut, spring, springSignal, stagger, transition, viewTransition } from './motion.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-yz8uyk-0.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-D2DJp_xn.js';
 export { ChunkConfig, DOMPool, Features, NormalizeResult, NormalizedEntities, NormalizedSchema, NormalizedState, NormalizedStoreActions, Priority, PriorityLevel, block, cloneTemplate, conditional, createChunkRegistry, deferredValue, denormalize, devOnly, domPool, flushScheduler, 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, 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, preloadWasm, scrollRestoration, serviceWorker, setCanonical, setStructuredData, wasm, worker, workerFn } from './ssr.js';
 export { T as TrustedHTML, c as collectStream, d as deserializeState, h as hydrate, a as hydrateIslands, b as hydrateProgressively, i as island, r as renderToDocument, e as renderToReadableStream, f as renderToStream, g as renderToString, j as renderToSuspenseStream, k as resetSSRState, s as serializeState, l as ssrSuspense, m as suspenseSwapScript, t as trustHTML } from './ssr-BA6sxxUd.js';

package/dist/extras.js

@@ -130,7 +130,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-DKOHBI74.js";
+} from "./chunk-6LSNVCS2.js";
 import {
   RenderProp,
   assertType,

package/dist/index.cjs

@@ -1422,6 +1422,7 @@ function each(getArray, render, options) {
   const oldKeyIndex = /* @__PURE__ */ new Map();
   let reusedNewBuf = [];
   let reusedOldBuf = [];
+  const keyIndexMap = /* @__PURE__ */ new Map();
   let initialized = false;
   let sentinelInserted = false;
   const keyFn = options.key;
@@ -1445,6 +1446,10 @@ function each(getArray, render, options) {
       newNodes = new Array(newLen);
     }
     workMap.clear();
+    keyIndexMap.clear();
+    for (let i2 = 0; i2 < newLen; i2++) {
+      keyIndexMap.set(newKeys[i2], i2);
+    }
     for (let i2 = 0; i2 < newLen; i2++) {
       const key = newKeys[i2];
       const existing = nodeMap.get(key);
@@ -1452,8 +1457,11 @@ function each(getArray, render, options) {
       if (existing !== void 0) {
         node = existing;
       } else {
+        const itemKey = key;
+        const itemGetter = () => getArray()[keyIndexMap.get(itemKey)];
+        const indexGetter = () => keyIndexMap.get(itemKey);
         try {
-          node = resolveNodeChild(render(arr[i2], i2));
+          node = resolveNodeChild(render(itemGetter, indexGetter));
         } catch (err) {
           if (_isDev6) {
             devWarn(

package/dist/index.d.cts

@@ -172,12 +172,17 @@ declare function mount(component: (() => Element) | Element | Node, container: E
  * 4. Walk the new key list in reverse and insert/position each node,
  *    skipping DOM operations for nodes that are part of the LIS.
  *
+ * The render callback receives reactive getters `() => T` and `() => number`
+ * instead of plain values. This ensures the callback always reads fresh data
+ * when a keyed item's data changes but its key stays the same, since the DOM
+ * is reused without re-calling render.
+ *
  * @param getArray A reactive getter returning an array.
- * @param render A function that returns a NodeChild for each item.
+ * @param render A function that receives reactive item and index getters and returns a NodeChild.
  * @param options A key function for unique identity of items.
  * @returns A Comment node serving as the anchor for the list.
  */
-declare function each<T>(getArray: () => T[], render: (item: T, index: number) => NodeChild, options: {
+declare function each<T>(getArray: () => T[], render: (item: () => T, index: () => number) => NodeChild, options: {
     key: (item: T) => string | number;
 }): Comment;
 

package/dist/index.d.ts

@@ -172,12 +172,17 @@ declare function mount(component: (() => Element) | Element | Node, container: E
  * 4. Walk the new key list in reverse and insert/position each node,
  *    skipping DOM operations for nodes that are part of the LIS.
  *
+ * The render callback receives reactive getters `() => T` and `() => number`
+ * instead of plain values. This ensures the callback always reads fresh data
+ * when a keyed item's data changes but its key stays the same, since the DOM
+ * is reused without re-calling render.
+ *
  * @param getArray A reactive getter returning an array.
- * @param render A function that returns a NodeChild for each item.
+ * @param render A function that receives reactive item and index getters and returns a NodeChild.
  * @param options A key function for unique identity of items.
  * @returns A Comment node serving as the anchor for the list.
  */
-declare function each<T>(getArray: () => T[], render: (item: T, index: number) => NodeChild, options: {
+declare function each<T>(getArray: () => T[], render: (item: () => T, index: () => number) => NodeChild, options: {
     key: (item: T) => string | number;
 }): Comment;
 

package/dist/index.js

@@ -38,7 +38,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-VAU366PN.js";
+} from "./chunk-MQ5GOYPH.js";
 import {
   a,
   abbr,

package/dist/ui.cjs

@@ -855,18 +855,31 @@ function FocusTrap(nodes, options = {}) {
   }
   return container;
 }
-function hotkey(key, handler, options = {}) {
+function hotkey(combo, handler, options = {}) {
+  let key = combo;
+  let needCtrl = options.ctrl ?? false;
+  let needShift = options.shift ?? false;
+  let needAlt = options.alt ?? false;
+  let needMeta = options.meta ?? false;
+  if (combo.includes("+")) {
+    const parts = combo.toLowerCase().split("+");
+    key = parts[parts.length - 1];
+    for (let i = 0; i < parts.length - 1; i++) {
+      const mod = parts[i];
+      if (mod === "ctrl" || mod === "control") needCtrl = true;
+      else if (mod === "shift") needShift = true;
+      else if (mod === "alt") needAlt = true;
+      else if (mod === "meta" || mod === "cmd" || mod === "command") needMeta = true;
+    }
+  }
   const listener = (e) => {
     const ke = e;
     if (ke.key.toLowerCase() !== key.toLowerCase()) return;
-    if (options.ctrl && !ke.ctrlKey) return;
-    if (!options.ctrl && ke.ctrlKey) return;
-    if (options.shift && !ke.shiftKey) return;
-    if (!options.shift && ke.shiftKey) return;
-    if (options.alt && !ke.altKey) return;
-    if (!options.alt && ke.altKey) return;
-    if (options.meta && !ke.metaKey) return;
-    if (!options.meta && ke.metaKey) return;
+    if (needCtrl !== ke.ctrlKey) return;
+    if (needShift !== ke.shiftKey) return;
+    if (needAlt !== ke.altKey) return;
+    if (needMeta !== ke.metaKey) return;
+    if (options.preventDefault) ke.preventDefault();
     handler(ke);
   };
   document.addEventListener("keydown", listener);

package/dist/ui.d.cts

@@ -1,4 +1,4 @@
-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-yz8uyk-0.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-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-DOrhwbke.cjs';
 
 /**

package/dist/ui.d.ts

@@ -1,4 +1,4 @@
-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-yz8uyk-0.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-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-DOrhwbke.js';
 
 /**

package/dist/ui.js

@@ -37,7 +37,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-DKOHBI74.js";
+} from "./chunk-6LSNVCS2.js";
 import {
   RenderProp,
   assertType,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "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",