sibujs 1.0.3 → 1.0.4

package/dist/{customElement-BKQfbSZQ.d.cts → customElement-yz8uyk-0.d.ts}

@@ -35,6 +35,39 @@ declare function email(message?: string): ValidatorFn<string>;
 declare function min(minVal: number, message?: string): ValidatorFn<number>;
 declare function max(maxVal: number, message?: string): ValidatorFn<number>;
 declare function custom<T>(fn: (value: T) => boolean, message: string): ValidatorFn<T>;
+/**
+ * Props returned by bindField, ready to spread into an input tag factory.
+ */
+interface BoundFieldProps {
+    value: () => unknown;
+    on: {
+        input: (e: Event) => void;
+        change: (e: Event) => void;
+        blur: () => void;
+    };
+    [attr: string]: unknown;
+}
+/**
+ * Bind a FormField to an input element, eliminating the value/input/blur boilerplate.
+ *
+ * Works with text inputs (`input` event) and selects/checkboxes (`change` event).
+ *
+ * @param field A FormField from form().fields
+ * @param extras Additional props to merge (placeholder, class, disabled, etc.)
+ * @returns Props object ready to pass directly to a tag factory
+ *
+ * @example
+ * ```ts
+ * const f = form({ email: { initial: "", validators: [required(), email()] } });
+ *
+ * // Before — verbose
+ * input({ value: f.fields.email.value(), on: { input: e => f.fields.email.set(e.target.value), blur: () => f.fields.email.touch() } })
+ *
+ * // After — one-liner
+ * input(bindField(f.fields.email, { type: "email", placeholder: "Email" }))
+ * ```
+ */
+declare function bindField<T>(field: FormField<T>, extras?: Record<string, unknown>): BoundFieldProps;
 declare function form<T extends Record<string, unknown>>(config: FormConfig<T>): FormReturn<T>;
 
 interface VirtualListProps<T> {
@@ -135,6 +168,10 @@ declare function announce(message: string, priority?: "polite" | "assertive"): v
  * scopedStyle creates component-scoped CSS by generating a unique scope ID
  * and prefixing all selectors.
  * Returns the scope attribute name and injects the CSS into the document.
+ *
+ * CSS is sanitized to remove dangerous patterns (`url()`, `@import`,
+ * `expression()`, `-moz-binding`, `behavior`). If you need `url()` for
+ * background images, use inline styles via the `style` prop instead.
  */
 declare function scopedStyle(css: string): {
     scope: string;
@@ -188,15 +225,24 @@ interface Toast {
     message: string;
     type?: "info" | "success" | "error" | "warning";
 }
-declare function toast(options?: {
-    duration?: number;
-    maxToasts?: number;
-}): {
+interface ToastInstance {
     toasts: () => Toast[];
     show: (message: string, type?: Toast["type"]) => string;
+    /** Show an info toast. */
+    info: (message: string) => string;
+    /** Show a success toast. */
+    success: (message: string) => string;
+    /** Show an error toast. */
+    error: (message: string) => string;
+    /** Show a warning toast. */
+    warning: (message: string) => string;
     dismiss: (id: string) => void;
     dismissAll: () => void;
-};
+}
+declare function toast(options?: {
+    duration?: number;
+    maxToasts?: number;
+}): ToastInstance;
 
 /**
  * infiniteScroll combines IntersectionObserver with a data-fetching trigger
@@ -259,4 +305,4 @@ declare function defineElement(name: string, component: (props: Record<string, u
  */
 declare function svgElement(tag: string, props?: Record<string, unknown>, ...nodes: (SVGElement | string)[]): SVGElement;
 
-export { max as A, maxLength as B, type CustomElementOptions as C, min as D, minLength as E, type FieldConfig as F, pagination as G, phoneMask as H, type IntersectionResult as I, removeScopedStyle as J, required as K, scopedStyle as L, type MaskOptions as M, ssnMask as N, svgElement as O, timeMask as P, toast as Q, withScopedStyle as R, zipMask as S, type Toast as T, type ValidatorFn as V, FocusTrap as a, type FormConfig as b, type FormField as c, type FormReturn as d, VirtualList as e, type VirtualListProps as f, announce as g, aria as h, bindAttrs as i, bindBoolAttr as j, bindData as k, creditCardMask as l, custom as m, dateMask as n, defineElement as o, dialog as p, email as q, eventBus as r, focus as s, form as t, hotkey as u, infiniteScroll as v, inputMask as w, intersection as x, lazyLoad as y, matchesPattern as z };
+export { lazyLoad as A, type BoundFieldProps as B, type CustomElementOptions as C, matchesPattern as D, max as E, type FieldConfig as F, maxLength as G, min as H, type IntersectionResult as I, minLength as J, pagination as K, phoneMask as L, type MaskOptions as M, removeScopedStyle as N, required as O, scopedStyle as P, ssnMask as Q, svgElement as R, timeMask as S, type Toast as T, toast as U, type ValidatorFn as V, withScopedStyle as W, zipMask as X, FocusTrap as a, type FormConfig as b, type FormField as c, type FormReturn as d, type ToastInstance as e, VirtualList as f, type VirtualListProps as g, announce as h, aria as i, bindAttrs as j, bindBoolAttr as k, bindData as l, bindField as m, creditCardMask as n, custom as o, dateMask as p, defineElement as q, dialog as r, email as s, eventBus as t, focus as u, form as v, hotkey as w, infiniteScroll as x, inputMask as y, intersection as z };

package/dist/extras.cjs

@@ -40,6 +40,7 @@ __export(extras_exports, {
   bindAttrs: () => bindAttrs,
   bindBoolAttr: () => bindBoolAttr,
   bindData: () => bindData,
+  bindField: () => bindField,
   block: () => block,
   bounceIn: () => bounceIn,
   bounceOut: () => bounceOut,
@@ -267,6 +268,7 @@ __export(extras_exports, {
   triggerPluginError: () => triggerPluginError,
   triggerPluginMount: () => triggerPluginMount,
   triggerPluginUnmount: () => triggerPluginUnmount,
+  trustHTML: () => trustHTML,
   uniqueId: () => uniqueId,
   validateProps: () => validateProps,
   validators: () => validators,
@@ -2948,6 +2950,34 @@ function max(maxVal, message) {
 function custom(fn, message) {
   return (value) => fn(value) ? null : message;
 }
+function bindField(field, extras) {
+  const fieldOn = {
+    input: (e) => {
+      const target = e.target;
+      if (target.type === "checkbox") {
+        field.set(target.checked);
+      } else {
+        field.set(target.value);
+      }
+    },
+    change: (e) => {
+      const target = e.target;
+      if ("checked" in target && target.type === "checkbox") {
+        field.set(target.checked);
+      } else {
+        field.set(target.value);
+      }
+    },
+    blur: () => field.touch()
+  };
+  const { on: extraOn, value: _ignoreValue, ...restExtras } = extras ?? {};
+  const mergedOn = extraOn && typeof extraOn === "object" ? { ...fieldOn, ...extraOn } : fieldOn;
+  return {
+    value: field.value,
+    on: mergedOn,
+    ...restExtras
+  };
+}
 function form(config) {
   const fieldEntries = Object.entries(config);
   const fieldMap = {};
@@ -3326,10 +3356,19 @@ function announce(message, priority = "polite") {
 
 // src/ui/scopedStyle.ts
 var scopeCounter = 0;
+function sanitizeCSS(css) {
+  let sanitized = css.replace(/@import\s+[^;]+;/gi, "/* @import removed */");
+  sanitized = sanitized.replace(/url\s*\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)/gi, "/* url() removed */");
+  sanitized = sanitized.replace(/expression\s*\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)/gi, "/* expression() removed */");
+  sanitized = sanitized.replace(/-moz-binding\s*:[^;]+;/gi, "/* -moz-binding removed */");
+  sanitized = sanitized.replace(/behavior\s*:[^;]+;/gi, "/* behavior removed */");
+  return sanitized;
+}
 function scopedStyle(css) {
   const id = `sibu-s${scopeCounter++}`;
   const attr = `data-${id}`;
-  const scopedCSS = css.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g, (match, selector, delimiter) => {
+  const safeCss = sanitizeCSS(css);
+  const scopedCSS = safeCss.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g, (match, selector, delimiter) => {
     const trimmed = selector.trim();
     if (trimmed.startsWith("@") || trimmed.startsWith("from") || trimmed.startsWith("to") || /^\d+%$/.test(trimmed)) {
       return match;
@@ -3562,7 +3601,16 @@ function toast(options) {
       timers.delete(id);
     }
   }
-  return { toasts, show, dismiss, dismissAll };
+  return {
+    toasts,
+    show,
+    info: (message) => show(message, "info"),
+    success: (message) => show(message, "success"),
+    error: (message) => show(message, "error"),
+    warning: (message) => show(message, "warning"),
+    dismiss,
+    dismissAll
+  };
 }
 
 // src/ui/infiniteScroll.ts
@@ -4484,6 +4532,9 @@ function hydrateNode(serverNode, clientNode) {
     hydrateNode(serverChildren[i2], clientChildren[i2]);
   }
 }
+function trustHTML(html2) {
+  return html2;
+}
 function renderToDocument(component, options = {}) {
   let content;
   try {
@@ -7976,26 +8027,75 @@ function fileUpload(options) {
 function contentEditable() {
   const [content, setContent] = signal("");
   const [isFocused, setFocused] = signal(false);
-  function execCommand(command, value) {
-    if (typeof document !== "undefined" && document.execCommand) {
-      document.execCommand(command, false, value ?? "");
+  function wrapSelection(tagName) {
+    if (typeof window === "undefined") return;
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0 || selection.isCollapsed) return;
+    const range = selection.getRangeAt(0);
+    const ancestor = range.commonAncestorContainer;
+    const existingWrap = findAncestorByTag(
+      ancestor instanceof HTMLElement ? ancestor : ancestor.parentElement,
+      tagName
+    );
+    let targetNode = null;
+    if (existingWrap) {
+      const parent = existingWrap.parentNode;
+      if (parent) {
+        const firstChild = existingWrap.firstChild;
+        const lastChild = existingWrap.lastChild;
+        while (existingWrap.firstChild) {
+          parent.insertBefore(existingWrap.firstChild, existingWrap);
+        }
+        parent.removeChild(existingWrap);
+        if (firstChild && lastChild) {
+          const newRange = document.createRange();
+          newRange.setStartBefore(firstChild);
+          newRange.setEndAfter(lastChild);
+          selection.removeAllRanges();
+          selection.addRange(newRange);
+          return;
+        }
+      }
+    } else {
+      const wrapper = document.createElement(tagName);
+      try {
+        range.surroundContents(wrapper);
+      } catch {
+        const fragment = range.extractContents();
+        wrapper.appendChild(fragment);
+        range.insertNode(wrapper);
+      }
+      targetNode = wrapper;
+    }
+    if (targetNode) {
+      selection.removeAllRanges();
+      const newRange = document.createRange();
+      newRange.selectNodeContents(targetNode);
+      selection.addRange(newRange);
     }
   }
+  function findAncestorByTag(el, tagName) {
+    const upper = tagName.toUpperCase();
+    while (el) {
+      if (el.tagName === upper) return el;
+      el = el.parentElement;
+    }
+    return null;
+  }
   function bold() {
-    execCommand("bold");
+    wrapSelection("strong");
   }
   function italic() {
-    execCommand("italic");
+    wrapSelection("em");
   }
   function underline() {
-    execCommand("underline");
+    wrapSelection("u");
   }
   return {
     content,
     setContent,
     isFocused,
     setFocused,
-    execCommand,
     bold,
     italic,
     underline
@@ -8480,6 +8580,7 @@ var materialAdapter = componentAdapter(materialConfig);
   bindAttrs,
   bindBoolAttr,
   bindData,
+  bindField,
   block,
   bounceIn,
   bounceOut,
@@ -8707,6 +8808,7 @@ var materialAdapter = componentAdapter(materialConfig);
   triggerPluginError,
   triggerPluginMount,
   triggerPluginUnmount,
+  trustHTML,
   uniqueId,
   validateProps,
   validators,

package/dist/extras.d.cts

@@ -3,9 +3,10 @@ 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.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';
 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.cjs';
-export { 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, V as ValidatorFn, e as VirtualList, f as VirtualListProps, g as announce, h as aria, i as bindAttrs, j as bindBoolAttr, k as bindData, l as creditCardMask, m as custom, n as dateMask, o as defineElement, p as dialog, q as email, r as eventBus, s as focus, t as form, u as hotkey, v as infiniteScroll, w as inputMask, x as intersection, y as lazyLoad, z as matchesPattern, A as max, B as maxLength, D as min, E as minLength, G as pagination, H as phoneMask, J as removeScopedStyle, K as required, L as scopedStyle, N as ssnMask, O as svgElement, P as timeMask, Q as toast, R as withScopedStyle, S as zipMask } from './customElement-BKQfbSZQ.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-yz8uyk-0.cjs';
 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.cjs';
-export { ActionFn, ActionResult, Head, ISROptions, MicroApp, MicroAppConfig, MiddlewareFn, SSGOptions, SSGResult, ScrollRestorationOptions, ServiceWorkerState, SharedScope, UseWorkerFnReturn, UseWorkerReturn, WasmConfig, WasmModuleState, WorkerPool, clearWasmCache, collectStream, composeMiddleware, createAction, createISR, createMicroApp, createMiddlewareChain, createSharedScope, createWasmBridge, createWorkerPool, defineRemoteComponent, deserializeState, generateStaticSite, hydrate, hydrateIslands, hydrateProgressively, isWasmCached, island, loadRemoteModule, loadWasmModule, preloadWasm, renderToDocument, renderToReadableStream, renderToStream, renderToString, renderToSuspenseStream, resetSSRState, scrollRestoration, serializeState, serviceWorker, setCanonical, setStructuredData, ssrSuspense, suspenseSwapScript, wasm, worker, workerFn } from './ssr.cjs';
+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.cjs';
+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.cjs';
 export { P as PluginContext, S as SibuPlugin, c as createPlugin, i as inject, p as plugin, r as resetPlugins, t as triggerPluginError, a as triggerPluginMount, b as triggerPluginUnmount } from './plugin-Bek4RhJY.cjs';
 export { M as Migration, S as SemVer, V as VERSION, b as bundlerMetadata, c as checkCompatibility, a as compareSemVer, d as createBootSequence, e as createBundle, f as createMigrationRunner, g as createModuleRegistry, h as createSSRCache, i as createTestHarness, j as deferNonCritical, k as env, l as healthCheck, m as lazyModule, p as packageInfo, n as parseSemVer, o as preloadCritical, q as prerenderRoutes, s as satisfies } from './startup-0Qv6aosO.cjs';
 export { DevToolsEvent, DevtoolsOverlayOptions, ProfilerResult, ReactiveNodeInfo, SibuError, checkLeaks, clearDebugValues, clearHMRState, clearPerformanceData, createDevtoolsOverlay, createErrorReporter, createHMRBoundary, createProfiler, debugLog, debugValue, devState, disableDebug, enableDebug, formatError, getActiveDevTools, getDebugValues, getDependencies, getPerformanceReport, getSignalName, getSubscriberCount, hmrState, initDevTools, inspectSignal, isDebugEnabled, isHMRAvailable, measureRender, perfTracker, registerHMR, runCleanups, startMeasure, trackCleanup, walkDependencyGraph, withErrorTracking } from './devtools.cjs';

package/dist/extras.d.ts

@@ -3,9 +3,10 @@ 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 { 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, V as ValidatorFn, e as VirtualList, f as VirtualListProps, g as announce, h as aria, i as bindAttrs, j as bindBoolAttr, k as bindData, l as creditCardMask, m as custom, n as dateMask, o as defineElement, p as dialog, q as email, r as eventBus, s as focus, t as form, u as hotkey, v as infiniteScroll, w as inputMask, x as intersection, y as lazyLoad, z as matchesPattern, A as max, B as maxLength, D as min, E as minLength, G as pagination, H as phoneMask, J as removeScopedStyle, K as required, L as scopedStyle, N as ssnMask, O as svgElement, P as timeMask, Q as toast, R as withScopedStyle, S as zipMask } from './customElement-BKQfbSZQ.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 { 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, collectStream, composeMiddleware, createAction, createISR, createMicroApp, createMiddlewareChain, createSharedScope, createWasmBridge, createWorkerPool, defineRemoteComponent, deserializeState, generateStaticSite, hydrate, hydrateIslands, hydrateProgressively, isWasmCached, island, loadRemoteModule, loadWasmModule, preloadWasm, renderToDocument, renderToReadableStream, renderToStream, renderToString, renderToSuspenseStream, resetSSRState, scrollRestoration, serializeState, serviceWorker, setCanonical, setStructuredData, ssrSuspense, suspenseSwapScript, wasm, worker, workerFn } from './ssr.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';
 export { P as PluginContext, S as SibuPlugin, c as createPlugin, i as inject, p as plugin, r as resetPlugins, t as triggerPluginError, a as triggerPluginMount, b as triggerPluginUnmount } from './plugin-Bek4RhJY.js';
 export { M as Migration, S as SemVer, V as VERSION, b as bundlerMetadata, c as checkCompatibility, a as compareSemVer, d as createBootSequence, e as createBundle, f as createMigrationRunner, g as createModuleRegistry, h as createSSRCache, i as createTestHarness, j as deferNonCritical, k as env, l as healthCheck, m as lazyModule, p as packageInfo, n as parseSemVer, o as preloadCritical, q as prerenderRoutes, s as satisfies } from './startup-0Qv6aosO.js';
 export { DevToolsEvent, DevtoolsOverlayOptions, ProfilerResult, ReactiveNodeInfo, SibuError, checkLeaks, clearDebugValues, clearHMRState, clearPerformanceData, createDevtoolsOverlay, createErrorReporter, createHMRBoundary, createProfiler, debugLog, debugValue, devState, disableDebug, enableDebug, formatError, getActiveDevTools, getDebugValues, getDependencies, getPerformanceReport, getSignalName, getSubscriberCount, hmrState, initDevTools, inspectSignal, isDebugEnabled, isHMRAvailable, measureRender, perfTracker, registerHMR, runCleanups, startMeasure, trackCleanup, walkDependencyGraph, withErrorTracking } from './devtools.js';

package/dist/extras.js

@@ -65,7 +65,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-DTCOOBMX.js";
+} from "./chunk-OF7UZIVB.js";
 import {
   Head,
   clearWasmCache,
@@ -99,6 +99,7 @@ import {
   bindAttrs,
   bindBoolAttr,
   bindData,
+  bindField,
   creditCardMask,
   custom,
   dateMask,
@@ -129,7 +130,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-3CRQALYP.js";
+} from "./chunk-DKOHBI74.js";
 import {
   RenderProp,
   assertType,
@@ -157,7 +158,7 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-N6IZB6KJ.js";
+} from "./chunk-PBHF5WKN.js";
 import {
   collectStream,
   deserializeState,
@@ -173,8 +174,9 @@ import {
   resetSSRState,
   serializeState,
   ssrSuspense,
-  suspenseSwapScript
-} from "./chunk-7TQKR4PP.js";
+  suspenseSwapScript,
+  trustHTML
+} from "./chunk-AZ3ISID5.js";
 import {
   battery,
   clipboard,
@@ -323,6 +325,7 @@ export {
   bindAttrs,
   bindBoolAttr,
   bindData,
+  bindField,
   block,
   bounceIn,
   bounceOut,
@@ -550,6 +553,7 @@ export {
   triggerPluginError,
   triggerPluginMount,
   triggerPluginUnmount,
+  trustHTML,
   uniqueId,
   validateProps,
   validators,

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(index_exports, {
   article: () => article,
   aside: () => aside,
   audio: () => audio,
+  autoResize: () => autoResize,
   b: () => b,
   base: () => base,
   batch: () => batch,
@@ -61,6 +62,7 @@ __export(index_exports, {
   col: () => col,
   colgroup: () => colgroup,
   context: () => context,
+  copyOnClick: () => copyOnClick,
   customElement: () => customElement,
   data: () => data,
   datalist: () => datalist,
@@ -1811,6 +1813,24 @@ var longPress = (element, options) => {
     element.removeEventListener("pointerleave", cancel);
   };
 };
+var copyOnClick = (element, getText) => {
+  const handler = () => {
+    const text2 = typeof getText === "function" ? getText() : element.textContent ?? "";
+    navigator.clipboard.writeText(text2);
+  };
+  element.addEventListener("click", handler);
+  return () => element.removeEventListener("click", handler);
+};
+var autoResize = (element) => {
+  const resize = () => {
+    element.style.overflow = "hidden";
+    element.style.height = "auto";
+    element.style.height = `${element.scrollHeight}px`;
+  };
+  resize();
+  element.addEventListener("input", resize);
+  return () => element.removeEventListener("input", resize);
+};
 var trapFocus = (element) => {
   const focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
   const handler = (e) => {
@@ -2831,6 +2851,7 @@ function Loading(props = {}) {
   article,
   aside,
   audio,
+  autoResize,
   b,
   base,
   batch,
@@ -2855,6 +2876,7 @@ function Loading(props = {}) {
   col,
   colgroup,
   context,
+  copyOnClick,
   customElement,
   data,
   datalist,

package/dist/index.d.cts

@@ -289,7 +289,7 @@ declare function getSlot(slots: Slots | undefined, name?: string): SlotFn | unde
  * div({ nodes: [show(() => visible(), span({ nodes: "I toggle!" }))] });
  * ```
  */
-declare function show(condition: () => boolean, element: HTMLElement): HTMLElement;
+declare function show<T extends Element>(condition: () => boolean, element: T): T;
 /**
  * Conditional rendering directive. Renders content only when condition is true.
  * When false, renders nothing (comment placeholder). Re-evaluates reactively.
@@ -429,6 +429,31 @@ interface LongPressOptions {
  * ```
  */
 declare const longPress: ActionFn<LongPressOptions>;
+/**
+ * Copies the element's textContent to the clipboard on click.
+ * Optionally accepts a custom getter for the text to copy.
+ *
+ * @example
+ * ```ts
+ * // Copy element text
+ * action(el, copyOnClick);
+ *
+ * // Copy custom value
+ * action(el, copyOnClick, () => secretToken());
+ * ```
+ */
+declare const copyOnClick: ActionFn<(() => string) | undefined>;
+/**
+ * Auto-resizes a textarea to fit its content.
+ * Adjusts height on input and on initial attach.
+ *
+ * @example
+ * ```ts
+ * const ta = textarea({ placeholder: "Type here..." });
+ * action(ta, autoResize);
+ * ```
+ */
+declare const autoResize: ActionFn<void>;
 /**
  * Traps keyboard focus within the element (Tab and Shift+Tab cycle).
  * Essential for accessible modals and dialogs.
@@ -1057,4 +1082,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type ActionFn, type ArrayActions, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, Fragment, KeepAlive, type KeepAliveOptions, Loading, type LoadingProps, type LongPressOptions, NodeChild, NodeChildren, Portal, type Ref, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, a, abbr, action, address, area, array, article, aside, audio, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, customElement, data, datalist, dd, deepEqual, deepSignal, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, memo, memoFn, menu, meta, meter, mount, nav, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type ActionFn, type ArrayActions, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, Fragment, KeepAlive, type KeepAliveOptions, Loading, type LoadingProps, type LongPressOptions, NodeChild, NodeChildren, Portal, type Ref, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, a, abbr, action, address, area, array, article, aside, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, customElement, data, datalist, dd, deepEqual, deepSignal, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, memo, memoFn, menu, meta, meter, mount, nav, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.d.ts

@@ -289,7 +289,7 @@ declare function getSlot(slots: Slots | undefined, name?: string): SlotFn | unde
  * div({ nodes: [show(() => visible(), span({ nodes: "I toggle!" }))] });
  * ```
  */
-declare function show(condition: () => boolean, element: HTMLElement): HTMLElement;
+declare function show<T extends Element>(condition: () => boolean, element: T): T;
 /**
  * Conditional rendering directive. Renders content only when condition is true.
  * When false, renders nothing (comment placeholder). Re-evaluates reactively.
@@ -429,6 +429,31 @@ interface LongPressOptions {
  * ```
  */
 declare const longPress: ActionFn<LongPressOptions>;
+/**
+ * Copies the element's textContent to the clipboard on click.
+ * Optionally accepts a custom getter for the text to copy.
+ *
+ * @example
+ * ```ts
+ * // Copy element text
+ * action(el, copyOnClick);
+ *
+ * // Copy custom value
+ * action(el, copyOnClick, () => secretToken());
+ * ```
+ */
+declare const copyOnClick: ActionFn<(() => string) | undefined>;
+/**
+ * Auto-resizes a textarea to fit its content.
+ * Adjusts height on input and on initial attach.
+ *
+ * @example
+ * ```ts
+ * const ta = textarea({ placeholder: "Type here..." });
+ * action(ta, autoResize);
+ * ```
+ */
+declare const autoResize: ActionFn<void>;
 /**
  * Traps keyboard focus within the element (Tab and Shift+Tab cycle).
  * Essential for accessible modals and dialogs.
@@ -1057,4 +1082,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type ActionFn, type ArrayActions, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, Fragment, KeepAlive, type KeepAliveOptions, Loading, type LoadingProps, type LongPressOptions, NodeChild, NodeChildren, Portal, type Ref, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, a, abbr, action, address, area, array, article, aside, audio, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, customElement, data, datalist, dd, deepEqual, deepSignal, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, memo, memoFn, menu, meta, meter, mount, nav, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type ActionFn, type ArrayActions, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, Fragment, KeepAlive, type KeepAliveOptions, Loading, type LoadingProps, type LongPressOptions, NodeChild, NodeChildren, Portal, type Ref, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, a, abbr, action, address, area, array, article, aside, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, customElement, data, datalist, dd, deepEqual, deepSignal, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, memo, memoFn, menu, meta, meter, mount, nav, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.js

@@ -8,9 +8,11 @@ import {
   Suspense,
   action,
   array,
+  autoResize,
   catchError,
   catchErrorAsync,
   clickOutside,
+  copyOnClick,
   deepEqual,
   deepSignal,
   each,
@@ -36,7 +38,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-MEZVEBPN.js";
+} from "./chunk-32ZISOLJ.js";
 import {
   a,
   abbr,
@@ -231,6 +233,7 @@ export {
   article,
   aside,
   audio,
+  autoResize,
   b,
   base,
   batch,
@@ -255,6 +258,7 @@ export {
   col,
   colgroup,
   context,
+  copyOnClick,
   customElement,
   data,
   datalist,

package/dist/patterns.d.cts

@@ -58,11 +58,17 @@ interface PersistOptions<T = unknown> {
      * Encrypt the serialized value before writing to storage.
      * Paired with `decrypt` for reading. Use for sensitive data.
      *
+     * **Security:** Use a real encryption algorithm (e.g. AES-GCM via Web Crypto API).
+     * Do NOT use `btoa()`/`atob()` — Base64 is encoding, not encryption, and provides
+     * zero confidentiality.
+     *
      * @example
      * ```ts
+     * // Example using a simple XOR cipher for illustration — in production,
+     * // use crypto.subtle.encrypt() with AES-GCM or a proven library.
      * persisted("token", "", {
-     *   encrypt: (v) => btoa(v),   // or use Web Crypto API
-     *   decrypt: (v) => atob(v),
+     *   encrypt: (v) => myAesGcmEncrypt(v, secretKey),
+     *   decrypt: (v) => myAesGcmDecrypt(v, secretKey),
      * });
      * ```
      */

package/dist/patterns.d.ts

@@ -58,11 +58,17 @@ interface PersistOptions<T = unknown> {
      * Encrypt the serialized value before writing to storage.
      * Paired with `decrypt` for reading. Use for sensitive data.
      *
+     * **Security:** Use a real encryption algorithm (e.g. AES-GCM via Web Crypto API).
+     * Do NOT use `btoa()`/`atob()` — Base64 is encoding, not encryption, and provides
+     * zero confidentiality.
+     *
      * @example
      * ```ts
+     * // Example using a simple XOR cipher for illustration — in production,
+     * // use crypto.subtle.encrypt() with AES-GCM or a proven library.
      * persisted("token", "", {
-     *   encrypt: (v) => btoa(v),   // or use Web Crypto API
-     *   decrypt: (v) => atob(v),
+     *   encrypt: (v) => myAesGcmEncrypt(v, secretKey),
+     *   decrypt: (v) => myAesGcmDecrypt(v, secretKey),
      * });
      * ```
      */