optikos 0.3.0 → 0.5.0

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

@@ -11,6 +11,8 @@ export interface FieldConfig<V = unknown> extends ComponentConfig {
     validators?: Validator<V>[];
     /** When to validate on its own. After the first error it revalidates on every change. Default `blur`. */
     validateOn?: 'blur' | 'change' | 'submit';
+    /** Lookups and pickers: the key of the loaded record that holds the text to show for the value (`evento` + `displayFrom: 'eventoNome'`). */
+    displayFrom?: string;
     /** ms of quiet after the last change before `settled` fires (0 = right away). `change` itself is never delayed. */
     debounce?: number;
 }
@@ -44,6 +46,8 @@ export declare abstract class Field<V = unknown, C extends FieldConfig<V> = Fiel
     getValue(): V;
     /** Sets the value programmatically. `silent` skips the `change` event and validation. */
     setValue(v: V, silent?: boolean): void;
+    /** Silently takes this field's value from a record (by `name`); does nothing when the record lacks the key. */
+    fillFrom(record: Record<string, any>): void;
     /** For subclasses: the user edited the control and the DOM already shows `v`. */
     protected commit(v: V): void;
     private changed;

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

@@ -2,6 +2,8 @@ export type Locale = Record<string, string>;
 export declare const locales: Record<string, Locale>;
 /** Picks a registered locale by name (`'pt-BR'`, or `'pt'` as a prefix) or merges a custom object over English. */
 export declare function setLocale(l: string | Locale): void;
+/** The ISO 4217 code that `money` columns and currency fields use (each locale brings its own default). */
+export declare function setCurrency(code: string): void;
 export declare const getLocale: () => Locale;
 /**
  * Adds messages to a locale (created if missing). Keys already there are kept, so an app's own overrides win.

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

@@ -1,11 +1,14 @@
 export { Emitter, type Handler } from './emitter.js';
 export { h, attr, uid, kebab, px, clamp, type Attrs, type Child } from './dom.js';
-export { t, setLocale, getLocale, addMessages, locales, type Locale } from './i18n.js';
+export { t, setLocale, setCurrency, getLocale, addMessages, locales, type Locale } from './i18n.js';
 export { Component, type ComponentConfig, type Parent } from './component.js';
 export { Container, type ContainerConfig } from './container.js';
 export { register, create, getType, type AnyConfig, type ComponentClass } from './registry.js';
 export { registerLayout, createLayout, type Layout, type LayoutSpec, type LayoutFactory } from '../layout/layout.js';
 export { Field, type FieldConfig } from './field.js';
+export { setStateStorage, loadState, saveState, type StateStorage } from './state.js';
+export { getPath, setPath } from './path.js';
+export { setPermissionResolver, setPermissionMode, allowed, gate, type PermissionMode } from './permission.js';
 export * as validators from './validators.js';
 export type { Validator } from './validators.js';
 export { layer, toLayer, lockModal } from './layer.js';

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

@@ -0,0 +1,2 @@
+export declare const getPath: (o: any, path: string) => any;
+export declare function setPath(o: any, path: string, value: unknown): void;

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

@@ -0,0 +1,11 @@
+export type PermissionMode = 'hide' | 'disable';
+/** The app's answer to "may the user do this?". Without one, every `permission` is granted. */
+export declare function setPermissionResolver(fn: ((permission: string) => boolean) | undefined): void;
+/** What a component without access does by default: `hide` (default) or `disable`. A component's `permissionMode` wins. */
+export declare function setPermissionMode(m: PermissionMode): void;
+export declare const allowed: (permission?: string) => boolean;
+export declare const permissionMode: () => PermissionMode;
+/** Applies each item's `permission` to a list: denied items are dropped (`hide`) or come back `disabled` (`disable`). Nested `items` too. */
+export declare function gate<T extends {
+    permission?: string;
+}>(list: T[] | undefined): T[] | undefined;

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

@@ -0,0 +1,9 @@
+/** Where per-user UI state (column widths, filters, density...) is kept. Both calls may be async (a REST endpoint). */
+export interface StateStorage {
+    get(key: string): unknown | Promise<unknown>;
+    set(key: string, value: unknown): void | Promise<void>;
+}
+/** Replaces the default (`localStorage`) for every `persist`: send it to your API to follow the user across devices. */
+export declare function setStateStorage(storage: StateStorage | undefined): void;
+export declare const loadState: <T = unknown>(key: string) => Promise<T | null>;
+export declare const saveState: (key: string, value: unknown) => Promise<void>;

package/dist/types/data/column.d.ts

@@ -18,7 +18,15 @@ export interface Column<T extends Record<string, any> = any> {
     align?: 'left' | 'center' | 'right';
     sortable?: boolean;
     hidden?: boolean;
-    /** Name registered with `registerFormat` (`money`, `date`, `number`, `percent`, `bool`) or a function. */
+    /** Pinned to the start or the end while the body scrolls sideways (give it a `width`; default 140). The columns of one edge stay together. */
+    locked?: 'start' | 'end';
+    /** With `grouping()` or `columnTotals()`: what the total shows. Numbers: `sum`, `avg`, `min`, `max`, `count`; dates: `min` (earliest), `max` (latest), `count`; or your own function of the values. */
+    summary?: 'sum' | 'avg' | 'min' | 'max' | 'count' | ((values: any[], recs: Model<T>[]) => unknown);
+    /** Text for the total of this column (default: the column's `format`, else the plain value). */
+    summaryRenderer?: (value: any, col: Column<T>) => string | Node;
+    /** Left out while `setPermissionResolver` denies it. */
+    permission?: string;
+    /** Name registered with `registerFormat` (`money`, `date`, `number`, `percent`, `bool`, `duration`: minutes as `7h 30m`) or a function. */
     format?: string | Formatter;
     /** Full control over the cell content. Text is escaped; return a Node for markup. */
     renderer?: (value: any, rec: Model<T>, col: Column<T>) => string | Node;
@@ -30,3 +38,5 @@ export interface Column<T extends Record<string, any> = any> {
 }
 /** Cell content for a record: `renderer` first, then `format`, then the plain value. */
 export declare function cellContent<T extends Record<string, any>>(col: Column<T>, rec: Model<T>): string | Node;
+/** The value of a column's `summary` over some records. */
+export declare function summarize(col: Column, recs: Model[]): unknown;

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

@@ -1,5 +1,5 @@
 export { Model, type ModelDef, type FieldDef } from './model.js';
-export { Store, matchFilter, type StoreConfig, type StoreProxy, type FilterFn } from './store.js';
+export { Store, matchFilter, type StoreConfig, type StoreProxy, type Patch, type LiveSource, type FilterFn } from './store.js';
 export { MemoryProxy, RestProxy, type Proxy, type RestProxyConfig, type ReadParams, type ReadResult, type Sorter, type FilterSpec, type FilterOp, type FilterGroup, type FilterNode } from './proxy.js';
 export { format, registerFormat, type Formatter } from './format.js';
 export { cellContent, type Column } from './column.js';

package/dist/types/data/model.d.ts

@@ -21,6 +21,8 @@ export declare class Model<T extends Record<string, any> = Record<string, any>>
     get id(): string | number;
     get<K extends keyof T>(field: K): T[K];
     set<K extends keyof T>(field: K, value: T[K]): void;
+    /** Applies values that came from the server. It is not an edit (nothing becomes dirty), and a field the user already changed keeps their value. */
+    patch(raw: Partial<T>): boolean;
     isDirty(): boolean;
     getChanges(): Partial<T>;
     commit(): void;

package/dist/types/data/store.d.ts

@@ -3,6 +3,21 @@ import { Model, type ModelDef, type RecordOwner } from './model.js';
 import type { FilterNode, Proxy, ReadParams, ReadResult, Sorter } from './proxy.js';
 export type StoreProxy<T> = Proxy<T> | ((params: ReadParams, signal?: AbortSignal) => Promise<ReadResult<T> | T[]> | ReadResult<T> | T[]);
 export type FilterFn<T extends Record<string, any>> = (rec: Model<T>) => boolean;
+/** One live change: `upsert` merges `data` into the record with the same id (or adds it), `remove` drops the record with `id`. */
+export interface Patch<T> {
+    op?: 'upsert' | 'remove';
+    data?: Partial<T>;
+    id?: string | number;
+}
+/** What `connect` needs from a source: an `EventSource` or a `WebSocket` both fit. */
+export interface LiveSource {
+    addEventListener(type: 'message', fn: (e: {
+        data: any;
+    }) => void): void;
+    removeEventListener(type: 'message', fn: (e: {
+        data: any;
+    }) => void): void;
+}
 export interface StoreConfig<T extends Record<string, any>> {
     data?: Partial<T>[];
     model?: ModelDef;
@@ -57,6 +72,8 @@ export declare class Store<T extends Record<string, any> = Record<string, any>>
     loadData(data: Partial<T>[]): void;
     /** Reads through the proxy. Extra `params` are sent to it and remembered for later reloads. A newer load cancels the older one. */
     load(params?: Record<string, unknown>): Promise<void>;
+    /** Every record that matches the current sort and filters: a local store has them; a remote one is read page by page through its proxy. */
+    fetchAll(pageSize?: number): Promise<Model<T>[]>;
     private setRecords;
     /** Recomputes filtered/sorted/paged rows from `all`. */
     private refreshView;
@@ -80,6 +97,10 @@ export declare class Store<T extends Record<string, any> = Record<string, any>>
     add(raw: Partial<T> | Partial<T>[]): Model<T>[];
     insert(index: number, raw: Partial<T>): Model<T>;
     remove(target: Model<T> | number | Array<Model<T>>): void;
+    /** Applies live changes in place, with one repaint: known ids are patched (not marked as edits), unknown ones are added, `remove` drops. */
+    applyPatches(patches: Array<Patch<T>>): void;
+    /** Applies what a source sends as it arrives (`{ op, data, id }`, or an array of them; text is parsed as JSON). Returns the function that stops it. */
+    connect(source: LiveSource, parse?: (data: any) => Patch<T> | Array<Patch<T>>): () => void;
     clear(): void;
     recordChanged(rec: Model, field: string): void;
     getModified(): Model<T>[];

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

@@ -0,0 +1,2 @@
+/** Starts warning; returns the function that stops it. Each type/option pair warns once. */
+export declare function enableConfigWarnings(): () => void;

package/dist/types/dev/keys.d.ts

@@ -0,0 +1 @@
+export declare const keys: Record<string, string>;

package/dist/types/index.d.ts

@@ -3,21 +3,36 @@ export * from './data/index.js';
 export * from './themes/index.js';
 export * from './motion/index.js';
 export * from './ui/index.js';
+export * from './build/index.js';
+export * from './components/base/avatar/avatar.js';
 export * from './components/base/badge/badge.js';
 export * from './components/base/button/button.js';
 export * from './components/base/chip/chip.js';
 export * from './components/base/codeviewer/codeviewer.js';
 export * from './components/base/icon/icon.js';
+export * from './components/base/image/image.js';
+export * from './components/base/imagecanvas/imagecanvas.js';
 export * from './components/base/label/label.js';
+export * from './components/charts/chart/chart.js';
+export * from './components/charts/stat/stat.js';
 export * from './components/chat/chat/chat.js';
 export * from './components/data/cellediting/cellediting.js';
+export * from './components/data/columntotals/columntotals.js';
 export * from './components/data/dataview/dataview.js';
+export * from './components/data/exportbar/exportbar.js';
 export * from './components/data/filterbuilder/filterbuilder.js';
 export * from './components/data/grid/grid.js';
+export * from './components/data/gridexport/gridexport.js';
+export * from './components/data/gridstate/gridstate.js';
+export * from './components/data/grouping/grouping.js';
 export * from './components/data/pagination/pagination.js';
+export * from './components/data/rowediting/rowediting.js';
 export * from './components/data/searchgrid/searchgrid.js';
 export * from './components/data/table/table.js';
+export * from './components/data/timeentry/timeentry.js';
+export * from './components/data/timeline/timeline.js';
 export * from './components/data/tree/tree.js';
+export * from './components/data/treegrid/treegrid.js';
 export * from './components/data/viewmanager/viewmanager.js';
 export * from './components/dates/calendar/calendar.js';
 export * from './components/feedback/spinner/spinner.js';
@@ -26,9 +41,12 @@ export * from './components/fields/checkboxgroup/checkboxgroup.js';
 export * from './components/fields/combobox/combobox.js';
 export * from './components/fields/datefield/datefield.js';
 export * from './components/fields/daterangefield/daterangefield.js';
+export * from './components/fields/datetimefield/datetimefield.js';
 export * from './components/fields/dial/dial.js';
+export * from './components/fields/imagefield/imagefield.js';
 export * from './components/fields/listbox/listbox.js';
 export * from './components/fields/lookupfield/lookupfield.js';
+export * from './components/fields/maskfield/maskfield.js';
 export * from './components/fields/numberfield/numberfield.js';
 export * from './components/fields/pickerfield/pickerfield.js';
 export * from './components/fields/radiogroup/radiogroup.js';
@@ -38,6 +56,7 @@ export * from './components/fields/slider/slider.js';
 export * from './components/fields/suggestfield/suggestfield.js';
 export * from './components/fields/textarea/textarea.js';
 export * from './components/fields/textfield/textfield.js';
+export * from './components/fields/timefield/timefield.js';
 export * from './components/fields/toggle/toggle.js';
 export * from './components/form/fieldgroup/fieldgroup.js';
 export * from './components/form/fieldlist/fieldlist.js';
@@ -47,6 +66,7 @@ export * from './components/form/formerrors/formerrors.js';
 export * from './components/form/formsection/formsection.js';
 export * from './components/form/inputgroup/inputgroup.js';
 export * from './components/form/stepform/stepform.js';
+export * from './components/layout/carousel/carousel.js';
 export * from './components/layout/container/container.js';
 export * from './components/layout/fieldset/fieldset.js';
 export * from './components/layout/panel/panel.js';
@@ -61,6 +81,7 @@ export * from './components/overlays/commandpalette/commandpalette.js';
 export * from './components/overlays/dropdown/dropdown.js';
 export * from './components/overlays/menu/menu.js';
 export * from './components/overlays/messagebox/messagebox.js';
+export * from './components/overlays/shortcuts/shortcuts.js';
 export * from './components/overlays/toast/toast.js';
 export * from './components/overlays/tooltip/tooltip.js';
 export * from './components/overlays/widget/widget.js';

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

@@ -0,0 +1,25 @@
+import type { Form } from '../components/form/form/form.js';
+import type { Grid } from '../components/data/grid/grid.js';
+import type { Field } from '../core/field.js';
+import type { Component } from '../core/component.js';
+import type { Store } from '../data/store.js';
+import type { Model } from '../data/model.js';
+import type { LookupField } from '../components/fields/lookupfield/lookupfield.js';
+/** Lets pending promises, microtasks and 0 ms timers run (after `fill`, `store.load()`, a debounce of `ms`...). */
+export declare const flush: (ms?: number) => Promise<void>;
+/** Types into a field the way a user does: sets the input and fires `input`, so parsing, masks and validation run. Falls back to `setValue`. */
+export declare function type(field: Field<any> | HTMLInputElement, text: string): void;
+/** Fills a form from an object (`{ 'address.city': 'Rio', name: 'Ada' }` or nested). Text fields are typed into; the rest get `setValue`. */
+export declare function fill(form: Form, values: Record<string, any>): Form;
+/** Fills and submits. Resolves with the values when the form was valid and submitted, or `null`. */
+export declare function submit(form: Form, values?: Record<string, any>): Promise<Record<string, any> | null>;
+/** What the form shows as errors: `{ fieldName: message }`. */
+export declare function errors(form: Form): Record<string, string>;
+/** Selects a grid row by index, or by the first record the predicate accepts; returns its record. */
+export declare function clickRow<T extends Record<string, any>>(grid: Grid<T>, which: number | ((rec: Model<T>) => boolean)): Model<T>;
+/** Waits until the store is not loading (and, if it has not started yet, until its first `load`). */
+export declare function loaded<T extends Record<string, any>>(store: Store<T>): Promise<Store<T>>;
+/** Opens a lookup's search window, selects the record at `row` and confirms. Resolves with what the field then holds. */
+export declare function pickLookup(field: LookupField<any>, row?: number): Promise<unknown>;
+/** The text a component shows, collapsed to single spaces. */
+export declare const text: (c: Component | HTMLElement) => string;

package/dist/types/themes/color.d.ts

@@ -0,0 +1,14 @@
+export type RGB = [number, number, number];
+export declare function parse(css: string): RGB | undefined;
+export declare const toHex: (c: RGB) => string;
+/** `t` of `b` over `a` (0 = a, 1 = b), in sRGB. */
+export declare const mix: (a: RGB, b: RGB, t: number) => RGB;
+export declare const luminance: (c: RGB) => number;
+/** WCAG contrast ratio, 1 to 21. */
+export declare function contrast(a: RGB, b: RGB): number;
+export declare const WHITE: RGB;
+export declare const BLACK: RGB;
+/** Moves `c` toward black or white (whichever reaches it) until it has `min` contrast against `bg`. */
+export declare function ensure(c: RGB, bg: RGB, min: number): RGB;
+/** Black or white, whichever reads better on `bg`. */
+export declare const readableOn: (bg: RGB) => RGB;

package/dist/types/themes/contrast.d.ts

@@ -0,0 +1,15 @@
+import { type RGB } from './color.js';
+export interface ContrastIssue {
+    /** The pair, as the tokens that make it (`--op-color-fg on --op-color-surface`). */
+    pair: string;
+    ratio: number;
+    min: number;
+}
+/**
+ * Checks the theme in effect on `el` (default `<html>`) for text pairs under 4.5:1 and returns them.
+ * A pair whose token is not set is skipped. `warn` (default: in dev) also prints each to the console.
+ */
+export declare function checkContrast(el?: HTMLElement, o?: {
+    warn?: boolean;
+    resolve?: (token: string) => RGB | undefined;
+}): ContrastIssue[];

package/dist/types/themes/define.d.ts

@@ -1,21 +1,41 @@
+import { type Seeds } from './seeds.js';
 type Values = Record<string, string | number | undefined>;
 type ColorToken = 'bg' | 'surface' | 'surface-2' | 'fg' | 'fg-muted' | 'border' | 'border-strong' | 'hover' | 'selected' | 'primary' | 'primary-hover' | 'primary-fg' | 'primary-soft' | 'danger' | 'danger-hover' | 'danger-fg' | 'danger-soft' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'info' | 'info-soft' | 'focus' | 'overlay';
+export interface FontSpec {
+    family: string;
+    /** URL of the file (woff2 is enough for every current browser). */
+    url: string;
+    /** A weight or a range (`'400 700'` for a variable font). Default `400`. */
+    weight?: string | number;
+    style?: 'normal' | 'italic';
+    /** Default `swap`. */
+    display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+}
 export interface ThemeDefinition {
+    /**
+     * A few brand colors in, a whole theme out: light under `name`, and dark under `name` + `dark` (`data-op-theme="name dark"`).
+     * Text pairs are kept at 4.5:1; navmenu and grid header colors come with it. Tokens you also give win.
+     */
+    seeds?: Seeds;
+    /** `@font-face` rules, so the font ships with the theme (a white-label tenant brings its own). Set the family with `font: { family }`. */
+    fonts?: FontSpec[];
     /** Semantic colors: `{ primary: '#06f' }` → `--op-color-primary`. camelCase keys are kebab-cased. */
     color?: Partial<Record<ColorToken | string, string>>;
     font?: Values;
     space?: Values;
-    /** `radius: '0.5rem'` sets `--op-radius`; `radius: { sm, lg, pill }` sets `--op-radius-sm`... */
+    /** `radius: '0.5rem'` sets `--op-radius`; `radius: { sm, lg, pill }` sets `--op-radius-sm`...; `radius: { base: '0.5rem', sm: '0.25rem' }` sets both. */
     radius?: Values | string | number;
     shadow?: Values;
     control?: Values;
-    /** Any other key is a component scope: `{ button: { radius: 0 } }` → `--op-button-radius`. A plain value sets the group's own token (`{ radius: 0 }` → `--op-radius`). */
-    [group: string]: Values | string | number | undefined;
+    /** Any other key is a component scope: `{ button: { radius: 0 } }` → `--op-button-radius`. A plain value, or the key `base`, sets the group's own token (`{ radius: 0 }` or `{ radius: { base: 0, sm: 2 } }` → `--op-radius`). */
+    [group: string]: Values | string | number | Seeds | FontSpec[] | undefined;
 }
 export interface Theme {
     name: string;
     /** CSS text, scoped to `[data-op-theme~="name"]`, inside `@layer optikos`. */
     css: string;
+    /** The fonts the theme declared, for `loadFonts`. */
+    fonts: FontSpec[];
     /** Injects the CSS once without activating it (e.g. to offer it in a theme picker). */
     inject(): void;
     /** Injects the CSS and activates the theme on `el` (default: `<html>`), keeping other themes (`"dark custom"`). */
@@ -28,4 +48,6 @@ export interface Theme {
 export declare function defineTheme(def: ThemeDefinition, name?: string): Theme;
 /** Activates themes on an element (default `<html>`): `setTheme('dark compact')` or `setTheme(['dark', 'custom'])`. */
 export declare function setTheme(names: string | string[], el?: HTMLElement): void;
+/** Loads the fonts of a theme now (and resolves when they are ready), so the first paint does not flash the fallback. */
+export declare function loadFonts(fonts: FontSpec[]): Promise<void>;
 export {};

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

@@ -1 +1,3 @@
-export { defineTheme, setTheme, type Theme, type ThemeDefinition } from './define.js';
+export { defineTheme, setTheme, loadFonts, type Theme, type ThemeDefinition, type FontSpec } from './define.js';
+export { checkContrast, type ContrastIssue } from './contrast.js';
+export type { Seeds } from './seeds.js';

package/dist/types/themes/seeds.d.ts

@@ -0,0 +1,11 @@
+export interface Seeds {
+    /** The brand color. Used as is for fills; text uses a shade of it that keeps 4.5:1. */
+    primary: string;
+    /** Tints the grays (backgrounds, borders, text). Default: a cool gray. */
+    neutral?: string;
+}
+/** Light and dark token sets from a few seeds, with the text pairs kept at 4.5:1 or better. */
+export declare function fromSeeds(seeds: Seeds): {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};

package/dist/types/ui/ui.d.ts

@@ -1,6 +1,9 @@
 import { TextField } from '../components/fields/textfield/textfield.js';
 import { TextArea } from '../components/fields/textarea/textarea.js';
 import { NumberField } from '../components/fields/numberfield/numberfield.js';
+import { MaskField } from '../components/fields/maskfield/maskfield.js';
+import { TimeField } from '../components/fields/timefield/timefield.js';
+import { DateTimeField } from '../components/fields/datetimefield/datetimefield.js';
 import { DateField } from '../components/fields/datefield/datefield.js';
 import { DateRangeField } from '../components/fields/daterangefield/daterangefield.js';
 import { Checkbox } from '../components/fields/checkbox/checkbox.js';
@@ -34,7 +37,10 @@ export declare const ui: {
     password: (name: string, label?: string, c?: Cfg) => TextField<string, any>;
     area: (name: string, label?: string, c?: Cfg) => TextArea;
     number: (name: string, label?: string, c?: Cfg) => NumberField;
+    mask: (name: string, label: string | undefined, mask: string | string[], c?: Cfg) => MaskField;
+    time: (name: string, label?: string, c?: Cfg) => TimeField;
     date: (name: string, label?: string, c?: Cfg) => DateField;
+    datetime: (name: string, label?: string, c?: Cfg) => DateTimeField;
     dateRange: (name: string, label?: string, c?: Cfg) => DateRangeField;
     secret: (name: string, label?: string, c?: Cfg) => SecretField;
     slider: (name: string, label?: string, c?: Cfg) => Slider;

package/dist/ui.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f,g,h,i,j,k}from"./chunk-4EQEHJB3.js";import"./chunk-HXDTGP2K.js";import"./chunk-VU3GIDZ3.js";import"./chunk-6VBK2I5B.js";import"./chunk-NXSTUFS7.js";import"./chunk-G2KUK6AT.js";import"./chunk-Z2Z52GFT.js";import"./chunk-XHOBNSBO.js";import"./chunk-I4SP6JTU.js";import"./chunk-OGRFQTXA.js";import"./chunk-JI265XFO.js";import"./chunk-EDUMAMK4.js";import"./chunk-JK74QK3M.js";import"./chunk-UB5RYS7T.js";import"./chunk-TZOQWCVH.js";import"./chunk-EV73ADN2.js";import"./chunk-5Q76ACVI.js";import"./chunk-EJGWCKE4.js";import"./chunk-YF75HKL6.js";import"./chunk-KLLAY2IM.js";import"./chunk-4LZZ244E.js";import"./chunk-LQRFNQ2N.js";import"./chunk-XYZ6VZ5T.js";import"./chunk-GNU4VOOE.js";import"./chunk-23XLG2EM.js";import"./chunk-YHEMA56R.js";import"./chunk-ZVK4L5GK.js";import"./chunk-7KMIFXHZ.js";import"./chunk-3TAW4AKH.js";import"./chunk-W2BAFOCN.js";import"./chunk-Z2JBUHKA.js";import"./chunk-W3H7GTJY.js";import"./chunk-G2DAD3MQ.js";import"./chunk-OWEQT2HN.js";import"./chunk-ZWNQREWS.js";import"./chunk-E4VNLYO2.js";import"./chunk-676AKAGF.js";import"./chunk-VV7CFMPZ.js";import"./chunk-2ZRNGG2N.js";import"./chunk-5JEXM5S7.js";import"./chunk-LW2WRUVL.js";import"./chunk-OEAXCCVM.js";import"./chunk-6NCXO5ZP.js";import"./chunk-2ZUZ5HDL.js";import"./chunk-4AA4FQEM.js";import"./chunk-2UPUC4RK.js";import"./chunk-4EZJ5FKJ.js";import"./chunk-A2NKDOYN.js";import"./chunk-PZSHOSOS.js";import"./chunk-TIPK3SCJ.js";import"./chunk-MW3RWBZ7.js";import"./chunk-4C666HHU.js";export{d as Direction,c as LabelPos,g as LayoutKind,j as Op,e as Region,h as Selection,f as Side,k as ThemeName,i as ToastType,b as Variant,a as ui};
+import{a as b,b as c,c as d,d as e,e as f,f as g,g as h,h as i,i as j,j as k}from"./chunk-LLHDEUIA.js";import{a}from"./chunk-UCWICDYG.js";import"./chunk-OADWLPSF.js";import"./chunk-ADHKL2GM.js";import"./chunk-2I7HDIOU.js";import"./chunk-SEUIIPHS.js";import"./chunk-BRGT4O6Q.js";import"./chunk-3OA3P37P.js";import"./chunk-QOSTS5I3.js";import"./chunk-TVO3Z2BM.js";import"./chunk-G26R2F3W.js";import"./chunk-6TZJO2G2.js";import"./chunk-S3ILIWSW.js";import"./chunk-BTGJ3MP4.js";import"./chunk-AJN66F32.js";import"./chunk-L6DOWGBO.js";import"./chunk-H25XXQVH.js";import"./chunk-5GCTM37D.js";import"./chunk-NAUSRVB6.js";import"./chunk-EO777UIN.js";import"./chunk-FSR6BDVO.js";import"./chunk-J5BZAKC6.js";import"./chunk-T5OGUCY2.js";import"./chunk-OB3VIRQR.js";import"./chunk-GEJKFE4X.js";import"./chunk-LXWCTCZV.js";import"./chunk-JBOKM5YA.js";import"./chunk-Z6HZY2YG.js";import"./chunk-U25QSLAH.js";import"./chunk-HRW25TMU.js";import"./chunk-3F4MN2BU.js";import"./chunk-SEW5OCQF.js";import"./chunk-LHWY6G6Q.js";import"./chunk-MQEALOU3.js";import"./chunk-6NP4AEV4.js";import"./chunk-AQ3RTHG5.js";import"./chunk-BCVOUMJJ.js";import"./chunk-ESRS5ZQV.js";import"./chunk-DIOJGTUN.js";import"./chunk-2GKIF7A6.js";import"./chunk-OWEQT2HN.js";import"./chunk-BQEFLPDA.js";import"./chunk-QVBDBGS4.js";import"./chunk-E4VNLYO2.js";import"./chunk-676AKAGF.js";import"./chunk-VV7CFMPZ.js";import"./chunk-TIPK3SCJ.js";import"./chunk-UDXO3KM3.js";import"./chunk-PZSHOSOS.js";import"./chunk-IODSL7KU.js";import"./chunk-XFDNXSU5.js";import"./chunk-L5SQQFO7.js";import"./chunk-3VDLX7ET.js";import"./chunk-S4QD5NID.js";import"./chunk-6NCXO5ZP.js";import"./chunk-4AA4FQEM.js";import"./chunk-2UPUC4RK.js";import"./chunk-V5G5JECN.js";import"./chunk-4C666HHU.js";export{d as Direction,c as LabelPos,g as LayoutKind,j as Op,e as Region,h as Selection,f as Side,k as ThemeName,i as ToastType,b as Variant,a as ui};
 //# sourceMappingURL=ui.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optikos",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Declarative UI components in plain TypeScript: forms, grids, windows and themes. No runtime dependencies.",
   "keywords": [
     "ui",
@@ -51,6 +51,18 @@
       "types": "./dist/types/ui/index.d.ts",
       "import": "./dist/ui.js"
     },
+    "./build": {
+      "types": "./dist/types/build/index.d.ts",
+      "import": "./dist/build.js"
+    },
+    "./testing": {
+      "types": "./dist/types/testing/index.d.ts",
+      "import": "./dist/testing.js"
+    },
+    "./dev": {
+      "types": "./dist/types/dev/index.d.ts",
+      "import": "./dist/dev.js"
+    },
     "./bind": {
       "types": "./dist/types/bind/index.d.ts",
       "import": "./dist/bind.js"

package/dist/chunk-2ZRNGG2N.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-A2NKDOYN.js";import{b as r,c as s}from"./chunk-PZSHOSOS.js";import{f as l}from"./chunk-MW3RWBZ7.js";var n=class extends o{baseCls="op-field";value;original;error="";inputEl;labelEl;helpEl;errorEl;dirty=!1;cancelSettle;constructor(e={}){super(e),this.value=this.original=e.value??this.emptyValue()}get name(){return this.config.name}emptyValue(){return""}isEmpty(e){return e==null||e===""||Array.isArray(e)&&!e.length}isEqual(e,t){return e===t||JSON.stringify(e)===JSON.stringify(t)}build(){let e=this.config,t=r("div",`${this.baseCls}${e.labelPos==="left"?" op-field--label-left":""}`);this.labelEl=r("label","op-field__label");let i=r("div","op-field__control",{},this.createControl());return this.helpEl=r("div","op-field__help",{id:`${this.id}-help`}),this.errorEl=r("div","op-field__error",{id:`${this.id}-error`,role:"alert"}),t.append(this.labelEl,i,this.helpEl,this.errorEl),t}onRender(){let e=this.config,t=this.inputEl;t.id||=s("op-input"),this.labelEl.htmlFor=t.id,e.ariaLabel&&t!==this.el&&(t.setAttribute("aria-label",e.ariaLabel),this.el.removeAttribute("aria-label")),this.setLabel(e.label??""),this.setHelp(e.help??""),this.setRequired(!!e.required),this.setReadonly(!!e.readonly),this.applyValue(this.value),this.paintError(),this.listen(this.el,"focusin",()=>{this.el.classList.add("is-focused"),this.emit("focus")}),this.listen(this.el,"focusout",i=>{this.el.contains(i.relatedTarget)||(this.flushSettled(),this.el.classList.remove("is-focused"),(e.validateOn??"blur")==="blur"&&this.validate(),this.emit("blur"))})}focusEl(){return this.render(),this.inputEl}getValue(){return this.value}setValue(e,t=!1){let i=this.value;this.value=e,this.rendered&&this.applyValue(e),this.isEqual(i,e)||this.changed(i,t)}commit(e){let t=this.value;this.value=e,this.isEqual(t,e)||this.changed(t,!1)}changed(e,t){this.updateDirty(),!t&&((this.config.validateOn==="change"||this.error)&&this.validate(),this.emit("change",this.value,e),this.queueSettled())}queueSettled(){this.cancelSettle?.(),this.cancelSettle=void 0;let e=this.config.debounce;if(!e)return void this.emit("settled",this.value);this.cancelSettle=this.later(()=>{this.cancelSettle=void 0,this.emit("settled",this.value)},e)}flushSettled(){this.cancelSettle&&(this.cancelSettle(),this.cancelSettle=void 0,this.emit("settled",this.value))}updateDirty(){let e=this.isDirty();e!==this.dirty&&(this.dirty=e,this.rendered&&this.el.classList.toggle("is-dirty",e),this.emit("dirty-change",e))}getDisplayText(){let e=this.value;return this.isEmpty(e)?"":String(e)}clear(){this.setValue(this.emptyValue())}isDirty(){return!this.isEqual(this.value,this.original)}markClean(){this.original=this.value,this.updateDirty()}reset(){this.setValue(this.original,!0),this.clearError()}check(){let e=this.value;if(this.isEmpty(e))return this.config.required?l("required"):"";for(let t of this.config.validators??[]){let i=t(e,this);if(typeof i=="string")return i}return""}validate(){let e=this.check();return e?this.setError(e):this.clearError(),!e}isValid(){return!this.check()}getError(){return this.error}setError(e){let t=this.error;this.error=e,this.paintError(),e&&e!==t&&this.emit("invalid",e)}clearError(){this.error&&(this.error="",this.paintError(),this.emit("valid"))}paintError(){this.rendered&&(this.errorEl.textContent=this.error,this.el.classList.toggle("is-invalid",!!this.error),this.inputEl.setAttribute("aria-invalid",String(!!this.error)),this.describe())}describe(){let e=[this.error&&this.errorEl.id,this.config.help&&this.helpEl.id].filter(Boolean);e.length?this.inputEl.setAttribute("aria-describedby",e.join(" ")):this.inputEl.removeAttribute("aria-describedby")}setLabel(e){this.config.label=e,this.rendered&&(this.labelEl.textContent=e,this.labelEl.hidden=!e)}setHelp(e){this.config.help=e,this.rendered&&(this.helpEl.textContent=e,this.helpEl.hidden=!e,this.describe())}setRequired(e){this.config.required=e,this.rendered&&(this.el.classList.toggle("is-required",e),this.inputEl.setAttribute("aria-required",String(e)))}setReadonly(e){this.config.readonly=e,this.rendered&&(this.el.classList.toggle("is-readonly",e),this.onReadonly(e))}setValidators(e){this.config.validators=e}onReadonly(e){}};export{n as a};
-//# sourceMappingURL=chunk-2ZRNGG2N.js.map

package/dist/chunk-2ZRNGG2N.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/core/field.ts"],
-  "sourcesContent": ["import { Component, type ComponentConfig } from './component';\nimport { h, uid } from './dom';\nimport { t } from './i18n';\nimport type { Validator } from './validators';\n\nexport interface FieldConfig<V = unknown> extends ComponentConfig {\n  name?: string;\n  label?: string;\n  labelPos?: 'top' | 'left';\n  value?: V;\n  required?: boolean;\n  readonly?: boolean;\n  help?: string;\n  validators?: Validator<V>[];\n  /** When to validate on its own. After the first error it revalidates on every change. Default `blur`. */\n  validateOn?: 'blur' | 'change' | 'submit';\n  /** ms of quiet after the last change before `settled` fires (0 = right away). `change` itself is never delayed. */\n  debounce?: number;\n}\n\n/**\n * Base of every field: value, validation, dirty tracking, label and messages.\n * Subclasses implement `createControl` (build the control, assign `inputEl`), `applyValue` (value \u2192 DOM)\n * and call `commit` when the user edits (DOM \u2192 value).\n */\nexport abstract class Field<V = unknown, C extends FieldConfig<V> = FieldConfig<V>> extends Component<C> {\n  protected override baseCls = 'op-field';\n  protected value: V;\n  protected original: V;\n  protected error = '';\n  /** The focusable control; `label for`, `aria-invalid` and `aria-describedby` point at it. */\n  protected inputEl!: HTMLElement;\n  private labelEl!: HTMLElement;\n  private helpEl!: HTMLElement;\n  private errorEl!: HTMLElement;\n  private dirty = false;\n  private cancelSettle?: () => void;\n\n  constructor(config: C = {} as C) {\n    super(config);\n    this.value = this.original = config.value ?? this.emptyValue();\n  }\n\n  get name(): string | undefined {\n    return this.config.name;\n  }\n\n  protected abstract createControl(): HTMLElement;\n  protected abstract applyValue(value: V): void;\n  protected emptyValue(): V {\n    return '' as V;\n  }\n  protected isEmpty(v: V): boolean {\n    return v == null || (v as unknown) === '' || (Array.isArray(v) && !v.length);\n  }\n  protected isEqual(a: V, b: V): boolean {\n    return a === b || JSON.stringify(a) === JSON.stringify(b);\n  }\n\n  protected override build(): HTMLElement {\n    const c = this.config;\n    const el = h('div', `${this.baseCls}${c.labelPos === 'left' ? ' op-field--label-left' : ''}`);\n    this.labelEl = h('label', 'op-field__label');\n    const control = h('div', 'op-field__control', {}, this.createControl());\n    this.helpEl = h('div', 'op-field__help', { id: `${this.id}-help` });\n    this.errorEl = h('div', 'op-field__error', { id: `${this.id}-error`, role: 'alert' });\n    el.append(this.labelEl, control, this.helpEl, this.errorEl);\n    return el;\n  }\n\n  protected override onRender(): void {\n    const c = this.config;\n    const input = this.inputEl;\n    input.id ||= uid('op-input');\n    (this.labelEl as HTMLLabelElement).htmlFor = input.id;\n    // a field without a visible label is named by `ariaLabel` on its control (the root is just a wrapper)\n    if (c.ariaLabel && input !== this.el) {\n      input.setAttribute('aria-label', c.ariaLabel);\n      this.el.removeAttribute('aria-label');\n    }\n    this.setLabel(c.label ?? '');\n    this.setHelp(c.help ?? '');\n    this.setRequired(!!c.required);\n    this.setReadonly(!!c.readonly);\n    this.applyValue(this.value);\n    this.paintError();\n    this.listen(this.el, 'focusin', () => {\n      this.el.classList.add('is-focused');\n      this.emit('focus');\n    });\n    this.listen(this.el, 'focusout', (e: FocusEvent) => {\n      if (this.el.contains(e.relatedTarget as Node)) return;\n      this.flushSettled();\n      this.el.classList.remove('is-focused');\n      if ((c.validateOn ?? 'blur') === 'blur') this.validate();\n      this.emit('blur');\n    });\n  }\n\n  protected override focusEl(): HTMLElement {\n    this.render();\n    return this.inputEl;\n  }\n\n  // ---- value ---------------------------------------------------------------------------------\n\n  getValue(): V {\n    return this.value;\n  }\n\n  /** Sets the value programmatically. `silent` skips the `change` event and validation. */\n  setValue(v: V, silent = false): void {\n    const old = this.value;\n    this.value = v;\n    if (this.rendered) this.applyValue(v);\n    if (!this.isEqual(old, v)) this.changed(old, silent);\n  }\n\n  /** For subclasses: the user edited the control and the DOM already shows `v`. */\n  protected commit(v: V): void {\n    const old = this.value;\n    this.value = v;\n    if (!this.isEqual(old, v)) this.changed(old, false);\n  }\n\n  private changed(old: V, silent: boolean): void {\n    this.updateDirty();\n    if (silent) return;\n    if (this.config.validateOn === 'change' || this.error) this.validate();\n    this.emit('change', this.value, old);\n    this.queueSettled();\n  }\n\n  /** `settled(value)`: the value after the user stopped changing it for `debounce` ms (immediately without `debounce`). */\n  private queueSettled(): void {\n    this.cancelSettle?.();\n    this.cancelSettle = undefined;\n    const ms = this.config.debounce;\n    if (!ms) return void this.emit('settled', this.value);\n    this.cancelSettle = this.later(() => {\n      this.cancelSettle = undefined;\n      this.emit('settled', this.value);\n    }, ms);\n  }\n\n  /** Fires a pending `settled` now (Enter, blur, end of a drag...). No-op when nothing is waiting. */\n  protected flushSettled(): void {\n    if (!this.cancelSettle) return;\n    this.cancelSettle();\n    this.cancelSettle = undefined;\n    this.emit('settled', this.value);\n  }\n\n  private updateDirty(): void {\n    const d = this.isDirty();\n    if (d === this.dirty) return;\n    this.dirty = d;\n    if (this.rendered) this.el.classList.toggle('is-dirty', d);\n    this.emit('dirty-change', d);\n  }\n\n  /** What the user sees as this field's value (a select's label, a formatted date); used by summaries such as the StepForm review. */\n  getDisplayText(): string {\n    const v = this.value;\n    return this.isEmpty(v) ? '' : String(v);\n  }\n\n  /** Sets the empty value (`''`, `null`, `false`...) and emits `change`. */\n  clear(): void {\n    this.setValue(this.emptyValue());\n  }\n\n  isDirty(): boolean {\n    return !this.isEqual(this.value, this.original);\n  }\n\n  /** The current value becomes the \"original\" (as after loading or saving). */\n  markClean(): void {\n    this.original = this.value;\n    this.updateDirty();\n  }\n\n  reset(): void {\n    this.setValue(this.original, true);\n    this.clearError();\n  }\n\n  // ---- validation ----------------------------------------------------------------------------\n\n  /** Returns the error message for the current value, or `''`. No UI side effects. */\n  protected check(): string {\n    const v = this.value;\n    if (this.isEmpty(v)) return this.config.required ? t('required') : '';\n    for (const fn of this.config.validators ?? []) {\n      const r = fn(v, this as Field<any>);\n      if (typeof r === 'string') return r;\n    }\n    return '';\n  }\n\n  validate(): boolean {\n    const msg = this.check();\n    if (msg) this.setError(msg);\n    else this.clearError();\n    return !msg;\n  }\n\n  isValid(): boolean {\n    return !this.check();\n  }\n\n  getError(): string {\n    return this.error;\n  }\n\n  setError(msg: string): void {\n    const was = this.error;\n    this.error = msg;\n    this.paintError();\n    if (msg && msg !== was) this.emit('invalid', msg);\n  }\n\n  clearError(): void {\n    if (!this.error) return;\n    this.error = '';\n    this.paintError();\n    this.emit('valid');\n  }\n\n  private paintError(): void {\n    if (!this.rendered) return;\n    this.errorEl.textContent = this.error;\n    this.el.classList.toggle('is-invalid', !!this.error);\n    this.inputEl.setAttribute('aria-invalid', String(!!this.error));\n    this.describe();\n  }\n\n  private describe(): void {\n    const ids = [this.error && this.errorEl.id, this.config.help && this.helpEl.id].filter(Boolean);\n    if (ids.length) this.inputEl.setAttribute('aria-describedby', ids.join(' '));\n    else this.inputEl.removeAttribute('aria-describedby');\n  }\n\n  // ---- setters -------------------------------------------------------------------------------\n\n  setLabel(label: string): void {\n    this.config.label = label;\n    if (!this.rendered) return;\n    this.labelEl.textContent = label;\n    this.labelEl.hidden = !label;\n  }\n\n  setHelp(help: string): void {\n    this.config.help = help;\n    if (!this.rendered) return;\n    this.helpEl.textContent = help;\n    this.helpEl.hidden = !help;\n    this.describe();\n  }\n\n  setRequired(required: boolean): void {\n    this.config.required = required;\n    if (!this.rendered) return;\n    this.el.classList.toggle('is-required', required);\n    this.inputEl.setAttribute('aria-required', String(required));\n  }\n\n  setReadonly(readonly: boolean): void {\n    this.config.readonly = readonly;\n    if (!this.rendered) return;\n    this.el.classList.toggle('is-readonly', readonly);\n    this.onReadonly(readonly);\n  }\n\n  setValidators(validators: Validator<V>[]): void {\n    this.config.validators = validators;\n  }\n\n  protected onReadonly(_readonly: boolean): void {}\n}\n"],
-  "mappings": "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",
-  "names": ["Field", "Component", "config", "v", "a", "b", "c", "el", "h", "control", "input", "uid", "e", "silent", "old", "ms", "d", "t", "fn", "r", "msg", "was", "ids", "label", "help", "required", "readonly", "validators", "_readonly"]
-}

package/dist/chunk-4EQEHJB3.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-HXDTGP2K.js";import{a as R}from"./chunk-VU3GIDZ3.js";import{a as u}from"./chunk-6VBK2I5B.js";import{a as k}from"./chunk-NXSTUFS7.js";import{a as C}from"./chunk-G2KUK6AT.js";import{a as S}from"./chunk-Z2Z52GFT.js";import{a}from"./chunk-XHOBNSBO.js";import{a as l}from"./chunk-I4SP6JTU.js";import{a as d}from"./chunk-OGRFQTXA.js";import{a as x}from"./chunk-JI265XFO.js";import{a as y}from"./chunk-EDUMAMK4.js";import{a as L}from"./chunk-JK74QK3M.js";import{a as w}from"./chunk-UB5RYS7T.js";import{a as b}from"./chunk-TZOQWCVH.js";import{a as h}from"./chunk-LQRFNQ2N.js";import{a as T}from"./chunk-GNU4VOOE.js";import{a as f}from"./chunk-7KMIFXHZ.js";import{a as m}from"./chunk-3TAW4AKH.js";import{a as p}from"./chunk-W3H7GTJY.js";import{c as s}from"./chunk-ZWNQREWS.js";import{a as g}from"./chunk-2ZUZ5HDL.js";var n=(t,e,o,r={})=>new t({name:e,label:o,...r}),v={text:(t,e,o)=>n(p,t,e,o),email:(t,e,o)=>n(p,t,e,{inputType:"email",...o}),password:(t,e,o)=>n(p,t,e,{inputType:"password",...o}),area:(t,e,o)=>n(a,t,e,o),number:(t,e,o)=>n(f,t,e,o),date:(t,e,o)=>n(m,t,e,o),dateRange:(t,e,o)=>n(y,t,e,o),secret:(t,e,o)=>n(k,t,e,o),slider:(t,e,o)=>n(S,t,e,o),dial:(t,e,o)=>n(L,t,e,o),check:(t,e,o)=>n(l,t,void 0,{boxLabel:e,...o}),toggle:(t,e,o)=>n(c,t,void 0,{boxLabel:e,...o}),radio:(t,e,o,r)=>n(u,t,e,{options:o,...r}),checkGroup:(t,e,o,r)=>n(d,t,e,{options:o,...r}),select:(t,e,o,r)=>n(C,t,e,{options:o,...r}),combo:(t,e,o,r)=>n(x,t,e,{options:o,...r}),suggest:(t,e,o,r)=>n(b,t,e,{query:o,...r}),lookup:(t,e,o,r)=>n(w,t,e,{lookup:o,...r}),button:(t,e,o)=>new g({text:t,handler:e,...o}),primary:(t,e,o)=>new g({text:t,handler:e,variant:"primary",...o}),danger:(t,e,o)=>new g({text:t,handler:e,variant:"danger",...o}),row:(...t)=>new s({layout:"hbox",items:t}),col:(...t)=>new s({layout:"vbox",items:t}),grid:(t,...e)=>new s({layout:{type:"grid",columns:t},items:e}),panel:(t,e,o)=>new h({title:t,items:e,...o}),toolbar:(...t)=>new T({items:t}),form:(t,e)=>new R({items:t,...e})};var i=t=>t,Y=i({Default:"default",Primary:"primary",Danger:"danger",Ghost:"ghost"}),Z=i({Top:"top",Left:"left"}),_=i({Vertical:"vertical",Horizontal:"horizontal"}),$=i({North:"north",South:"south",West:"west",East:"east",Center:"center"}),tt=i({Right:"right",Left:"left",Top:"top",Bottom:"bottom"}),et=i({Fit:"fit",HBox:"hbox",VBox:"vbox",Border:"border",Grid:"grid",Card:"card"}),ot=i({None:"none",Single:"single",Multi:"multi"}),nt=i({Info:"info",Success:"success",Warning:"warning",Error:"error"}),rt=i({Eq:"eq",Ne:"ne",Contains:"contains",NotContains:"notContains",StartsWith:"startsWith",EndsWith:"endsWith",Gt:"gt",Ge:"ge",Lt:"lt",Le:"le",Between:"between",NotBetween:"notBetween",In:"in",Nin:"nin",Empty:"empty",NotEmpty:"notEmpty"}),it=i({Light:"light",Dark:"dark"});export{v as a,Y as b,Z as c,_ as d,$ as e,tt as f,et as g,ot as h,nt as i,rt as j,it as k};
-//# sourceMappingURL=chunk-4EQEHJB3.js.map

package/dist/chunk-4EQEHJB3.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/ui/ui.ts", "../src/ui/enums.ts"],
-  "sourcesContent": ["// Short constructors for the things you write most. They return real component instances (the classes), so they can be\n// used anywhere a config goes: `items: [ui.text('name', 'Name', { required: true }), ui.select('plan', 'Plan', ['Free', 'Pro'])]`.\n// The last argument is always a config object that overrides or adds anything (`{ required: true, help: '\u2026' }`).\nimport { TextField, type TextFieldConfig } from '../components/fields/textfield/textfield';\nimport { TextArea } from '../components/fields/textarea/textarea';\nimport { NumberField } from '../components/fields/numberfield/numberfield';\nimport { DateField } from '../components/fields/datefield/datefield';\nimport { DateRangeField } from '../components/fields/daterangefield/daterangefield';\nimport { Checkbox } from '../components/fields/checkbox/checkbox';\nimport { Toggle } from '../components/fields/toggle/toggle';\nimport { CheckboxGroup } from '../components/fields/checkboxgroup/checkboxgroup';\nimport { RadioGroup, type RadioOption } from '../components/fields/radiogroup/radiogroup';\nimport { Select } from '../components/fields/select/select';\nimport { ComboBox } from '../components/fields/combobox/combobox';\nimport { SuggestField } from '../components/fields/suggestfield/suggestfield';\nimport { LookupField } from '../components/fields/lookupfield/lookupfield';\nimport { SecretField } from '../components/fields/secretfield/secretfield';\nimport { Slider } from '../components/fields/slider/slider';\nimport { Dial } from '../components/fields/dial/dial';\nimport { Button } from '../components/base/button/button';\nimport { Panel } from '../components/layout/panel/panel';\nimport { Toolbar } from '../components/layout/toolbar/toolbar';\nimport { Container } from '../core/container';\nimport { Form } from '../components/form/form/form';\nimport type { Component } from '../core/component';\nimport type { AnyConfig } from '../core/registry';\nimport type { Variant } from './enums';\n\ntype Cfg = Record<string, any>;\n// anything a container takes: an instance, a declarative config ({ type: 'fieldset', ... }) or a toolbar string ('->', '-')\ntype Item = Component | AnyConfig | string;\ntype Options = (string | number | { value: unknown; label: string; disabled?: boolean })[];\n\nconst field = <T>(Cls: new (c: any) => T, name: string, label: string | undefined, c: Cfg = {}): T => new Cls({ name, label, ...c });\n\nexport const ui = {\n  // ---- fields: (name, label, config?) ----\n  text: (name: string, label?: string, c?: Cfg) => field(TextField, name, label, c),\n  email: (name: string, label?: string, c?: Cfg) => field(TextField, name, label, { inputType: 'email', ...c } satisfies TextFieldConfig),\n  password: (name: string, label?: string, c?: Cfg) => field(TextField, name, label, { inputType: 'password', ...c }),\n  area: (name: string, label?: string, c?: Cfg) => field(TextArea, name, label, c),\n  number: (name: string, label?: string, c?: Cfg) => field(NumberField, name, label, c),\n  date: (name: string, label?: string, c?: Cfg) => field(DateField, name, label, c),\n  dateRange: (name: string, label?: string, c?: Cfg) => field(DateRangeField, name, label, c),\n  secret: (name: string, label?: string, c?: Cfg) => field(SecretField, name, label, c),\n  slider: (name: string, label?: string, c?: Cfg) => field(Slider, name, label, c),\n  dial: (name: string, label?: string, c?: Cfg) => field(Dial, name, label, c),\n  /** `boxLabel` is the text beside the box. */\n  check: (name: string, boxLabel?: string, c?: Cfg) => field(Checkbox, name, undefined, { boxLabel, ...c }),\n  /** An on/off switch; `boxLabel` is the text beside it. */\n  toggle: (name: string, boxLabel?: string, c?: Cfg) => field(Toggle, name, undefined, { boxLabel, ...c }),\n  radio: (name: string, label: string, options: RadioOption[], c?: Cfg) => field(RadioGroup, name, label, { options, ...c }),\n  /** Several choices; the value is the list of checked values. */\n  checkGroup: (name: string, label: string, options: RadioOption[], c?: Cfg) => field(CheckboxGroup, name, label, { options, ...c }),\n  select: (name: string, label: string, options: Options, c?: Cfg) => field(Select, name, label, { options, ...c }),\n  combo: (name: string, label: string, options: Options, c?: Cfg) => field(ComboBox, name, label, { options, ...c }),\n  suggest: (name: string, label: string, query: (text: string, o: { signal: AbortSignal }) => unknown, c?: Cfg) => field(SuggestField, name, label, { query, ...c }),\n  /** `lookup` is a LookupDef or the name given to `registerLookup`. */\n  lookup: (name: string, label: string, lookup: Cfg | string, c?: Cfg) => field(LookupField, name, label, { lookup, ...c }),\n\n  // ---- actions ----\n  button: (text: string, handler?: (b: Button, ev: MouseEvent) => unknown, c?: Cfg) => new Button({ text, handler, ...c }),\n  primary: (text: string, handler?: (b: Button, ev: MouseEvent) => unknown, c?: Cfg) => new Button({ text, handler, variant: 'primary' satisfies Variant, ...c }),\n  danger: (text: string, handler?: (b: Button, ev: MouseEvent) => unknown, c?: Cfg) => new Button({ text, handler, variant: 'danger' satisfies Variant, ...c }),\n\n  // ---- structure ----\n  row: (...items: Item[]) => new Container({ layout: 'hbox', items } as Cfg),\n  col: (...items: Item[]) => new Container({ layout: 'vbox', items } as Cfg),\n  /** `columns`: a number (equal columns, one column on narrow containers) or a CSS `grid-template-columns`. */\n  grid: (columns: number | string, ...items: Item[]) => new Container({ layout: { type: 'grid', columns }, items } as Cfg),\n  panel: (title: string, items: Item[], c?: Cfg) => new Panel({ title, items, ...c } as Cfg),\n  toolbar: (...items: Item[]) => new Toolbar({ items } as Cfg),\n  form: (items: Item[], c?: Cfg) => new Form({ items, ...c } as Cfg),\n};\n", "// Named values for the options that are plain strings in configs. Each is a const object plus a type of the same name,\n// so `Variant.Primary` and `'primary'` are interchangeable: use whichever you like, the editor completes both.\nconst e = <T extends Record<string, string>>(o: T) => o;\n\nexport const Variant = e({ Default: 'default', Primary: 'primary', Danger: 'danger', Ghost: 'ghost' } as const);\nexport type Variant = (typeof Variant)[keyof typeof Variant];\n\nexport const LabelPos = e({ Top: 'top', Left: 'left' } as const);\nexport type LabelPos = (typeof LabelPos)[keyof typeof LabelPos];\n\nexport const Direction = e({ Vertical: 'vertical', Horizontal: 'horizontal' } as const);\nexport type Direction = (typeof Direction)[keyof typeof Direction];\n\n/** Layout `border` regions. */\nexport const Region = e({ North: 'north', South: 'south', West: 'west', East: 'east', Center: 'center' } as const);\nexport type Region = (typeof Region)[keyof typeof Region];\n\n/** Widget sides. */\nexport const Side = e({ Right: 'right', Left: 'left', Top: 'top', Bottom: 'bottom' } as const);\nexport type Side = (typeof Side)[keyof typeof Side];\n\nexport const LayoutKind = e({ Fit: 'fit', HBox: 'hbox', VBox: 'vbox', Border: 'border', Grid: 'grid', Card: 'card' } as const);\nexport type LayoutKind = (typeof LayoutKind)[keyof typeof LayoutKind];\n\nexport const Selection = e({ None: 'none', Single: 'single', Multi: 'multi' } as const);\nexport type Selection = (typeof Selection)[keyof typeof Selection];\n\nexport const ToastType = e({ Info: 'info', Success: 'success', Warning: 'warning', Error: 'error' } as const);\nexport type ToastType = (typeof ToastType)[keyof typeof ToastType];\n\n/** Filter operators (Store.filter, FilterBuilder, lookup filters). */\nexport const Op = e({\n  Eq: 'eq', Ne: 'ne', Contains: 'contains', NotContains: 'notContains', StartsWith: 'startsWith', EndsWith: 'endsWith',\n  Gt: 'gt', Ge: 'ge', Lt: 'lt', Le: 'le', Between: 'between', NotBetween: 'notBetween', In: 'in', Nin: 'nin', Empty: 'empty', NotEmpty: 'notEmpty',\n} as const);\nexport type Op = (typeof Op)[keyof typeof Op];\n\n/** The shipped themes (`setTheme(ThemeName.Dark)`; add `' compact'` for the dense variant). */\nexport const ThemeName = e({ Light: 'light', Dark: 'dark' } as const);\nexport type ThemeName = (typeof ThemeName)[keyof typeof ThemeName];\n"],
-  "mappings": "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",
-  "names": ["field", "Cls", "name", "label", "c", "ui", "TextField", "TextArea", "NumberField", "DateField", "DateRangeField", "SecretField", "Slider", "Dial", "boxLabel", "Checkbox", "Toggle", "options", "RadioGroup", "CheckboxGroup", "Select", "ComboBox", "query", "SuggestField", "lookup", "LookupField", "text", "handler", "Button", "items", "Container", "columns", "title", "Panel", "Toolbar", "Form", "e", "o", "Variant", "LabelPos", "Direction", "Region", "Side", "LayoutKind", "Selection", "ToastType", "Op", "ThemeName"]
-}

package/dist/chunk-4LZZ244E.js

@@ -1,2 +0,0 @@
-import{a as b}from"./chunk-LQRFNQ2N.js";import{b as a,c as f}from"./chunk-676AKAGF.js";import{a as l,b as m}from"./chunk-VV7CFMPZ.js";import{b as v,c as u}from"./chunk-4AA4FQEM.js";import{c as n}from"./chunk-2UPUC4RK.js";import{b as h}from"./chunk-PZSHOSOS.js";import{a as p}from"./chunk-TIPK3SCJ.js";var d=class extends b{baseCls="op-panel op-window";backdrop;visible=!1;cleanup=[];opener=null;moved=!1;leaving=0;constructor(e={}){super({closable:!0,...e})}onRender(){super.onRender();let e=this.config;this.el.setAttribute("role","dialog"),this.el.tabIndex=-1,e.modal!==!1&&this.el.setAttribute("aria-modal","true"),e.draggable!==!1&&this.initDrag()}initDrag(){this.headerEl.classList.add("op-window__handle"),this.listen(this.headerEl,"pointerdown",e=>{if(e.target.closest(".op-panel__tool")||e.button)return;let t=this.el.getBoundingClientRect(),o=e.clientX-t.left,s=e.clientY-t.top;this.el.classList.add("is-dragging");let i=c=>{this.el.style.left=`${Math.max(0,Math.min(c.clientX-o,innerWidth-40))}px`,this.el.style.top=`${Math.max(0,Math.min(c.clientY-s,innerHeight-40))}px`,this.moved=!0},r=()=>{this.el.classList.remove("is-dragging"),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r),this.cleanup.push(r)})}setMask(e){this.config.mask=e,this.backdrop?.classList.toggle("is-clear",!e)}isVisible(){return this.visible}center(){let e=this.el;e.style.left=`${Math.max(0,(innerWidth-e.offsetWidth)/2)}px`,e.style.top=`${Math.max(0,(innerHeight-e.offsetHeight)/3)}px`}show(){if(this.visible||this.destroyed||this.emit("before-show")===!1)return;let e=this.config,t=this.el;this.opener=document.activeElement,e.modal!==!1?(this.backdrop=h("div",`op-window-backdrop${e.mask===!1?" is-clear":""}`,{},t),a(this.backdrop,this.opener),this.cleanup.push(f(this.backdrop)),this.listen(this.backdrop,"pointerdown",i=>{i.target===this.backdrop&&(e.closeOnBackdrop?this.close():t.focus())})):a(t,this.opener),this.visible=!0,this.leaving++,t.getAnimations?.().forEach(i=>i.cancel()),this.notifyMount(),this.center(),v(t,this.opener??void 0,"modal"),this.backdrop?.animate?.([{opacity:0},{opacity:1}],{duration:n.ms("modal"),easing:n.easing("enter")}),this.cleanup.push(m(t));let o=i=>{i.key==="Escape"&&e.closeOnEsc!==!1&&!i.defaultPrevented&&(i.stopPropagation(),this.close())};t.addEventListener("keydown",o);let s=()=>!this.moved&&this.center();window.addEventListener("resize",s),this.cleanup.push(()=>t.removeEventListener("keydown",o),()=>window.removeEventListener("resize",s)),e.autoFocus?this.focusFirst():t.focus(),this.emit("show")}focusFirst(){let e=l(this.bodyEl)[0],t=this.el.querySelector(".op-panel__footer .op-button--primary");(e??t??l(this.el).find(o=>!o.classList.contains("op-panel__tool"))??this.el).focus()}hide(){!this.visible||this.emit("before-hide")===!1||(this.release(),this.emit("hide"))}release(e=!0){this.visible=!1,this.cleanup.splice(0).reverse().forEach(i=>i());let t=this.backdrop;this.backdrop=void 0;let o=t??this.el,s=e?u(this.el,this.opener??void 0,"modal"):null;if(s){let i=++this.leaving;t?.animate?.([{opacity:1},{opacity:0}],{duration:n.ms("modal","exit"),easing:n.easing("exit"),fill:"forwards"}),s.then(()=>i===this.leaving&&!this.visible&&(o.remove(),t?.remove()))}else o.remove(),t?.remove();this.opener instanceof HTMLElement&&this.opener.isConnected&&this.opener.focus()}onDestroy(){this.visible?this.release(!1):this.leaving&&(this.el.closest(".op-window-backdrop")??this.el).remove(),super.onDestroy()}};p("window",d);export{d as a};
-//# sourceMappingURL=chunk-4LZZ244E.js.map

package/dist/chunk-4LZZ244E.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/overlays/window/window.ts"],
-  "sourcesContent": ["import { Panel, type PanelConfig } from '../../layout/panel/panel';\nimport { register } from '../../../core/registry';\nimport { h } from '../../../core/dom';\nimport { toLayer, lockModal } from '../../../core/layer';\nimport { trapFocus, focusables } from '../../../core/focus';\nimport { popIn, popOut } from '../../../motion/core';\nimport { motion } from '../../../motion/config';\n\nexport interface WindowConfig extends PanelConfig {\n  modal?: boolean;\n  /** Dims the page behind a modal window. `false` keeps it modal (inert page, trapped focus) but clear. Default true. */\n  mask?: boolean;\n  draggable?: boolean;\n  closeOnEsc?: boolean;\n  closeOnBackdrop?: boolean;\n  /**\n   * On show the focus goes to the dialog itself (it is modal: the focus must be inside), so a phone keyboard does not\n   * pop up. `true` focuses its first field instead. Default false.\n   */\n  autoFocus?: boolean;\n}\n\n/** Floating dialog. Modal by default: the page behind becomes inert and Tab stays inside. */\nexport class Window extends Panel<WindowConfig> {\n  protected override baseCls = 'op-panel op-window';\n  private backdrop?: HTMLElement;\n  private visible = false;\n  private cleanup: Array<() => void> = [];\n  private opener: Element | null = null;\n  private moved = false;\n  private leaving = 0;\n\n  constructor(config: WindowConfig = {}) {\n    super({ closable: true, ...config });\n  }\n\n  protected override onRender() {\n    super.onRender();\n    const c = this.config;\n    this.el.setAttribute('role', 'dialog');\n    this.el.tabIndex = -1;\n    if (c.modal !== false) this.el.setAttribute('aria-modal', 'true');\n    if (c.draggable !== false) this.initDrag();\n  }\n\n  private initDrag() {\n    this.headerEl.classList.add('op-window__handle');\n    this.listen(this.headerEl, 'pointerdown', (e: PointerEvent) => {\n      if ((e.target as HTMLElement).closest('.op-panel__tool') || e.button) return;\n      const r = this.el.getBoundingClientRect();\n      const dx = e.clientX - r.left;\n      const dy = e.clientY - r.top;\n      this.el.classList.add('is-dragging');\n      const move = (m: PointerEvent) => {\n        this.el.style.left = `${Math.max(0, Math.min(m.clientX - dx, innerWidth - 40))}px`;\n        this.el.style.top = `${Math.max(0, Math.min(m.clientY - dy, innerHeight - 40))}px`;\n        this.moved = true;\n      };\n      const up = () => {\n        this.el.classList.remove('is-dragging');\n        document.removeEventListener('pointermove', move);\n        document.removeEventListener('pointerup', up);\n      };\n      document.addEventListener('pointermove', move);\n      document.addEventListener('pointerup', up);\n      this.cleanup.push(up);\n    });\n  }\n\n  /** Dims (true) or not (false) the page behind the modal window. */\n  setMask(mask: boolean): void {\n    this.config.mask = mask;\n    this.backdrop?.classList.toggle('is-clear', !mask);\n  }\n\n  isVisible(): boolean {\n    return this.visible;\n  }\n\n  /** Centers in the viewport (also done on show and on resize until the user drags it). */\n  center(): void {\n    const el = this.el;\n    el.style.left = `${Math.max(0, (innerWidth - el.offsetWidth) / 2)}px`;\n    el.style.top = `${Math.max(0, (innerHeight - el.offsetHeight) / 3)}px`;\n  }\n\n  override show(): void {\n    if (this.visible || this.destroyed || this.emit('before-show') === false) return;\n    const c = this.config;\n    const el = this.el;\n    this.opener = document.activeElement;\n    if (c.modal !== false) {\n      this.backdrop = h('div', `op-window-backdrop${c.mask === false ? ' is-clear' : ''}`, {}, el);\n      toLayer(this.backdrop, this.opener);\n      this.cleanup.push(lockModal(this.backdrop));\n      this.listen(this.backdrop, 'pointerdown', (e: Event) => {\n        if (e.target !== this.backdrop) return;\n        if (c.closeOnBackdrop) this.close();\n        else el.focus();\n      });\n    } else toLayer(el, this.opener);\n    this.visible = true;\n    this.leaving++;\n    el.getAnimations?.().forEach((a) => a.cancel());\n    this.notifyMount();\n    this.center();\n    void popIn(el, this.opener ?? undefined, 'modal'); // grows out of the button that opened it\n    this.backdrop?.animate?.([{ opacity: 0 }, { opacity: 1 }], { duration: motion.ms('modal'), easing: motion.easing('enter') });\n    this.cleanup.push(trapFocus(el));\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && c.closeOnEsc !== false && !e.defaultPrevented) {\n        e.stopPropagation();\n        this.close();\n      }\n    };\n    el.addEventListener('keydown', onKey);\n    const onResize = () => !this.moved && this.center();\n    window.addEventListener('resize', onResize);\n    this.cleanup.push(() => el.removeEventListener('keydown', onKey), () => window.removeEventListener('resize', onResize));\n    if (c.autoFocus) this.focusFirst();\n    else el.focus();\n    this.emit('show');\n  }\n\n  private focusFirst() {\n    const inBody = focusables(this.bodyEl)[0];\n    const primary = this.el.querySelector<HTMLElement>('.op-panel__footer .op-button--primary');\n    (inBody ?? primary ?? focusables(this.el).find((e) => !e.classList.contains('op-panel__tool')) ?? this.el).focus();\n  }\n\n  override hide(): void {\n    if (!this.visible || this.emit('before-hide') === false) return;\n    this.release();\n    this.emit('hide');\n  }\n\n  /** Cleans up at once (the page is usable again) and takes the window off the screen: shrinking toward its opener, 20 % faster than it came. */\n  private release(animate = true) {\n    this.visible = false;\n    this.cleanup.splice(0).reverse().forEach((f) => f());\n    const bd = this.backdrop;\n    this.backdrop = undefined;\n    const target = bd ?? this.el;\n    const out = animate ? popOut(this.el, this.opener ?? undefined, 'modal') : null;\n    if (out) {\n      const id = ++this.leaving;\n      bd?.animate?.([{ opacity: 1 }, { opacity: 0 }], { duration: motion.ms('modal', 'exit'), easing: motion.easing('exit'), fill: 'forwards' });\n      void out.then(() => id === this.leaving && !this.visible && (target.remove(), bd?.remove()));\n    } else {\n      target.remove();\n      bd?.remove();\n    }\n    if (this.opener instanceof HTMLElement && this.opener.isConnected) this.opener.focus();\n  }\n\n  protected override onDestroy() {\n    if (this.visible) this.release(false);\n    else if (this.leaving) (this.el.closest('.op-window-backdrop') ?? this.el).remove();\n    super.onDestroy();\n  }\n}\nregister('window', Window);\n"],
-  "mappings": "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",
-  "names": ["Window", "Panel", "config", "c", "r", "dx", "dy", "move", "m", "up", "mask", "el", "toLayer", "lockModal", "e", "a", "popIn", "motion", "trapFocus", "onKey", "onResize", "inBody", "focusables", "primary", "animate", "f", "bd", "target", "out", "popOut", "id", "register"]
-}