@ixfx/components 0.16.4 → 0.17.0

package/dist/data-display.js

@@ -1,9 +1,9 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css } from "lit";
 import { property } from "lit/decorators.js";
 import { rangeStream, round } from "@ixfx/numbers";
-//#region src/data-display/data-display.ts
+// src/data-display/data-display.ts
 let DataDisplayComponent = class DataDisplayComponent extends LitElement {
 	static {
 		this.styles = [themeFallbacks, css`
@@ -323,5 +323,4 @@ let DataDisplayComponent = class DataDisplayComponent extends LitElement {
 };
 __decorate([property({ type: Boolean })], DataDisplayComponent.prototype, "automap", void 0);
 DataDisplayComponent = __decorate([safeCustomElement(`ixfx-data-display`)], DataDisplayComponent);
-//#endregion
 export { DataDisplayComponent };

package/dist/{data-grid-8TsiF2ES.js → data-grid-BcO3SMac.js}

@@ -1,25 +1,25 @@
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES } from "./incr-search-Dc6gYpJG.js";
-import { t as handleStyles } from "./handle-DAXs7kbJ.js";
-import { a as listItemFadeKeyframes, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
-import { a as capKeys, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, r as MAX_PENDING_KEYS } from "./pending-BGidHppL.js";
-import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-Ck6CiprB.js";
-import "./interaction-E-uMGHkJ.js";
-import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
-import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
-import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-BjcMyauw.js";
-import { t as createDragGhost } from "./drag-ghost-DtSDvjri.js";
-import "./menu-BX1FHxY8.js";
-import "./pan-text-CqtvjPyK.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES } from "./incr-search-C5114RxZ.js";
+import "./interaction-8Kbbf6xN.js";
+import { a as listItemFadeKeyframes, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-D4l_ede_.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { a as capKeys, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, r as MAX_PENDING_KEYS } from "./pending-Afl4LT64.js";
+import { t as handleStyles } from "./handle-BVUWv97X.js";
+import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
+import { t as createDragGhost } from "./drag-ghost-DNWu_RyN.js";
+import "./icon-DvTQuylG.js";
+import "./menu-C3DhTjHx.js";
+import "./pan-text-DrJYKQKN.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";
 import { repeat } from "lit/directives/repeat.js";
-//#region src/data-grid/data-grid-view-state.ts
+// src/data-grid/data-grid-view-state.ts
 const EMPTY_COLUMNS = /* @__PURE__ */ new Map();
 const EMPTY_ORDER = /* @__PURE__ */ new Map();
 /**
@@ -203,8 +203,7 @@ function withOrder(layout, order) {
 function capMap(map, max = MAX_PENDING_KEYS) {
 	return map.size <= max ? map : new Map([...map].slice(map.size - max));
 }
-//#endregion
-//#region src/data-grid/shift-wheel.ts
+// src/data-grid/shift-wheel.ts
 /**
 * Shift + vertical mouse wheel → horizontal scroll.
 *
@@ -252,8 +251,7 @@ function attachShiftWheel(getScroller) {
 		detachWheel();
 	};
 }
-//#endregion
-//#region src/data-grid/data-grid.ts
+// src/data-grid/data-grid.ts
 /** `CSS.highlights` key for incremental-search matches, styled in `listSearchStyles`. */
 const SEARCH_HIGHLIGHT_KEY = `data-grid-search`;
 const EMPTY_CELL_LOOK = {
@@ -2618,5 +2616,4 @@ __decorate([query(`.viewport`)], DataGridElement.prototype, "_viewportEl", void
 __decorate([query(`.header-row`)], DataGridElement.prototype, "_headerRowEl", void 0);
 __decorate([state()], DataGridElement.prototype, "_partialKeys", void 0);
 DataGridElement = __decorate([safeCustomElement(`ixfx-data-grid`)], DataGridElement);
-//#endregion
 export { DataGridElement as t };

package/dist/{data-grid-CslzF16R.d.ts → data-grid-vasJtjFP.d.ts}

@@ -1,15 +1,14 @@
-import "./icon-CDGprSdE.js";
-import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DgfkxmVY.js";
-import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
-import "./index-9ttcdwlL.js";
-import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
-import { m as ListSelectKeysDetail, u as ListSelectIntentDetail } from "./list-selection-types-Dnamh2Lu.js";
-import { S as ListSearchController } from "./index-Bm9a9S3_.js";
-import "./index-ZaA90u09.js";
-import "./pan-text-CoYmt2qd.js";
+import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DNuzfo6R.js";
+import { m as ListSelectKeysDetail, u as ListSelectIntentDetail } from "./list-selection-types-CKTt7Rrw.js";
+import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
+import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BJ8c6qur.js";
+import "./index-Cdcek1Oj.js";
+import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import "./icon-Bhz0c6Yf.js";
+import "./index-0smh4WCH.js";
+import "./pan-text-DKe2zinH.js";
 import { LitElement } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";
-//#region src/data-grid/types.d.ts
 type DataGridSelectionMode = `none` | `single` | `multiple`;
 type DataGridInteractionMode = `standard` | `implicit` | `manual` | `checked` | `sticky` | `vscode`;
 type DataGridSortDirection = `asc` | `desc`;
@@ -101,8 +100,6 @@ type DataGridGroupBy<R> = string | ((row: R) => string);
 type DataGridGroupLabel = (groupKey: string, rows: readonly unknown[]) => string;
 /** Whether the data-grid renders its built-in header column/group menu. */
 type DataGridColumnMenu = `auto` | `none`;
-//#endregion
-//#region src/data-grid/data-grid-view-state.d.ts
 /**
  * Pure view-state helpers for `ixfx-data-grid`. The grid runs these whenever
  * its rows or columns change, so state keyed to rows / columns that left the
@@ -126,8 +123,6 @@ type DataGridViewState = ViewStateBase & {
   /** Group-by column key (`null` = ungrouped). Only recorded when `allowGrouping` is on. */
   readonly groupBy?: string | null;
 };
-//#endregion
-//#region src/data-grid/data-grid.d.ts
 type DataGridSortDetail = {
   readonly sort: DataGridSortState;
   readonly previous: DataGridSortState;
@@ -466,5 +461,4 @@ interface DataGridElement {
   addEventListener: (<K extends keyof DataGridElementEventMap>(type: K, listener: (this: DataGridElement, event: DataGridElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
   removeEventListener: (<K extends keyof DataGridElementEventMap>(type: K, listener: (this: DataGridElement, event: DataGridElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
 }
-//#endregion
 export { DataGridColumn as A, DataGridInteractionMode as B, DataGridSortEvent as C, DataGridViewState as D, DataGridColumnViewState as E, DataGridEditorFactory as F, GlobalFormatter as G, DataGridSelectionMode as H, DataGridEditorType as I, DataGridGetRowKey as L, DataGridDataType as M, DataGridEditability as N, BuiltInFormatterName as O, DataGridEditorContext as P, DataGridGroupBy as R, DataGridSortDetail as S, DataGridViewportChangeEvent as T, DataGridSortDirection as U, DataGridRowLook as V, DataGridSortState as W, DataGridRowActivateDetail as _, DataGridColumnReorderDetail as a, DataGridSelectEvent as b, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridListSelectEvent as g, DataGridListSelectDetail as h, DataGridCellEditEvent as i, DataGridColumnMenu as j, BuiltInFormatterOptions as k, DataGridColumnVisibilityDetail as l, DataGridGroupChangeEvent as m, DataGridCellClickEvent as n, DataGridColumnReorderEvent as o, DataGridGroupChangeDetail as p, DataGridCellEditDetail as r, DataGridColumnResizeDetail as s, DataGridCellClickDetail as t, DataGridColumnVisibilityEvent as u, DataGridRowActivateEvent as v, DataGridViewportChangeDetail as w, DataGridSelectIntentEvent as x, DataGridSelectDetail as y, DataGridGroupLabel as z };

package/dist/data-grid.d.ts

@@ -1,3 +1,3 @@
-import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
-import { A as DataGridColumn, B as DataGridInteractionMode, C as DataGridSortEvent, D as DataGridViewState, E as DataGridColumnViewState, F as DataGridEditorFactory, G as GlobalFormatter, H as DataGridSelectionMode, I as DataGridEditorType, L as DataGridGetRowKey, M as DataGridDataType, N as DataGridEditability, O as BuiltInFormatterName, P as DataGridEditorContext, R as DataGridGroupBy, S as DataGridSortDetail, T as DataGridViewportChangeEvent, U as DataGridSortDirection, V as DataGridRowLook, W as DataGridSortState, _ as DataGridRowActivateDetail, a as DataGridColumnReorderDetail, b as DataGridSelectEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridListSelectEvent, h as DataGridListSelectDetail, i as DataGridCellEditEvent, j as DataGridColumnMenu, k as BuiltInFormatterOptions, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridRowActivateEvent, w as DataGridViewportChangeDetail, x as DataGridSelectIntentEvent, y as DataGridSelectDetail, z as DataGridGroupLabel } from "./data-grid-CslzF16R.js";
+import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { A as DataGridColumn, B as DataGridInteractionMode, C as DataGridSortEvent, D as DataGridViewState, E as DataGridColumnViewState, F as DataGridEditorFactory, G as GlobalFormatter, H as DataGridSelectionMode, I as DataGridEditorType, L as DataGridGetRowKey, M as DataGridDataType, N as DataGridEditability, O as BuiltInFormatterName, P as DataGridEditorContext, R as DataGridGroupBy, S as DataGridSortDetail, T as DataGridViewportChangeEvent, U as DataGridSortDirection, V as DataGridRowLook, W as DataGridSortState, _ as DataGridRowActivateDetail, a as DataGridColumnReorderDetail, b as DataGridSelectEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridListSelectEvent, h as DataGridListSelectDetail, i as DataGridCellEditEvent, j as DataGridColumnMenu, k as BuiltInFormatterOptions, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridRowActivateEvent, w as DataGridViewportChangeDetail, x as DataGridSelectIntentEvent, y as DataGridSelectDetail, z as DataGridGroupLabel } from "./data-grid-vasJtjFP.js";
 export { type BuiltInFormatterName, type BuiltInFormatterOptions, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, type DataGridColumn, type DataGridColumnMenu, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, type DataGridColumnViewState, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, type DataGridDataType, type DataGridEditability, type DataGridEditorContext, type DataGridEditorFactory, type DataGridEditorType, DataGridElement, DataGridElementEventMap, type DataGridGetRowKey, type DataGridGroupBy, DataGridGroupChangeDetail, DataGridGroupChangeEvent, type DataGridGroupLabel, type DataGridInteractionMode, DataGridListSelectDetail, DataGridListSelectEvent, DataGridRowActivateDetail, DataGridRowActivateEvent, type DataGridRowLook, DataGridSelectDetail, DataGridSelectEvent, DataGridSelectIntentEvent, type DataGridSelectionMode, DataGridSortDetail, type DataGridSortDirection, DataGridSortEvent, type DataGridSortState, type DataGridViewState, DataGridViewportChangeDetail, DataGridViewportChangeEvent, type GlobalFormatter, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };

package/dist/data-grid.js

@@ -1,2 +1 @@
-import { t as DataGridElement } from "./data-grid-8TsiF2ES.js";
-export { DataGridElement };
+export { t as DataGridElement } from "./data-grid-BcO3SMac.js";

package/dist/{data-provider-35TyWclX.js → data-provider-C6ZNAcaT.js}

@@ -1,4 +1,4 @@
-//#region src/common/data-provider.ts
+// src/common/data-provider.ts
 /**
 * Collects all items from any DataProviderResult into a flat array.
 * Useful for components that need a complete list before rendering (e.g. tree branches).
@@ -17,5 +17,4 @@ async function collectDataResult(result, signal) {
 	}
 	return result;
 }
-//#endregion
 export { collectDataResult as t };

package/dist/{data-provider-BAn_-oR1.d.ts → data-provider-Cq_ylpET.d.ts}

@@ -1,4 +1,3 @@
-//#region src/common/data-provider.d.ts
 /**
  * Shared data-provider contract used by components that render a list of items.
  *
@@ -56,5 +55,4 @@ type IDataProvider<TQuery, TItem> = (query: TQuery, signal: AbortSignal) => Data
  * Respects the AbortSignal — stops accumulating if cancelled mid-stream.
  */
 declare function collectDataResult<T>(result: DataProviderResult<T>, signal: AbortSignal): Promise<readonly T[]>;
-//#endregion
 export { collectDataResult as i, DataProviderResult as n, IDataProvider as r, DataBatch as t };

package/dist/date-input.d.ts

@@ -0,0 +1,57 @@
+import { LitElement } from "lit";
+export type DateInputType = `date` | `datetime-local`;
+export type DateInputChangeDetail = {
+  /** The text value: `YYYY-MM-DD` or `YYYY-MM-DDTHH:mm`. Empty when cleared or incomplete. */
+  readonly value: string;
+  /** The value as a local-time `Date`, or `null` when empty. */
+  readonly date: Date | null;
+};
+export type DateInputChangeEvent = CustomEvent<DateInputChangeDetail>;
+/**
+ * Parse a `date` / `datetime-local` string into a local-time `Date`.
+ * Returns `null` for an empty or malformed value.
+ */
+export declare function parseDateInput(value: string): Date | null;
+/** Format a local-time `Date` for a `date` / `datetime-local` input. */
+export declare function formatDateInput(date: Date, type: DateInputType): string;
+/**
+ * Date or date-time input that follows the theme.
+ *
+ * Wraps the native picker (so keyboard entry, the calendar popup and
+ * localisation come from the browser) and styles it like the other inputs.
+ *
+ * @fires {DateInputChangeEvent} change — when the user changes the value
+ *
+ * @example
+ * ```html
+ * <ixfx-date-input type="date" value="2026-11-09"></ixfx-date-input>
+ * ```
+ */
+export declare class DateInputElement extends LitElement {
+  #private;
+  /** `date` or `datetime-local`. */
+  type: DateInputType;
+  /** `YYYY-MM-DD` or `YYYY-MM-DDTHH:mm`, matching `type`. Empty for none. */
+  value: string;
+  min: string;
+  max: string;
+  disabled: boolean;
+  name: string;
+  /** The value as a local-time `Date`, or `null` when empty. */
+  get date(): Date | null;
+  set date(date: Date | null);
+  focus(options?: FocusOptions): void;
+  protected render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-date-input': DateInputElement;
+  }
+}
+export interface DateInputElementEventMap {
+  change: DateInputChangeEvent;
+}
+export interface DateInputElement {
+  addEventListener: (<K extends keyof DateInputElementEventMap>(type: K, listener: (this: DateInputElement, event: DateInputElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}

package/dist/date-input.js

@@ -0,0 +1,122 @@
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { LitElement, css, html } from "lit";
+import { property } from "lit/decorators.js";
+// src/date-input/date-input.ts
+/**
+* Parse a `date` / `datetime-local` string into a local-time `Date`.
+* Returns `null` for an empty or malformed value.
+*/
+function parseDateInput(value) {
+	const m = /^(\d{4,})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2})(?::(\d{2}))?)?$/.exec(value);
+	if (!m) return null;
+	const [, y, mo, d, h = `0`, mi = `0`, s = `0`] = m;
+	const date = new Date(Number(y), Number(mo) - 1, Number(d), Number(h), Number(mi), Number(s));
+	return Number.isNaN(date.getTime()) ? null : date;
+}
+/** Format a local-time `Date` for a `date` / `datetime-local` input. */
+function formatDateInput(date, type) {
+	const p = (n, w = 2) => String(n).padStart(w, `0`);
+	const day = `${p(date.getFullYear(), 4)}-${p(date.getMonth() + 1)}-${p(date.getDate())}`;
+	return type === `date` ? day : `${day}T${p(date.getHours())}:${p(date.getMinutes())}`;
+}
+let DateInputElement = class DateInputElement extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.type = `datetime-local`;
+		this.value = ``;
+		this.min = ``;
+		this.max = ``;
+		this.disabled = false;
+		this.name = ``;
+		this.#onChange = (e) => {
+			e.stopPropagation();
+			this.value = e.target.value;
+			this.dispatchEvent(new CustomEvent(`change`, {
+				detail: {
+					value: this.value,
+					date: this.date
+				},
+				bubbles: true,
+				composed: true
+			}));
+		};
+	}
+	/** The value as a local-time `Date`, or `null` when empty. */
+	get date() {
+		return parseDateInput(this.value);
+	}
+	set date(date) {
+		this.value = date === null ? `` : formatDateInput(date, this.type);
+	}
+	focus(options) {
+		this.shadowRoot?.querySelector(`input`)?.focus(options);
+	}
+	#onChange;
+	render() {
+		return html`
+      <input
+        type=${this.type}
+        name=${this.name}
+        .value=${this.value}
+        min=${this.min}
+        max=${this.max}
+        ?disabled=${this.disabled}
+        @change=${this.#onChange}
+      >
+    `;
+	}
+	static {
+		this.styles = [themeFallbacks, css`
+      :host {
+        --date-input-padding: var(--space-m, 8px) var(--space-l, 12px);
+        --date-input-background: var(--surface-3, var(--surface-2));
+        --date-input-border: var(--border);
+        --date-input-border-radius: var(--radius-m, 4px);
+
+        display: inline-block;
+        font-family: var(--font-family, system-ui, sans-serif);
+        font-size: var(--text-m, 12px);
+      }
+
+      input {
+        appearance: none;
+        box-sizing: border-box;
+        width: 100%;
+        padding: var(--date-input-padding);
+        background: var(--date-input-background);
+        color: var(--surface-2-text);
+        border: var(--date-input-border);
+        border-radius: var(--date-input-border-radius);
+        font: inherit;
+        color-scheme: inherit;
+        outline: none;
+        transition: border-color var(--transition, 0.15s ease-out);
+      }
+
+      input:focus {
+        border-color: var(--accent);
+      }
+
+      input:disabled {
+        opacity: var(--prominence-disabled-opacity, 0.4);
+      }
+
+      input::-webkit-calendar-picker-indicator {
+        cursor: pointer;
+        filter: invert(var(--date-input-icon-invert, 0));
+      }
+    `];
+	}
+};
+__decorate([property({ type: String })], DateInputElement.prototype, "type", void 0);
+__decorate([property({ type: String })], DateInputElement.prototype, "value", void 0);
+__decorate([property({ type: String })], DateInputElement.prototype, "min", void 0);
+__decorate([property({ type: String })], DateInputElement.prototype, "max", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DateInputElement.prototype, "disabled", void 0);
+__decorate([property({ type: String })], DateInputElement.prototype, "name", void 0);
+DateInputElement = __decorate([safeCustomElement(`ixfx-date-input`)], DateInputElement);
+export { DateInputElement, formatDateInput, parseDateInput };

package/dist/{decorate-VRK8rslU.js → decorate-Dxs8sFX8.js}

@@ -1,4 +1,4 @@
-//#region src/util/custom-elements.ts
+// src/util/custom-elements.ts
 function getRegistry() {
 	if (typeof customElements === `undefined`) return void 0;
 	return customElements;
@@ -13,13 +13,11 @@ function safeCustomElement(name) {
 		safeDefine(name, ctor);
 	};
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.143.0/helpers/esm/decorate.js
+// \0@oxc-project+runtime@0.157.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-//#endregion
 export { safeCustomElement as n, __decorate as t };

package/dist/{defaults-B4ePs4LB.js → defaults-_6ELsqLb.js}

@@ -1,5 +1,5 @@
-import { s as registerIcon } from "./registry-BEtb8_wB.js";
-//#region src/icons/defaults.ts
+import { s as registerIcon } from "./registry-DcF0fO7l.js";
+// src/icons/defaults.ts
 /** Chevron pointing down (Lucide `chevron-down`). Used for split-button dropdown toggle. */
 const ICON_CHEVRON_DOWN = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>`;
 /**
@@ -56,5 +56,4 @@ function registerDefaults() {
 	registerIcon(`ellipsis-vertical`, ICON_ELLIPSIS_VERTICAL);
 	registerIcon(`ellipsis`, ICON_ELLIPSIS);
 }
-//#endregion
 export { registerDefaults as a, ICON_CLOSE as i, ICON_CHECK as n, ICON_CHEVRON_DOWN as r, ICON_CARET_RIGHT as t };

package/dist/{detail-list-n1MbNbhF.d.ts → detail-list-E9WdMVbE.d.ts}

@@ -1,17 +1,16 @@
-import "./icon-CDGprSdE.js";
-import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
-import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DgfkxmVY.js";
-import { a as ViewStateBase, s as ViewStateChangeEvent, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
-import "./index-9ttcdwlL.js";
-import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-Dnamh2Lu.js";
-import { S as ListSearchController } from "./index-Bm9a9S3_.js";
-import { a as ListGroupEventMap, o as ListGroupInfo, s as ListGroupLabel } from "./grouping-CUKgmkMm.js";
-import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-DtHX26JO.js";
+import { r as IDataProvider } from "./data-provider-Cq_ylpET.js";
+import { a as ListGroupEventMap, o as ListGroupInfo, s as ListGroupLabel } from "./grouping-OoQ8WaKc.js";
+import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DNuzfo6R.js";
+import { a as ViewStateBase, s as ViewStateChangeEvent, t as GetViewStateOptions } from "./types-16GC5k1z.js";
+import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-CKTt7Rrw.js";
+import { n as ListViewportChangeEvent } from "./list-viewport-types-BJ8c6qur.js";
+import "./index-Cdcek1Oj.js";
+import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-BzeXehBt.js";
+import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import "./icon-Bhz0c6Yf.js";
 import "./list-group-header.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";
-//#region src/detail-list/detail-list-view-state.d.ts
 /**
  * Pure helpers behind `ixfx-detail-list`'s view state (see
  * `docs/infra-view-state.md`). The component keeps only the wiring.
@@ -25,8 +24,6 @@ import { CommandId, CommandRegistry } from "@clinth/ui-commands";
  *   visible column.
  */
 type DetailListViewState = ViewStateBase;
-//#endregion
-//#region src/detail-list/types.d.ts
 /** Sort direction applied to the item columns. */
 type DetailSortMode = `none` | `ascending` | `descending`;
 /** Per-item view of a row passed to `sortComparator`. */
@@ -45,8 +42,6 @@ type DetailFormatter = (item: unknown, index: number) => string | Node;
  * for declarative rows) and its `<li>` element.
  */
 type DetailGroupBy = string | ((data: unknown, el: Element) => string);
-//#endregion
-//#region src/detail-list/detail-list.d.ts
 /**
  * A list that scales horizontally, not vertically.
  *
@@ -311,5 +306,4 @@ interface DetailListElementEventMap extends ListElementEventMap, ListGroupEventM
   'list-native-drag-start': ListNativeDragStartEvent<Element>;
   'view-state-change': ViewStateChangeEvent<DetailListViewState>;
 }
-//#endregion
 export { DetailSortComparator as a, DetailListViewState as c, DetailGroupBy as i, DetailListElementEventMap as n, DetailSortItem as o, DetailFormatter as r, DetailSortMode as s, DetailListElement as t };

package/dist/{detail-list-w3GXKO2k.js → detail-list-vPVwE1CP.js}

@@ -1,22 +1,22 @@
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
-import { t as DataController } from "./data-controller-DOlmqNKb.js";
-import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-Dc6gYpJG.js";
-import { a as toGroupKey, r as partitionByGroup } from "./grouping-RYPnHkrS.js";
-import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
-import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-D4iIrvJH.js";
-import { a as capKeys, d as partitionKeys, l as keysToArray, o as flagsFromRecord } from "./pending-BGidHppL.js";
-import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-Ck6CiprB.js";
-import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
-import { a as restoreElementScroll, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
-import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-BjcMyauw.js";
+import { t as DataController } from "./data-controller-q-rXRMzJ.js";
+import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
+import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-C5114RxZ.js";
+import { a as toGroupKey, r as partitionByGroup } from "./grouping-kENdqzSV.js";
+import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-Dkh3m3hX.js";
+import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-D4l_ede_.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { a as capKeys, d as partitionKeys, l as keysToArray, o as flagsFromRecord } from "./pending-Afl4LT64.js";
+import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { a as restoreElementScroll, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
+import "./icon-DvTQuylG.js";
 import "./list-group-header.js";
 import { LitElement, css, html, nothing, render } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";
-//#region src/detail-list/detail-list-geometry.ts
+// src/detail-list/detail-list-geometry.ts
 const EMPTY_GEOMETRY = {
 	columns: [],
 	positions: /* @__PURE__ */ new Map(),
@@ -132,8 +132,7 @@ function itemsInSpanByOrder(items, origin, start, end) {
 	const to = partitionPoint(from, n, (i) => box(i).right <= start);
 	return items.slice(from, to);
 }
-//#endregion
-//#region src/detail-list/detail-list-view-state.ts
+// src/detail-list/detail-list-view-state.ts
 const DETAIL_LIST_VIEW_STATE_KIND = `detail-list`;
 /**
 * Collapsed group keys as an `expanded` record. Collapsed keys whose group
@@ -188,8 +187,7 @@ function applyListScroll(viewport, scroll, resolve) {
 	}
 	return scrollToOffset(viewport, scroll.left ?? 0, `horizontal`);
 }
-//#endregion
-//#region src/detail-list/detail-list.ts
+// src/detail-list/detail-list.ts
 const ITEM_SELECTOR = `:scope > li`;
 const GROUP_HEADER_ATTR = `data-ixfx-group-header`;
 const GROUP_COLLAPSED_ATTR = `data-group-collapsed`;
@@ -2271,5 +2269,4 @@ __decorate([property({
 __decorate([state()], DetailListElement.prototype, "_collapsedGroups", void 0);
 __decorate([query(`ul`)], DetailListElement.prototype, "_listEl", void 0);
 DetailListElement = __decorate([safeCustomElement(`ixfx-detail-list`)], DetailListElement);
-//#endregion
 export { DetailListElement as t };

package/dist/detail-list.d.ts

@@ -1,6 +1,6 @@
-import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
-import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
-import { i as ListGroupChangeEvent, l as ListGroupToggleDetail, n as ListGroupBy, o as ListGroupInfo, r as ListGroupChangeDetail, s as ListGroupLabel, u as ListGroupToggleEvent } from "./grouping-CUKgmkMm.js";
-import { a as DetailSortComparator, c as DetailListViewState, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-n1MbNbhF.js";
-import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-DtHX26JO.js";
+import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BJ8c6qur.js";
+import { i as ListGroupChangeEvent, l as ListGroupToggleDetail, n as ListGroupBy, o as ListGroupInfo, r as ListGroupChangeDetail, s as ListGroupLabel, u as ListGroupToggleEvent } from "./grouping-OoQ8WaKc.js";
+import { a as DetailSortComparator, c as DetailListViewState, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-E9WdMVbE.js";
+import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-BzeXehBt.js";
 export { type AddItemOptions, type CustomCheckboxOptions, type DetailFormatter, type DetailGroupBy, DetailListElement, DetailListElementEventMap, type DetailListViewState, type DetailSortComparator, type DetailSortItem, type DetailSortMode, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListGroupBy, type ListGroupChangeDetail, type ListGroupChangeEvent, type ListGroupInfo, type ListGroupLabel, type ListGroupToggleDetail, type ListGroupToggleEvent, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListViewportChangeDetail, type ListViewportChangeEvent };

package/dist/detail-list.js

@@ -1,3 +1,2 @@
-import { t as DetailListElement } from "./detail-list-w3GXKO2k.js";
+export { t as DetailListElement } from "./detail-list-vPVwE1CP.js";
 import "./list-group-header.js";
-export { DetailListElement };

package/dist/{drag-ghost-DtSDvjri.js → drag-ghost-DNWu_RyN.js}

@@ -1,4 +1,4 @@
-//#region src/util/drag-ghost.ts
+// src/util/drag-ghost.ts
 /**
 * Theme-aware floating element helper.
 *
@@ -79,5 +79,4 @@ function createDragGhost(opts) {
 		}
 	};
 }
-//#endregion
 export { createDragGhost as t };

package/dist/{editable-label-rzXkjf1H.d.ts → editable-label-CiHCDlhC.d.ts}

@@ -1,5 +1,4 @@
 import { CSSResult, LitElement, PropertyValues } from "lit";
-//#region src/editable-label/editable-label.d.ts
 type EditableMode = `label` | `editor`;
 type EntryMode = `free` | `text` | `number` | `percent`;
 type DisplayTextLogic = `hidden` | `show` | `override` | `transient`;
@@ -70,5 +69,4 @@ declare global {
     'ixfx-editable-label': EditableLabel;
   }
 }
-//#endregion
 export { EditableMode as a, EditableLabelChangeEvent as i, EditableLabel as n, EntryMode as o, EditableLabelChangeDetail as r, DisplayTextLogic as t };

package/dist/editable-label.d.ts

@@ -1,2 +1,32 @@
-import { a as EditableMode, i as EditableLabelChangeEvent, n as EditableLabel, o as EntryMode, r as EditableLabelChangeDetail, t as DisplayTextLogic } from "./editable-label-rzXkjf1H.js";
+/**
+ * <ixfx-editable-label> — inline editable text label.
+ *
+ * Two display modes:
+ *   label  (default) — renders as plain text until clicked, then becomes an editable box.
+ *   editor           — always renders as an editable box; becomes active on focus/click.
+ *
+ * Entry modes (filter characters as typed):
+ *   free    (default) — no restrictions
+ *   text              — alphabetical characters and spaces only
+ *   number            — digits, decimal point, minus sign
+ *   percent           — digits, decimal point, percent sign
+ *
+ * Properties (not attributes):
+ *   validator  (value: string) => boolean   — override commit validation; default uses entry-mode rules
+ *   formatter  (value: string) => string    — transform committed value for display
+ *
+ * Events:
+ *   input  — CustomEvent<{ value: string }>, bubbles + composed; fired as value changes during editing
+ *   change — CustomEvent<{ value: string }>, bubbles + composed; fired when value is committed
+ *
+ * CSS variables:
+ *   --label-font-size    defaults to var(--text-m, 12px)
+ *   --label-font-family  defaults to var(--font-family, system-ui, sans-serif)
+ *   --label-color        defaults to var(--surface-2-text)
+ *   --label-muted-color  placeholder colour, defaults to var(--surface-muted-text)
+ *   --label-padding      defaults to var(--space-xs, 3px) var(--space-s, 4px)
+ *   --label-radius       defaults to var(--radius-s, 3px)
+ *   --label-align        text alignment: left | center (default) | right
+ */
+import { a as EditableMode, i as EditableLabelChangeEvent, n as EditableLabel, o as EntryMode, r as EditableLabelChangeDetail, t as DisplayTextLogic } from "./editable-label-CiHCDlhC.js";
 export { DisplayTextLogic, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EntryMode };

package/dist/editable-label.js

@@ -1,8 +1,8 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
-//#region src/editable-label/editable-label.ts
+// src/editable-label/editable-label.ts
 let EditableLabel = class EditableLabel extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -322,5 +322,4 @@ function _selectAll(el) {
 	sel?.removeAllRanges();
 	sel?.addRange(range);
 }
-//#endregion
 export { EditableLabel };

package/dist/{fallbacks-DQ_5OsmR.js → fallbacks-BPjjBoED.js}

@@ -1,5 +1,5 @@
 import { css } from "lit";
-//#region src/styles/fallbacks.ts
+// src/styles/fallbacks.ts
 /**
 * Default fallback values for theme CSS variables.
 *
@@ -416,5 +416,4 @@ _registerThemeFallbacksOnce();
 * pattern working across all consuming components.
 */
 const themeFallbacks = css``;
-//#endregion
 export { themeFallbacks as t };