sibujs 1.4.0 → 2.0.0

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 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-xo5ckdRP.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, _ as __resetDialogStack, 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-CPfIrbvg.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 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-xo5ckdRP.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, _ as __resetDialogStack, 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-CPfIrbvg.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

@@ -1,6 +1,7 @@
 import {
   FocusTrap,
   VirtualList,
+  __resetDialogStack,
   announce,
   aria,
   bindAttrs,
@@ -37,7 +38,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-JCI5M6U6.js";
+} from "./chunk-O2MNQFLP.js";
 import {
   RenderProp,
   assertType,
@@ -57,20 +58,21 @@ import {
 import {
   createId
 } from "./chunk-YT6HQ6AM.js";
+import "./chunk-DFPFITST.js";
+import "./chunk-54EDRCEF.js";
 import {
   registerDisposer
-} from "./chunk-PTQJDMRT.js";
-import "./chunk-NEKUBFPT.js";
-import "./chunk-CMBFNA7L.js";
+} from "./chunk-2UPRY23K.js";
+import "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
-import "./chunk-EUZND3CB.js";
+} from "./chunk-HB24TBAF.js";
+import "./chunk-2RA7SHDA.js";
 import {
   signal
-} from "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-CC65Y57T.js";
+import "./chunk-VLPPXTYG.js";
+import "./chunk-LMLD24FC.js";
 
 // src/ui/formAction.ts
 function formAction(fn) {
@@ -192,22 +194,22 @@ function createListbox(container, options = {}) {
     }
   }
   function select(value) {
+    const previous = selectedValue();
+    let nextSelectedSet;
     if (multiple) {
-      const current2 = selectedValue();
-      const set = new Set((current2 ?? "").split(",").filter(Boolean));
-      if (set.has(value)) set.delete(value);
-      else set.add(value);
-      setSelectedValue(Array.from(set).join(","));
+      nextSelectedSet = new Set((previous ?? "").split(",").filter(Boolean));
+      if (nextSelectedSet.has(value)) nextSelectedSet.delete(value);
+      else nextSelectedSet.add(value);
+      setSelectedValue(Array.from(nextSelectedSet).join(","));
     } else {
+      nextSelectedSet = /* @__PURE__ */ new Set([value]);
       setSelectedValue(value);
     }
     options.onSelect?.(value);
     const opts = getOptions();
-    const current = selectedValue();
-    const selected = new Set((current ?? "").split(",").filter(Boolean));
     for (const opt of opts) {
       const ov = opt.dataset.value ?? "";
-      opt.setAttribute("aria-selected", selected.has(ov) ? "true" : "false");
+      opt.setAttribute("aria-selected", nextSelectedSet.has(ov) ? "true" : "false");
     }
   }
   function moveActive(delta) {
@@ -412,6 +414,7 @@ export {
   FocusTrap,
   RenderProp,
   VirtualList,
+  __resetDialogStack,
   announce,
   aria,
   assertType,