@zeyos/zx 4.3.4 → 5.0.0

package/dist/types/core/icons.d.ts

@@ -1,7 +1,8 @@
 /**
  * The icon layer. Two renderers sit behind one `icon()` call:
  *
- * - **built-in** (default) — the inline SVG glyphs below, no network, no stylesheet, no font.
+ * - **built-in** (default) — the inline SVG outline glyphs below (Lucide), no network, no
+ *   stylesheet, no font. Applications can add their own, filled or outlined, with `registerIcons()`.
  * - **Font Awesome** — `<i>` elements carrying Font Awesome classes, after an application opts in
  *   with `useFontAwesome()` or `loadFontAwesome(kit)`. Zx never loads a kit by itself.
  *
@@ -33,26 +34,23 @@ export type IconOptions = {
      * Adds Font Awesome's `fa-fw` for column-aligned glyphs.
      */
     fixedWidth?: boolean;
+    /**
+     * Throws `RangeError` on a name the bundled glyph set does not
+     * carry, instead of returning the placeholder. For call sites that can afford to fail — a test,
+     * a build-time check — rather than a screen rendering server data.
+     */
+    strict?: boolean;
 };
+export type IconPaint = 'fill' | 'stroke';
+export type IconGlyph = [string, string] | [string, string, IconPaint];
 /**
- * @typedef {Object} IconOptions
- * @property {number|string} [size=16] Rendered width and height.
- * @property {string|null} [label=null] Accessible label; null marks the icon decorative.
- * @property {string|string[]} [class] Extra class names added to the element.
- * @property {string} [style] Font Awesome style for this icon only (`'solid'`, `'duotone'`, …).
- * @property {string} [family] Font Awesome family for this icon only (`'classic'`, `'sharp'`, …).
- * @property {boolean} [fixedWidth] Adds Font Awesome's `fa-fw` for column-aligned glyphs.
- */
-/**
- * Icon glyphs from Font Awesome Free 6 (solid, plus `square` from regular), fontawesome.com,
- * licensed CC BY 4.0 (https://fontawesome.com/license/free). Path data is embedded unmodified so
- * the library carries no webfont, stylesheet, or package dependency. Each entry is
- * `[viewBox, path]`; Font Awesome glyphs are filled (not stroked) and use per-glyph 512-unit view
- * boxes — outlines such as `square` are a filled path with a counter-wound hole.
- * Extend the set with `registerIcons()`; read every available name with `iconNames()`.
- * @type {Readonly<Record<string, [string, string]>>}
+ * The bundled glyph set: outline icons from Lucide (ISC; see the notice above), embedded as path
+ * data so the library carries no webfont, stylesheet, or package dependency. Every entry is
+ * `[viewBox, path, 'stroke']` in a 24-unit view box. Extend the set with `registerIcons()`; read
+ * every available name with `iconNames()`.
+ * @type {Readonly<Record<string, IconGlyph>>}
  */
-export declare const icons: Readonly<Record<string, [string, string]>>;
+export declare const icons: Readonly<Record<string, IconGlyph>>;
 export type IconConfig = {
     /**
      * Renderer used for bare icon names.
@@ -111,12 +109,21 @@ export declare function loadFontAwesome(options: string | (Partial<Omit<IconConf
     activate?: boolean;
 })): Promise<IconConfig>;
 /**
- * Adds inline SVG glyphs to the built-in set, or replaces existing ones. Entries use the same
- * `[viewBox, path]` shape as `icons`.
- * @param {Record<string, [string, string]>} glyphs Glyphs keyed by icon name.
+ * Adds inline SVG glyphs to the built-in set, or replaces existing ones.
+ *
+ * An entry is `[viewBox, path]` — a filled shape, the format Font Awesome path data comes in, and
+ * how it always rendered — or `[viewBox, path, 'stroke']` — an outline drawn with the same pen as
+ * the bundled set: `currentColor`, round caps and joins, and a stroke scaled to the view box, so a
+ * glyph from a 24-unit outline set such as Lucide renders exactly like a bundled one.
+ *
+ *     registerIcons({ rocket: ['0 0 512 512', 'M…'] });           // filled
+ *     registerIcons({ anchor: ['0 0 24 24', 'M12 6v16…', 'stroke'] });  // outline
+ * @param {Record<string, IconGlyph>} glyphs Glyphs keyed by icon name.
  * @returns {void}
+ * @throws {TypeError} When an entry is neither a `[viewBox, path]` pair nor a
+ *   `[viewBox, path, 'fill'|'stroke']` triple.
  */
-export declare function registerIcons(glyphs: Record<string, [string, string]>): void;
+export declare function registerIcons(glyphs: Record<string, IconGlyph>): void;
 /**
  * Lists every inline SVG glyph name available, built-in and registered.
  * @returns {string[]} Sorted icon names.
@@ -130,8 +137,16 @@ export declare function iconNames(): string[];
  * its renderer itself — `'fa:user'`, `'duotone:user'`, `'kit:zeyos-notes'`, `'builtin:check'`, or
  * a literal Font Awesome class list such as `'fa-solid fa-user'`.
  *
+ * **A name this cannot resolve never throws.** Icon names routinely arrive from a server, and one
+ * unconfigured name must not take down the screen it appears on. An inline glyph the bundled set
+ * does not carry renders as the placeholder described in `missingIcon()` and is reported once per
+ * distinct name through `console.warn`; pass `{ strict: true }` to get a `RangeError` instead.
+ * Only the inline-SVG path can fail this way: Font Awesome resolves names in the browser at render
+ * time, so a name under a loaded kit or stylesheet is never "unknown" here and never warns.
+ *
  * @param {string} name Icon name or spec.
  * @param {IconOptions} [options={}] Display and accessibility options.
  * @returns {SVGSVGElement|HTMLElement} An `<svg>` for inline glyphs, an `<i>` for Font Awesome.
+ * @throws {RangeError} With `{ strict: true }` only, when the bundled set has no such glyph.
  */
 export declare function icon(name: string, options?: IconOptions): SVGSVGElement | HTMLElement;

package/dist/types/core/motion.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Motion as a setting, for the code that animates in script.
+ *
+ * CSS motion needs nothing from here: `tokens/global.css` sets every `--zx-dur-*` to 0ms and
+ * `base.css` stops animations and transitions both under the operating system's reduced-motion
+ * preference and inside any `data-zx-motion="reduced"` region. A chart engine's own tweening, a
+ * `requestAnimationFrame` loop, or `element.animate()` never sees those rules, so a component that
+ * moves things itself asks `prefersReducedMotion()` before it starts and `watchMotion()` for the
+ * moment the answer changes.
+ *
+ * There is no "full motion" value: a region can only ask for less. Someone who asked their system
+ * for reduced motion gets it whatever an application or a region says.
+ * @module zx/core/motion
+ */
+/** The attribute that marks a reduced-motion region. Its one meaningful value is `reduced`. */
+export declare const MOTION_ATTRIBUTE = "data-zx-motion";
+/**
+ * Whether motion should stop where `element` is: true under the operating system's reduced-motion
+ * preference, or when the element sits inside a `data-zx-motion="reduced"` region (the element
+ * itself included). The region check crosses shadow-root boundaries.
+ * @param {Element|null} [element] Where the motion would happen. Omitted, the document root is
+ *   asked — which answers for an application that sets the attribute on `<html>`.
+ * @returns {boolean}
+ */
+export declare function prefersReducedMotion(element?: Element | null): boolean;
+export type WatchMotionOptions = {
+    /**
+     * Stops watching when aborted, exactly as calling the returned
+     * disposer does. A signal that is already aborted watches nothing.
+     */
+    signal?: AbortSignal;
+    /**
+     * Also calls back once, synchronously, with the current
+     * answer — convenient for a loop that starts or stays stopped in the same callback.
+     */
+    immediate?: boolean;
+};
+/**
+ * @typedef {Object} WatchMotionOptions
+ * @property {AbortSignal} [signal] Stops watching when aborted, exactly as calling the returned
+ *   disposer does. A signal that is already aborted watches nothing.
+ * @property {boolean} [immediate=false] Also calls back once, synchronously, with the current
+ *   answer — convenient for a loop that starts or stays stopped in the same callback.
+ */
+/**
+ * Calls back whenever `prefersReducedMotion(element)` changes: when the operating-system preference
+ * flips, or when a `data-zx-motion` attribute is set, changed, or removed on the element or any
+ * ancestor (in the document, or in the shadow root the element lives in). The callback receives
+ * the new answer and runs only on a real change.
+ *
+ * Moving the element into or out of a reduced region is not observed — ask
+ * `prefersReducedMotion()` again after re-parenting.
+ * @param {Element|null} element Where the motion happens. Null watches the document root.
+ * @param {(reduced: boolean) => void} fn Receives `true` when motion must stop, `false` when it may
+ *   run again.
+ * @param {WatchMotionOptions} [options={}]
+ * @returns {() => void} Disposer: stops watching. Safe to call more than once.
+ */
+export declare function watchMotion(element: Element | null, fn: (reduced: boolean) => void, options?: WatchMotionOptions): () => void;

package/dist/types/core/overlay-host.d.ts

@@ -2,7 +2,7 @@
  * Finds the closest styling scope for a top-layer element.
  *
  * Popovers and dialogs escape clipping even when their DOM parent is inside an application shell,
- * so keeping them below that parent preserves inherited theme, density, material, and product
+ * so keeping them below that parent preserves inherited theme, preset, material, and product
  * token overrides without sacrificing top-layer behaviour. The document body remains the safe
  * fallback for unscoped applications.
  *
@@ -10,3 +10,17 @@
  * @returns {Element}
  */
 export declare function overlayHost(source?: Element | string | null): Element;
+/**
+ * Like `overlayHost()`, but declines to guess for a source that is not in the document yet.
+ *
+ * A component created before its anchor is connected cannot know which themed region the anchor
+ * will end up in: the anchor's ancestors are not there yet, so `overlayHost()` would answer
+ * `<body>`, outside every `[data-zx-theme]` and `.zx-scope`. This returns null instead, so the
+ * overlay can stay detached until it first opens and resolve its host with `overlayHost()` then,
+ * when the anchor is in place. The focused-element default (`source` null) is always connected and
+ * resolves exactly as `overlayHost()` does.
+ *
+ * @param {Element|string|null} [source=null] Element or selector whose styling scope should own the overlay.
+ * @returns {Element|null} The host, or null while the source is not connected to the document.
+ */
+export declare function connectedOverlayHost(source?: Element | string | null): Element | null;

package/dist/types/index.d.ts

@@ -11,6 +11,7 @@ export { Component } from './core/component.js';
 export { h, htmlEscape, resolveElement, highlightMatch, __, compactElement, fragment, parseCompactTag, applyCompactProperties, appendContent, appendCompact, appendCompactChild, onCompactEvent, offCompactEvent, fireCompactEvent } from './core/dom.js';
 export { position } from './core/position.js';
 export { breakpoints, breakpointOf, matchBreakpoint, onBreakpoint } from './core/breakpoint.js';
+export { MOTION_ATTRIBUTE, prefersReducedMotion, watchMotion } from './core/motion.js';
 export { Http, zeyosService, parseResult } from './core/http.js';
 export { setTranslator, setLanguage, getLanguage, translate, printf } from './core/i18n.js';
 export { focusTrap, rovingTabindex, typeahead } from './core/keyboard.js';
@@ -22,8 +23,8 @@ export { formatNumber, formatCurrency, formatPercent, formatFileSize, formatRela
 export { storage } from './core/storage.js';
 export { toCsv, downloadBlob, copyToClipboard } from './core/export.js';
 export { defineElements } from './elements/define.js';
-export { button, buttonGroup } from './components/button/button.js';
-export { badge, badgeGroup } from './components/badge/badge.js';
+export { button, buttonGroup, setButtonBusy } from './components/button/button.js';
+export { BADGE_TONES, badge, badgeGroup } from './components/badge/badge.js';
 export { CheckButton } from './components/check-button/check-button.js';
 export { emptyState } from './components/empty-state/empty-state.js';
 export { spinner } from './components/loading/spinner.js';
@@ -34,10 +35,12 @@ export { stack, grid, aspect } from './components/layout/layout.js';
 export { truncate, isTruncated } from './components/truncate/truncate.js';
 export { copyButton } from './components/copy/copy-button.js';
 export { CopyInput } from './components/copy/copy-input.js';
+export { CodeEditor, indentSelection, editorPosition } from './components/code-editor/code-editor.js';
 export { Toolbar } from './components/toolbar/toolbar.js';
 export { Toggle } from './components/toggle/toggle.js';
 export { Groupbox } from './components/groupbox/groupbox.js';
 export { Card } from './components/card/card.js';
+export { StatTile, statTile } from './components/stat-tile/stat-tile.js';
 export { Aurora } from './components/aurora/aurora.js';
 export { Panel } from './components/panel/panel.js';
 export { MasterPanel } from './components/master-panel/master-panel.js';
@@ -51,7 +54,12 @@ export { Pagination, paginationRange } from './components/pagination/pagination.
 export { Search } from './components/search/search.js';
 export { AppIcon, appIcon } from './components/app-icon/app-icon.js';
 export { Launcher, rankLauncherItems } from './components/launcher/launcher.js';
-export { Avatar, avatarInitials } from './components/avatar/avatar.js';
+export { AVATAR_TONES, Avatar, avatarInitials, avatarTone } from './components/avatar/avatar.js';
+export { EntityRef, normalizeEntityRef, normalizeEntityRefLink, normalizeEntityRefMetadata, normalizeEntityRefActions } from './components/entity-ref/entity-ref.js';
+export { FileItem, normalizeFileItem } from './components/file-item/file-item.js';
+export { FileList, normalizeFileListItems } from './components/file-list/file-list.js';
+export { ActivityItem, resolveActivityActions, normalizeActivityAction, normalizeActivityTimestamp } from './components/activity-item/activity-item.js';
+export { ActivityList, groupActivityItems, normalizeActivityItems } from './components/activity-list/activity-list.js';
 export { AccountMenu } from './components/account-menu/account-menu.js';
 export { normalizeAppItems } from './internal/app-rail.js';
 export { AppSidebar } from './components/app-sidebar/app-sidebar.js';
@@ -65,6 +73,7 @@ export { Tooltip, tooltip, describe } from './components/tooltip/tooltip.js';
 export { MenuButton } from './components/menu-button/menu-button.js';
 export { ContextMenu } from './components/context-menu/context-menu.js';
 export { Select } from './components/select/select.js';
+export { statusIcon, priorityIcon } from './components/select/glyphs.js';
 export { Checklist } from './components/checklist/checklist.js';
 export { TagPicker } from './components/tag-picker/tag-picker.js';
 export { NumberField, parseNumber, snapNumber } from './components/number-field/number-field.js';
@@ -85,11 +94,15 @@ export { TableView } from './components/table-view/table-view.js';
 export { CardView } from './components/card-view/card-view.js';
 export { KanbanView } from './components/kanban-view/kanban-view.js';
 export { absoluteKanbanIndex, allowsKanbanTransition, createKanbanHistory, evaluateKanbanMove, kanbanSearchTerms, locateKanbanRecord, matchesKanbanSearch, normalizeKanbanRules, reorderKanbanRecords, resolveKanbanRules } from './components/kanban-view/kanban-policy.js';
+export { createKanbanAvatars, createKanbanCardHead, createKanbanIndicator, createKanbanProgress, kanbanAvatarLimit, resolveKanbanAssignees, resolveKanbanIndicator, resolveKanbanProgress } from './components/kanban-view/kanban-card.js';
 export { Grid, billingColumns, isBillingLine } from './components/grid/grid.js';
 export { Chart, ChartJsAdapter, chartSummaryTable, cloneChartValue, isEmptyChartData } from './components/chart/chart.js';
 export { TreeView } from './components/tree/tree.js';
 export { Finder } from './components/finder/finder.js';
 export { DataFilter } from './components/data-filter/data-filter.js';
+export { FilterPanel, isActiveValue, pruneValue, serializeFilterValue } from './components/filter-panel/filter-panel.js';
+export { SortControl } from './components/sort-control/sort-control.js';
+export { ListToolbar } from './components/list-toolbar/list-toolbar.js';
 export { Filter } from './components/filter/filter.js';
 export { filterOperators, emptyFilterAst, filterCondition, filterGroup, parseFilterAst, cloneFilterAst, stringifyFilterAst, validateFilterAst } from './components/filter/filter-model.js';
 export { Field } from './components/field/field.js';

package/dist/types/internal/app-rail.d.ts

@@ -238,6 +238,16 @@ export declare class AppRailPresenter extends Component<AppRailPresenterOptions>
     _syncActive(): void;
     /** @returns {void} */
     _clearArtifacts(): void;
+    /**
+     * Resolves one message through `msg()`, which falls back to the host translator. Copied from
+     * `Pagination` rather than invented: the rail's flyout label was the last user-visible string
+     * in the navigation stack with no way to change it.
+     * @param {string} key Message key.
+     * @param {string} fallback English default.
+     * @param {...unknown} args Interpolation arguments.
+     * @returns {string}
+     */
+    _message(key: string, fallback: string, ...args: unknown[]): string;
 }
 /** Owns listeners attached to one dynamic rail render so `setItems()` can release them immediately. */
 declare class RailListenerScope extends Component {

package/dist/types/internal/menu-items.d.ts

@@ -0,0 +1,134 @@
+export type MenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
+export type MenuController = {
+    /**
+     * Close the owning menu.
+     */
+    close: () => unknown;
+};
+export type MenuItem = {
+    /**
+     * Item label.
+     */
+    label: string;
+    /**
+     * Kernel icon name.
+     */
+    icon?: string;
+    /**
+     * Value emitted on selection.
+     */
+    value?: unknown;
+    /**
+     * Whether selection is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the action is dangerous.
+     */
+    danger?: boolean;
+    /**
+     * Native-link destination.
+     */
+    href?: string;
+    /**
+     * Native-link target.
+     */
+    target?: string;
+    /**
+     * Native-link relationship.
+     */
+    rel?: string;
+    /**
+     * Supporting text under the label.
+     */
+    description?: string;
+    /**
+     * Compact trailing metadata.
+     */
+    badge?: string | number;
+    /**
+     * Keyboard shortcut label.
+     */
+    shortcut?: string;
+    /**
+     * Additional trailing content.
+     */
+    adornment?: string | number | Node;
+    /**
+     * APG role.
+     */
+    role?: MenuItemRole;
+    /**
+     * Checked state for checkbox/radio roles.
+     */
+    checked?: boolean;
+    /**
+     * Selection callback.
+     */
+    onselect?: (value: unknown, item: MenuItem, controller: MenuController) => void;
+};
+export type MenuHeading = {
+    /**
+     * Entry kind.
+     */
+    type: 'heading';
+    /**
+     * Visible heading.
+     */
+    label: string;
+};
+export type MenuSeparator = {
+    type: 'separator';
+};
+export type MenuEntry = MenuItem | MenuHeading | MenuSeparator | '-';
+/** @typedef {'menuitem'|'menuitemcheckbox'|'menuitemradio'} MenuItemRole */
+/**
+ * @typedef {Object} MenuController
+ * @property {() => unknown} close Close the owning menu.
+ */
+/**
+ * @typedef {Object} MenuItem
+ * @property {string} label Item label.
+ * @property {string} [icon] Kernel icon name.
+ * @property {unknown} [value] Value emitted on selection.
+ * @property {boolean} [disabled=false] Whether selection is disabled.
+ * @property {boolean} [danger=false] Whether the action is dangerous.
+ * @property {string} [href] Native-link destination.
+ * @property {string} [target] Native-link target.
+ * @property {string} [rel] Native-link relationship.
+ * @property {string} [description] Supporting text under the label.
+ * @property {string|number} [badge] Compact trailing metadata.
+ * @property {string} [shortcut] Keyboard shortcut label.
+ * @property {string|number|Node} [adornment] Additional trailing content.
+ * @property {MenuItemRole} [role='menuitem'] APG role.
+ * @property {boolean} [checked=false] Checked state for checkbox/radio roles.
+ * @property {(value: unknown, item: MenuItem, controller: MenuController) => void} [onselect]
+ *   Selection callback.
+ */
+/**
+ * @typedef {Object} MenuHeading
+ * @property {'heading'} type Entry kind.
+ * @property {string} label Visible heading.
+ */
+/** @typedef {{type: 'separator'}} MenuSeparator */
+/** @typedef {MenuItem|MenuHeading|MenuSeparator|'-'} MenuEntry */
+export declare const MENU_ITEM_SELECTOR: string;
+/**
+ * Reports whether an entry is an interactive menu action.
+ * @param {MenuEntry|unknown} entry Candidate entry.
+ * @returns {entry is MenuItem}
+ */
+export declare function isMenuItem(entry: MenuEntry | unknown): entry is MenuItem;
+/**
+ * Resolves the only APG roles accepted by the shared action model.
+ * @param {MenuItem} item Item definition.
+ * @returns {MenuItemRole}
+ */
+export declare function menuItemRole(item: MenuItem): MenuItemRole;
+/**
+ * Builds one menu's entries with shared structure and link safety.
+ * @param {MenuEntry[]} entries Entry definitions.
+ * @param {string} block CSS block name, without the `zx-` prefix.
+ * @returns {HTMLElement[]}
+ */
+export declare function renderMenuEntries(entries: MenuEntry[], block: string): HTMLElement[];

package/dist/types/zeyos/connect.d.ts

@@ -63,3 +63,9 @@ export type ZeyosFacade = {
  * @returns {ZeyosFacade} Bound facade.
  */
 export declare function connect(client: Record<string, any>, { onError, locale }?: ConnectOptions): ZeyosFacade;
+/**
+ * The text a failed request is reported with: the error's own message, or a generic sentence.
+ * @param {unknown} error Rejection reason.
+ * @returns {string}
+ */
+export declare function errorMessage(error: unknown): string;

package/dist/types/zeyos/form.d.ts

@@ -12,6 +12,17 @@ export type ZeyosFormOptions = {
      * Per-field label overrides.
      */
     labels?: Record<string, string>;
+    /**
+     * Per-field semantic format overrides, such as
+     * `{ duedate: 'date' }` for a Unix-second field that holds a calendar day.
+     */
+    formats?: Record<string, string>;
+    /**
+     * IANA time zone of the ZeyOS instance. A date-only field's stored
+     * midnight is read as the calendar day it names in this zone, and a picked day is saved as midnight
+     * in it; defaults to the runtime's own zone.
+     */
+    timeZone?: string;
     /**
      * Fieldset legend.
      */
@@ -32,6 +43,17 @@ export type ZeyosFormOptions = {
      * Success callback.
      */
     onSaved?: (record: Record<string, unknown>) => unknown | Promise<unknown>;
+    /**
+     * Element or selector whose theme scope shows the
+     * binding's toasts — the save confirmation and the report of a failed request. Null uses the form's
+     * own element, so a form inside a scoped shell or dialog toasts inside that scope.
+     */
+    scope?: Element | string | null;
+    /**
+     * Whether the binding raises toasts. `false` keeps it silent:
+     * `save()`, `load()`, and `ready` still resolve or reject, and reporting is the caller's.
+     */
+    notify?: boolean;
 };
 export type ZeyosFormConfig = {
     /**
@@ -54,11 +76,13 @@ export type ZeyosFormConfig = {
      */
     formOptions: Record<string, any>;
     /**
-     * Maps Unix seconds to Date values.
+     * Maps Unix
+     * seconds to Date values: a date-only field to local midnight of its calendar day in `timeZone`.
      */
     mapFromRecord: (record: Record<string, unknown>) => Record<string, unknown>;
     /**
-     * Maps Date and enum values to API storage values.
+     * Maps Date and
+     * enum values to API storage values: a date-only field to midnight of its day in `timeZone`.
      */
     mapToRecord: (values: Record<string, unknown>) => Record<string, unknown>;
 };
@@ -76,7 +100,8 @@ export type ZeyosFormBinding = {
      */
     load: (id: unknown) => Promise<Record<string, unknown>>;
     /**
-     * Validates and creates or updates the record.
+     * Validates and creates or updates the
+     * record, then confirms with a toast in the form's scope unless `notify` is false.
      */
     save: () => Promise<Record<string, unknown> | null>;
     /**
@@ -93,11 +118,21 @@ export type ZeyosFormBinding = {
  * @property {string[]} [fields] Curated ordered field allow-list.
  * @property {string[]} [exclude] Field ids to omit.
  * @property {Record<string, string>} [labels] Per-field label overrides.
+ * @property {Record<string, string>} [formats] Per-field semantic format overrides, such as
+ * `{ duedate: 'date' }` for a Unix-second field that holds a calendar day.
+ * @property {string} [timeZone] IANA time zone of the ZeyOS instance. A date-only field's stored
+ * midnight is read as the calendar day it names in this zone, and a picked day is saved as midnight
+ * in it; defaults to the runtime's own zone.
  * @property {string} [title=''] Fieldset legend.
  * @property {1|2|3} [columns=2] Fieldset column count.
  * @property {Record<string, unknown>} [value] Initial record using ZeyOS storage values.
  * @property {unknown} [id] Initial record id to load.
  * @property {(record: Record<string, unknown>) => unknown|Promise<unknown>} [onSaved] Success callback.
+ * @property {Element|string|null} [scope=null] Element or selector whose theme scope shows the
+ * binding's toasts — the save confirmation and the report of a failed request. Null uses the form's
+ * own element, so a form inside a scoped shell or dialog toasts inside that scope.
+ * @property {boolean} [notify=true] Whether the binding raises toasts. `false` keeps it silent:
+ * `save()`, `load()`, and `ready` still resolve or reject, and reporting is the caller's.
  */
 /**
  * @typedef {Object} ZeyosFormConfig
@@ -105,22 +140,26 @@ export type ZeyosFormBinding = {
  * @property {Record<string, Record<string, any>>} fields Field descriptors keyed by id.
  * @property {Array<{id: string, resource: string}>} entityFields Referenced-resource fields.
  * @property {Record<string, any>} formOptions Plain Zx Form options.
- * @property {(record: Record<string, unknown>) => Record<string, unknown>} mapFromRecord Maps Unix seconds to Date values.
- * @property {(values: Record<string, unknown>) => Record<string, unknown>} mapToRecord Maps Date and enum values to API storage values.
+ * @property {(record: Record<string, unknown>) => Record<string, unknown>} mapFromRecord Maps Unix
+ * seconds to Date values: a date-only field to local midnight of its calendar day in `timeZone`.
+ * @property {(values: Record<string, unknown>) => Record<string, unknown>} mapToRecord Maps Date and
+ * enum values to API storage values: a date-only field to midnight of its day in `timeZone`.
  */
 /**
  * @typedef {Object} ZeyosFormBinding
  * @property {Form} form Generated Zx form.
  * @property {Promise<Record<string, unknown>|null>} ready Initial value/load readiness.
  * @property {(id: unknown) => Promise<Record<string, unknown>>} load Loads and maps one record.
- * @property {() => Promise<Record<string, unknown>|null>} save Validates and creates or updates the record.
+ * @property {() => Promise<Record<string, unknown>|null>} save Validates and creates or updates the
+ * record, then confirms with a toast in the form's scope unless `notify` is false.
  * @property {() => Form} getForm Returns the generated Zx Form.
  * @property {() => void} destroy Destroys the form and all owned fields/selects.
  */
 /**
  * Builds the DOM-free form configuration consumed by {@link zeyosForm}. Entity descriptors retain
  * the `zxselect` type and receive the same async options used by {@link zeyosSelect}; enum options
- * come from normalized schema metadata, and the returned mappers handle Unix-second dates.
+ * come from normalized schema metadata with readable labels, and the returned mappers handle
+ * Unix-second dates — date-only fields as calendar days in `opts.timeZone`.
  * @param {Record<string, any>} client Injected ZeyOS client instance.
  * @param {string} resource Resource name such as `transactions`.
  * @param {ZeyosFormOptions} [opts={}] Schema curation and layout options.
@@ -130,8 +169,10 @@ export declare function buildZeyosFormConfig(client: Record<string, any>, resour
 /**
  * Generates a schema-driven Zx Form and a small async binding object. `load(id)` hydrates entity
  * labels and converts Unix seconds to Date objects. `save()` validates, maps values back to API
- * storage types, calls create/update through the WP14 connection facade, shows a success toast,
- * and invokes `onSaved(record)`. Await `ready` when `opts.id` or `opts.value` is supplied.
+ * storage types, calls create/update through the WP14 connection facade, invokes
+ * `onSaved(record)`, and shows a success toast. Its toasts — that confirmation and the report of a
+ * failed request — appear in the theme scope of `opts.scope` or of the form itself, and
+ * `notify: false` silences them. Await `ready` when `opts.id` or `opts.value` is supplied.
  * @param {Record<string, any>} client Injected ZeyOS client instance.
  * @param {string} resource Resource name such as `transactions`.
  * @param {ZeyosFormOptions} [opts={}] Schema, initial value, and save options.

package/dist/types/zeyos/index.d.ts

@@ -3,7 +3,7 @@
  * @module zx/zeyos
  */
 export { fieldToZxField, fieldToZxColumn, resolveFields, registerFieldType } from './schema.js';
-export { buildListQuery, tableSortToQuery, dataFilterStateToFilters, dateToUnixSeconds, unixSecondsToDate } from './query.js';
+export { buildListQuery, tableSortToQuery, dataFilterStateToFilters, dateToUnixSeconds, unixSecondsToDate, calendarDayToUnixSeconds, unixSecondsToCalendarDay } from './query.js';
 export { connect } from './connect.js';
 export { zeyosModules, moduleAliases, moduleInfo, moduleColor, moduleIconName, moduleKeys, moduleGlyphColor, normalizeModuleName, registerModules } from './modules.js';
 export { ZEYOS_ICON_KIT, useZeyosIcons, moduleIcon, moduleChip, zeyosAppIcon } from './icons.js';

package/dist/types/zeyos/query.d.ts

@@ -129,6 +129,85 @@ export declare function dateToUnixSeconds(date: Date | null | undefined): number
  * @returns {Date|null} Date value, or null for a nullish input.
  */
 export declare function unixSecondsToDate(seconds: number | string | null | undefined): Date | null;
+export type CalendarDay = {
+    /**
+     * Full year.
+     */
+    year: number;
+    /**
+     * Zero-based month, as `Date` counts them.
+     */
+    month: number;
+    /**
+     * Day of the month.
+     */
+    day: number;
+};
+export type CalendarZone = {
+    /**
+     * Canonical IANA zone, or undefined for the runtime's own zone.
+     */
+    timeZone: string | undefined;
+    /**
+     * Calendar day an instant falls on in the zone.
+     */
+    dayOf: (milliseconds: number) => CalendarDay;
+    /**
+     * Epoch milliseconds of
+     * the first moment of a calendar day in the zone (its midnight, or the first minute after a
+     * daylight-saving gap that swallows midnight).
+     */
+    midnightOf: (year: number, month: number, day: number) => number;
+};
+/**
+ * @typedef {Object} CalendarDay
+ * @property {number} year Full year.
+ * @property {number} month Zero-based month, as `Date` counts them.
+ * @property {number} day Day of the month.
+ */
+/**
+ * @typedef {Object} CalendarZone
+ * @property {string|undefined} timeZone Canonical IANA zone, or undefined for the runtime's own zone.
+ * @property {(milliseconds: number) => CalendarDay} dayOf Calendar day an instant falls on in the zone.
+ * @property {(year: number, month: number, day: number) => number} midnightOf Epoch milliseconds of
+ * the first moment of a calendar day in the zone (its midnight, or the first minute after a
+ * daylight-saving gap that swallows midnight).
+ */
+/**
+ * Reads a ZeyOS date-only value as the calendar day it names. Date-only fields — an invoice's
+ * `date` and `duedate`, a contact's `birthdate` — hold Unix seconds at midnight of a day in the
+ * instance's time zone: a calendar day, not an instant. The result is midnight of that same day in
+ * the runtime's own zone, which is what Datebox and DatePicker edit, so the day survives a viewer in
+ * another zone and a daylight-saving change.
+ * @param {number|string|null|undefined} seconds Unix seconds; numeric strings are accepted.
+ * @param {string} [timeZone] IANA zone of the instance, such as `Europe/Vienna`; the runtime's own
+ * zone when omitted.
+ * @returns {Date|null} Local midnight of the day, or null for a nullish or empty input.
+ */
+export declare function unixSecondsToCalendarDay(seconds: number | string | null | undefined, timeZone?: string): Date | null;
+/**
+ * Converts the calendar day of a Date to the Unix seconds a ZeyOS date-only field stores: midnight
+ * of that day in the instance's time zone. Only the Date's local year, month, and day count — its
+ * time of day is ignored — so a Datebox value round-trips through {@link unixSecondsToCalendarDay}.
+ * @param {Date|null|undefined} date Day to store.
+ * @param {string} [timeZone] IANA zone of the instance; the runtime's own zone when omitted.
+ * @returns {number|null} Unix seconds, or null for a nullish input.
+ */
+export declare function calendarDayToUnixSeconds(date: Date | null | undefined, timeZone?: string): number | null;
+/**
+ * Validates an IANA time-zone name.
+ * @param {unknown} timeZone Zone name; nullish or empty selects the runtime's own zone.
+ * @returns {string|undefined} The canonical zone name, or undefined for the runtime's own zone.
+ * @throws {RangeError} When the runtime does not know the zone.
+ */
+export declare function normalizeTimeZone(timeZone: unknown): string | undefined;
+/**
+ * Calendar arithmetic for one time zone. The `Intl` formatter is built once, so a table column can
+ * hold one zone for all of its cells.
+ * @param {string} [timeZone] IANA zone; the runtime's own zone when omitted.
+ * @returns {CalendarZone} Day lookup and midnight construction for the zone.
+ */
+export declare function calendarZone(timeZone?: string): CalendarZone;
 /**
  * Converts one or more Zx Table sort records to the signed field notation used by ZeyOS.
  * A missing sort produces an empty array.