@ixfx/components 0.16.5 → 0.17.1

package/bundle/rolldown-runtime-CAoDHAWh.js

@@ -0,0 +1 @@
+var e=Object.defineProperty,t=(t,n)=>{let r=Object.setPrototypeOf({},null);for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n&1||e(r,Symbol.toStringTag,{value:`Module`}),n&2?r:Object.preventExtensions(r)},n=/* @__PURE__ */ (e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.")});export{n,t};

package/dist/ac-text.d.ts

@@ -1,7 +1,6 @@
-import "./icon-CDGprSdE.js";
+import "./icon-Bhz0c6Yf.js";
 import { LitElement, PropertyValues } from "lit";
-//#region src/ac-text/ac-text.d.ts
-type AcTextItem = {
+export type AcTextItem = {
   readonly label: string;
   readonly subLabel?: string;
   readonly icon?: string;
@@ -12,16 +11,16 @@ type AcTextItem = {
   /** Character positions within label that matched the query, used for CSS highlight rendering. */
   readonly positions?: ReadonlySet<number>;
 };
-type AcTextSelectDetail = {
+export type AcTextSelectDetail = {
   readonly item: AcTextItem;
   readonly query: string;
 };
-type AcTextSelectEvent = CustomEvent<AcTextSelectDetail>;
+export type AcTextSelectEvent = CustomEvent<AcTextSelectDetail>;
 /**
  * Fired when the user commits a value — either by pressing Enter on typed text
  *  or by selecting an item from the autocomplete popup (keyboard or click).
  */
-type AcTextChangeDetail = {
+export type AcTextChangeDetail = {
   /** The committed text value (typed text, or the selected item's label). */
   readonly value: string;
   /**
@@ -34,18 +33,18 @@ type AcTextChangeDetail = {
   /** Whether the commit came from plain typed text or an autocomplete selection. */
   readonly source: `text` | `autocomplete`;
 };
-type AcTextChangeEvent = CustomEvent<AcTextChangeDetail>;
+export type AcTextChangeEvent = CustomEvent<AcTextChangeDetail>;
 /**
  * Fired on every edit of the text (each keystroke, paste, or Tab-accept),
  * whether or not it is ever committed. Lets a consumer keep a half-typed value
  * that is left with a blur, which `change` never reports.
  */
-type AcTextValueDetail = {
+export type AcTextValueDetail = {
   /** The text now in the input. */
   readonly value: string;
 };
-type AcTextValueEvent = CustomEvent<AcTextValueDetail>;
-type AcTextCompletionProvider = (query: string, signal: AbortSignal) => Promise<AcTextItem[]> | AcTextItem[];
+export type AcTextValueEvent = CustomEvent<AcTextValueDetail>;
+export type AcTextCompletionProvider = (query: string, signal: AbortSignal) => Promise<AcTextItem[]> | AcTextItem[];
 /**
  * VS Code command-palette style autocomplete text input.
  *
@@ -68,7 +67,7 @@ type AcTextCompletionProvider = (query: string, signal: AbortSignal) => Promise<
  * el.addEventListener('change', e => console.log(e.detail));
  * ```
  */
-declare class AcTextElement extends LitElement {
+export declare class AcTextElement extends LitElement {
   #private;
   private static _count;
   private readonly _anchorName;
@@ -109,6 +108,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-ac-text': AcTextElement;
   }
-}
-//#endregion
-export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, AcTextValueDetail, AcTextValueEvent };
+}

package/dist/ac-text.js

@@ -1,13 +1,13 @@
-import { r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { n as tickledStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
+import { r as clearHighlights, t as applyHighlights } from "./highlight-noLHFSKZ.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles } from "./tickled-styles-pnieYweS.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as popupSurfaceStyles } from "./popup-D8IxN1Eq.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
-//#region src/ac-text/ac-text.ts
+// src/ac-text/ac-text.ts
 var _AcTextElement;
 const HIGHLIGHT_KEY = `ac-text-highlight`;
 function makeLruCache(maxSize) {
@@ -523,5 +523,4 @@ __decorate([state()], AcTextElement.prototype, "_results", void 0);
 __decorate([state()], AcTextElement.prototype, "_isOpen", void 0);
 __decorate([state()], AcTextElement.prototype, "_isLoading", void 0);
 AcTextElement = _AcTextElement = __decorate([safeCustomElement(`ixfx-ac-text`)], AcTextElement);
-//#endregion
 export { AcTextElement };

package/dist/{ac-token-qEs3FsQv.d.ts → ac-token-CTBa93hF.d.ts}

@@ -1,7 +1,6 @@
-import "./icon-CDGprSdE.js";
-import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
+import { r as IDataProvider } from "./data-provider-Cq_ylpET.js";
+import "./icon-Bhz0c6Yf.js";
 import { LitElement, PropertyValues } from "lit";
-//#region src/ac-token/types.d.ts
 type AcTokenItem = {
   readonly label: string;
   readonly subLabel?: string;
@@ -38,8 +37,6 @@ interface AcTokenElementEventMap {
   'ac-token-add': AcTokenAddEvent;
   'ac-token-remove': AcTokenRemoveEvent;
 }
-//#endregion
-//#region src/ac-token/ac-token.d.ts
 /**
  * Token/tag input with per-token autocomplete suggestions.
  *
@@ -116,5 +113,4 @@ declare global {
 interface AcTokenElement {
   addEventListener: (<K extends keyof AcTokenElementEventMap>(type: K, listener: (this: AcTokenElement, event: AcTokenElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
 export { AcTokenItem as a, AcTokenStyle as c, AcTokensChangeDetail as d, AcTokensChangeEvent as f, AcTokenElementEventMap as i, AcTokenStyleFn as l, AcTokenAddDetail as n, AcTokenRemoveDetail as o, AcTokenAddEvent as r, AcTokenRemoveEvent as s, AcTokenElement as t, AcTokenizerFn as u };

package/dist/ac-token.d.ts

@@ -1,2 +1,2 @@
-import { a as AcTokenItem, c as AcTokenStyle, d as AcTokensChangeDetail, f as AcTokensChangeEvent, i as AcTokenElementEventMap, l as AcTokenStyleFn, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokenizerFn } from "./ac-token-qEs3FsQv.js";
+import { a as AcTokenItem, c as AcTokenStyle, d as AcTokensChangeDetail, f as AcTokensChangeEvent, i as AcTokenElementEventMap, l as AcTokenStyleFn, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokenizerFn } from "./ac-token-CTBa93hF.js";
 export { type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenStyle, type AcTokenStyleFn, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent };

package/dist/ac-token.js

@@ -1,14 +1,14 @@
-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 { t as DataController } from "./data-controller-DOlmqNKb.js";
-import { h as createAcCompletionProvider } from "./incr-search-Dc6gYpJG.js";
+import { t as DataController } from "./data-controller-q-rXRMzJ.js";
+import { h as createAcCompletionProvider } from "./incr-search-C5114RxZ.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
-//#region src/ac-token/ac-token.ts
+// src/ac-token/ac-token.ts
 const DEFAULT_TOKENIZER = (text) => text.split(/[\s,;]+/);
 function makeLruCache(maxSize) {
 	const map = /* @__PURE__ */ new Map();
@@ -649,5 +649,4 @@ __decorate([state()], AcTokenElement.prototype, "_draft", void 0);
 __decorate([state()], AcTokenElement.prototype, "_selectedTokenIndex", void 0);
 __decorate([state()], AcTokenElement.prototype, "_isOpen", void 0);
 AcTokenElement = __decorate([safeCustomElement(`ixfx-ac-token`)], AcTokenElement);
-//#endregion
 export { AcTokenElement };

package/dist/{button-ikByJJPN.js → button-BOX1dfyd.js}

@@ -1,11 +1,11 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { i as hasIcon } from "./registry-BEtb8_wB.js";
 import "./icons.js";
-import { t as prominenceStyles } from "./prominence-DlFShic3.js";
+import { i as hasIcon } from "./registry-DcF0fO7l.js";
+import { t as prominenceStyles } from "./prominence-BOOQVWF-.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-//#region src/button/button-styles.ts
+// src/button/button-styles.ts
 const buttonStyles = css`
   :host {
     display: inline-flex;
@@ -111,8 +111,7 @@ const buttonStyles = css`
     outline-offset: var(--ixfx-button-toggle-outline-offset, 2px);
   }
 `;
-//#endregion
-//#region src/button/button.ts
+// src/button/button.ts
 let ButtonElement = class ButtonElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -200,5 +199,4 @@ __decorate([property({
 	reflect: true
 })], ButtonElement.prototype, "type", void 0);
 ButtonElement = __decorate([safeCustomElement(`ixfx-button`)], ButtonElement);
-//#endregion
 export { buttonStyles as n, ButtonElement as t };

package/dist/{button-N92DKoWb.d.ts → button-DyJyyCsb.d.ts}

@@ -1,5 +1,4 @@
 import { LitElement, nothing } from "lit";
-//#region src/button/types.d.ts
 type SplitButtonSelectDetail = {
   readonly value: string;
   readonly label: string;
@@ -21,8 +20,6 @@ type ButtonToggleDetail = {
   readonly value: boolean;
 };
 type ButtonToggleEvent = CustomEvent<ButtonToggleDetail>;
-//#endregion
-//#region src/button/button.d.ts
 declare class ButtonElement extends LitElement {
   #private;
   disabled: boolean;
@@ -65,5 +62,4 @@ interface ButtonElementEventMap {
 interface ButtonElement {
   addEventListener: (<K extends keyof ButtonElementEventMap>(type: K, listener: (this: ButtonElement, event: ButtonElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
 export { ItemsProvider as a, SplitButtonSelectEvent as c, ButtonToggleEvent as i, SwitcherItem as l, ButtonElementEventMap as n, PopupItem as o, ButtonToggleDetail as r, SplitButtonSelectDetail as s, ButtonElement as t };

package/dist/button.d.ts

@@ -1,2 +1,2 @@
-import { n as ButtonElementEventMap, t as ButtonElement } from "./button-N92DKoWb.js";
+import { n as ButtonElementEventMap, t as ButtonElement } from "./button-DyJyyCsb.js";
 export { ButtonElement, ButtonElementEventMap };

package/dist/button.js

@@ -1,2 +1 @@
-import { t as ButtonElement } from "./button-ikByJJPN.js";
-export { ButtonElement };
+export { t as ButtonElement } from "./button-BOX1dfyd.js";

package/dist/checkbox.d.ts

@@ -1,6 +1,41 @@
+/**
+ * <x-checkbox> — Custom checkbox with diagonal line indicator.
+ *
+ * A brutalist checkbox component featuring a thick diagonal line
+ * (top-left to bottom-right) when checked. Uses shadow DOM with
+ * CSS variables for appearance customization.
+ *
+ * Properties
+ *   checked   – checkbox state (default: false)
+ *   disabled  – disabled state (default: false)
+ *   readonly  – display-only: no pointer/keyboard interaction, full opacity (default: false)
+ *   label     – label text
+ *   name      – form field name
+ *   value     – form field value
+ *
+ * Events
+ *   change – CustomEvent { detail: { checked: boolean } }, bubbles + composed
+ *
+ * CSS Variables
+ *   --box-size               – box size (default: 18px)
+ *   --box-border-width       – border width (default: 2px)
+ *   --box-border-color       – border color
+ *   --box-bg-unchecked       – background when unchecked
+ *   --box-bg-checked         – background when checked
+ *   --check-line-color         – diagonal line color
+ *   --check-line-width         – diagonal line thickness (default: 6px)
+ *   --box-opacity-unchecked  – opacity when unchecked (default: 0.5)
+ *   --box-opacity-checked    – opacity when checked (default: 1)
+ *   --box-opacity-hover      – opacity on hover (default: 1)
+ *   --box-opacity-disabled   – opacity when disabled (default: 0.3)
+ *   --box-label-gap          – gap between box and label (default: 8px)
+ *   --label-font-size    – label font size (default: 14px)
+ *   --label-opacity      – label opacity (default: 1)
+ *   --label-opacity-unchecked – label opacity when unchecked (default: uses --label-opacity)
+ *   --transition-duration – animation duration (default: 0.2s)
+ */
 import { LitElement, html } from "lit";
-//#region src/checkbox/checkbox.d.ts
-declare class Checkbox extends LitElement {
+export declare class Checkbox extends LitElement {
   #private;
   static styles: import("lit").CSSResult[];
   checked: boolean;
@@ -14,20 +49,18 @@ declare class Checkbox extends LitElement {
   focus(options?: FocusOptions): void;
   render(): ReturnType<typeof html>;
 }
-type CheckboxChangeDetail = {
+export type CheckboxChangeDetail = {
   readonly checked: boolean;
 };
-type CheckboxChangeEvent = CustomEvent<CheckboxChangeDetail>;
+export type CheckboxChangeEvent = CustomEvent<CheckboxChangeDetail>;
 declare global {
   interface HTMLElementTagNameMap {
     'ixfx-checkbox': Checkbox;
   }
 }
-interface CheckboxEventMap {
+export interface CheckboxEventMap {
   change: CheckboxChangeEvent;
 }
-interface Checkbox {
+export interface Checkbox {
   addEventListener: (<K extends keyof CheckboxEventMap>(type: K, listener: (this: Checkbox, event: CheckboxEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
-}
-//#endregion
-export { Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap };
+}

package/dist/checkbox.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 prominenceStyles } from "./prominence-DlFShic3.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as prominenceStyles } from "./prominence-BOOQVWF-.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/checkbox/checkbox.ts
+// src/checkbox/checkbox.ts
 /**
 * <x-checkbox> — Custom checkbox with diagonal line indicator.
 *
@@ -274,5 +274,4 @@ __decorate([property({ type: String })], Checkbox.prototype, "label", void 0);
 __decorate([property({ type: String })], Checkbox.prototype, "name", void 0);
 __decorate([property({ type: String })], Checkbox.prototype, "value", void 0);
 Checkbox = __decorate([safeCustomElement(`ixfx-checkbox`)], Checkbox);
-//#endregion
 export { Checkbox };

package/dist/{checked-select-CBUidG7n.js → checked-select-BmwqpgGr.js}

@@ -1,14 +1,14 @@
-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 { t as handleStyles } from "./handle-DAXs7kbJ.js";
-import "./interaction-E-uMGHkJ.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import "./interaction-8Kbbf6xN.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as handleStyles } from "./handle-BVUWv97X.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import "./checkbox.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-//#region src/checked-select/logic.ts
+// src/checked-select/logic.ts
 function byLabel(a, b) {
 	return a.label.localeCompare(b.label, void 0, { sensitivity: `base` });
 }
@@ -68,8 +68,7 @@ function clampSize(size, min, max) {
 		height: Math.min(Math.max(size.height, min.height), Math.max(max.height, min.height))
 	};
 }
-//#endregion
-//#region src/checked-select/checked-select.ts
+// src/checked-select/checked-select.ts
 let instanceCounter = 0;
 let CheckedSelect = class CheckedSelect extends LitElement {
 	constructor(..._args) {
@@ -598,5 +597,4 @@ __decorate([state()], CheckedSelect.prototype, "_draft", void 0);
 __decorate([state()], CheckedSelect.prototype, "_order", void 0);
 __decorate([state()], CheckedSelect.prototype, "_size", void 0);
 CheckedSelect = __decorate([safeCustomElement(`ixfx-checked-select`)], CheckedSelect);
-//#endregion
 export { CheckedSelect as t };

package/dist/{checked-select-CglRukbP.d.ts → checked-select-CNv5zNvR.d.ts}

@@ -1,6 +1,5 @@
 import "./checkbox.js";
 import { LitElement, PropertyValues } from "lit";
-//#region src/checked-select/types.d.ts
 type CheckState = `true` | `false` | `indeterminate`;
 type CheckedSelectItem = {
   readonly value: string;
@@ -9,8 +8,6 @@ type CheckedSelectItem = {
 };
 type ItemDisplay = `checkbox` | `text`;
 type ItemOrientation = `horizontal` | `vertical`;
-//#endregion
-//#region src/checked-select/checked-select.d.ts
 declare class CheckedSelect extends LitElement {
   #private;
   static styles: import("lit").CSSResult[];
@@ -54,5 +51,4 @@ interface CheckedSelectEventMap {
 interface CheckedSelect {
   addEventListener: (<K extends keyof CheckedSelectEventMap>(type: K, listener: (this: CheckedSelect, event: CheckedSelectEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
 export { CheckState as a, ItemOrientation as c, CheckedSelectEventMap as i, CheckedSelectChangeDetail as n, CheckedSelectItem as o, CheckedSelectChangeEvent as r, ItemDisplay as s, CheckedSelect as t };

package/dist/checked-select.d.ts

@@ -1,2 +1,34 @@
-import { a as CheckState, c as ItemOrientation, i as CheckedSelectEventMap, n as CheckedSelectChangeDetail, o as CheckedSelectItem, r as CheckedSelectChangeEvent, s as ItemDisplay, t as CheckedSelect } from "./checked-select-CglRukbP.js";
+/**
+ * <ixfx-checked-select> — a SELECT-like multi-choice control with tri-state items.
+ *
+ * At rest it shows the checked and indeterminate items as a flow of display-only
+ * `ixfx-checkbox`. Opening it shows a scrollable, resizable popup of every item
+ * (checked first, sorted once at open time). Edits are made to a draft:
+ * Enter (or clicking the resting area again) commits, Escape or clicking outside
+ * cancels.
+ *
+ * Properties
+ *   items        – CheckedSelectItem[] ({ value, label, checked: 'true'|'false'|'indeterminate' })
+ *   multiline    – let the resting flow wrap (default: false)
+ *   items-inert  – resting checkboxes are display-only; clicking them opens the popup
+ *   orientation  – 'horizontal' (default) flows items in a row; 'vertical' stacks one per row
+ *                  (vertical ignores multiline; text mode then lists one entry per line, no commas)
+ *   item-display – 'checkbox' (default) or 'text' (comma-separated labels, then '(varies)' if any are indeterminate)
+ *   placeholder  – shown when nothing is checked
+ *   disabled     – prevents opening
+ *
+ * Events
+ *   change – CustomEvent { detail: { items, changed } }, bubbles + composed.
+ *            Fired once per commit, and only if something changed.
+ *
+ * CSS Variables
+ *   --checked-select-gap         – gap between resting checkboxes
+ *   --checked-select-padding     – padding of the resting area
+ *   --checked-select-caret-width – width of the always-visible caret (default: 2rem)
+ *   --checked-select-rest-max-height – resting height before it scrolls when multiline (default: 8rem)
+ *   --checked-select-max-height  – popup height before it scrolls (default: 16rem)
+ *   --checked-select-min-width   – minimum popup width when resized (default: 8rem)
+ *   --checked-select-min-height  – minimum popup height when resized (default: 5rem)
+ */
+import { a as CheckState, c as ItemOrientation, i as CheckedSelectEventMap, n as CheckedSelectChangeDetail, o as CheckedSelectItem, r as CheckedSelectChangeEvent, s as ItemDisplay, t as CheckedSelect } from "./checked-select-CNv5zNvR.js";
 export { type CheckState, CheckedSelect, CheckedSelectChangeDetail, CheckedSelectChangeEvent, CheckedSelectEventMap, type CheckedSelectItem, type ItemDisplay, type ItemOrientation };

package/dist/checked-select.js

@@ -1,3 +1,2 @@
 import "./checkbox.js";
-import { t as CheckedSelect } from "./checked-select-CBUidG7n.js";
-export { CheckedSelect };
+export { t as CheckedSelect } from "./checked-select-BmwqpgGr.js";

package/dist/{colour-picker-DwAa6RDh.js → colour-picker-D8g-bTSF.js}

@@ -1,7 +1,7 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { n as ICON_CHECK } from "./defaults-B4ePs4LB.js";
+import { n as ICON_CHECK } from "./defaults-_6ELsqLb.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as popupSurfaceStyles } from "./popup-D8IxN1Eq.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import "./labelled-range-input.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -26,8 +26,7 @@ function oklchToCss(l, c, h, a = 1) {
 	if (a < 1) return `oklch(${l} ${c} ${h} / ${a})`;
 	return `oklch(${l} ${c} ${h})`;
 }
-//#endregion
-//#region src/colour-picker/colour-picker.ts
+// src/colour-picker/colour-picker.ts
 let ColourPicker = class ColourPicker extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -547,8 +546,7 @@ __decorate([query(`#slider-h`)], ColourPicker.prototype, "_sliderH", void 0);
 __decorate([query(`#slider-a`)], ColourPicker.prototype, "_sliderA", void 0);
 __decorate([query(`.preview`)], ColourPicker.prototype, "_previewEl", void 0);
 ColourPicker = __decorate([safeCustomElement(`ixfx-colour-picker`)], ColourPicker);
-//#endregion
-//#region src/colour-picker/colour-picker-popup.ts
+// src/colour-picker/colour-picker-popup.ts
 let _instanceCounter = 0;
 const PICKER_SIZES = {
 	small: {
@@ -994,5 +992,4 @@ __decorate([state()], ColourPickerPopup.prototype, "_hasAction", void 0);
 __decorate([query(`.popup`)], ColourPickerPopup.prototype, "_popupEl", void 0);
 __decorate([query(`ixfx-colour-picker`)], ColourPickerPopup.prototype, "_pickerEl", void 0);
 ColourPickerPopup = __decorate([safeCustomElement(`ixfx-colour-picker-popup`)], ColourPickerPopup);
-//#endregion
 export { ColourPicker as n, ColourPickerPopup as t };

package/dist/colour-picker.d.ts

@@ -1,2 +1,2 @@
-import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-DN2BWctP.js";
+import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-PIrgX1bP.js";
 export { ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, type OklchValue };

package/dist/colour-picker.js

@@ -1,2 +1 @@
-import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-DwAa6RDh.js";
-export { ColourPicker, ColourPickerPopup };
+export { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-D8g-bTSF.js";

package/dist/{crumb-navigation-D3ndPgFg.js → crumb-navigation-D7dAC0H-.js}

@@ -1,16 +1,16 @@
-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 "./interaction-E-uMGHkJ.js";
-import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
-import "./menu-item-oxU1VKiJ.js";
-import { t as collectDataResult } from "./data-provider-35TyWclX.js";
-import { t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
+import "./interaction-8Kbbf6xN.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./menu-item-BSxhlWnW.js";
+import { t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
 import "./narrowed-text.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
-//#region src/crumbs/crumb-view-state.ts
+// src/crumbs/crumb-view-state.ts
 /** Walk `keys` down from `root` as far as the loaded tree allows. */
 function resolveKeyPath(root, keys) {
 	const nodes = [root];
@@ -46,8 +46,7 @@ function keyPathTo(root, target) {
 		if (sub) return [child.item.key, ...sub];
 	}
 }
-//#endregion
-//#region src/crumbs/crumb-navigation.ts
+// src/crumbs/crumb-navigation.ts
 /** Menu / suggestion order: by label, without mutating the tree's own order. */
 function sortNodesByLabel(nodes) {
 	return [...nodes].sort((a, b) => (a.item.label ?? ``).localeCompare(b.item.label ?? ``));
@@ -1286,5 +1285,4 @@ __decorate([property({
 })], CrumbNavigationElement.prototype, "withUp", void 0);
 __decorate([property({ attribute: false })], CrumbNavigationElement.prototype, "restoreLoads", void 0);
 CrumbNavigationElement = __decorate([safeCustomElement(`ixfx-crumb-navigation`)], CrumbNavigationElement);
-//#endregion
 export { resolveKeyPath as n, CrumbNavigationElement as t };

package/dist/{crumb-navigation-BbqfmkYs.d.ts → crumb-navigation-Tm4fnsvN.d.ts}

@@ -1,11 +1,10 @@
-import { M as TreeDataModel, a as TreeComponent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DgfkxmVY.js";
-import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
-import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
-import "./index-9ttcdwlL.js";
-import "./menu-item-bF6narIz.js";
-import "./index-o-CWDt11.js";
+import { M as TreeDataModel, a as TreeComponent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DNuzfo6R.js";
+import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
+import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
+import "./index-Cdcek1Oj.js";
+import "./menu-item-DJhaWy9z.js";
+import "./index-DzocgUef.js";
 import { LitElement, PropertyValues } from "lit";
-//#region src/crumbs/crumb-view-state.d.ts
 /**
  * Pure view-state helpers for `ixfx-crumb-navigation` (also used by
  * `ixfx-flat-list`, whose location is the same kind of key path).
@@ -20,8 +19,6 @@ type CrumbNavigationViewState = ViewStateBase & {
   /** Keys from the root (excluded) down to the current location. `[]` = the root. */
   readonly path?: readonly string[];
 };
-//#endregion
-//#region src/crumbs/crumb-navigation.d.ts
 /** @deprecated Use TreeSelectDetail from src/common/tree-component.ts */
 type CrumbNavigationChangeDetail = {
   readonly selected: TreeNode;
@@ -143,5 +140,4 @@ interface CrumbNavigationElementEventMap extends TreeComponentEventMap {
 interface CrumbNavigationElement {
   addEventListener: (<K extends keyof CrumbNavigationElementEventMap>(type: K, listener: (this: CrumbNavigationElement, event: CrumbNavigationElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
 export { CrumbNavigationExpandDetail as a, CrumbNavigationItemClickEvent as c, CrumbNavigationElementEventMap as i, CrumbNavigationViewState as l, CrumbNavigationChangeEvent as n, CrumbNavigationExpandEvent as o, CrumbNavigationElement as r, CrumbNavigationItemClickDetail as s, CrumbNavigationChangeDetail as t };

package/dist/crumbs.d.ts

@@ -1,2 +1,2 @@
-import { a as CrumbNavigationExpandDetail, c as CrumbNavigationItemClickEvent, i as CrumbNavigationElementEventMap, l as CrumbNavigationViewState, n as CrumbNavigationChangeEvent, o as CrumbNavigationExpandEvent, r as CrumbNavigationElement, s as CrumbNavigationItemClickDetail, t as CrumbNavigationChangeDetail } from "./crumb-navigation-BbqfmkYs.js";
+import { a as CrumbNavigationExpandDetail, c as CrumbNavigationItemClickEvent, i as CrumbNavigationElementEventMap, l as CrumbNavigationViewState, n as CrumbNavigationChangeEvent, o as CrumbNavigationExpandEvent, r as CrumbNavigationElement, s as CrumbNavigationItemClickDetail, t as CrumbNavigationChangeDetail } from "./crumb-navigation-Tm4fnsvN.js";
 export { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, type CrumbNavigationViewState };

package/dist/crumbs.js

@@ -1,2 +1 @@
-import { t as CrumbNavigationElement } from "./crumb-navigation-D3ndPgFg.js";
-export { CrumbNavigationElement };
+export { t as CrumbNavigationElement } from "./crumb-navigation-D7dAC0H-.js";

package/dist/{data-controller-DOlmqNKb.js → data-controller-q-rXRMzJ.js}

@@ -1,4 +1,4 @@
-//#region src/common/data-controller.ts
+// src/common/data-controller.ts
 function isAsyncIterable(v) {
 	return typeof v === `object` && v !== null && Symbol.asyncIterator in v;
 }
@@ -165,5 +165,4 @@ var DataController = class {
 		this.#host.requestUpdate();
 	}
 };
-//#endregion
 export { DataController as t };

package/dist/data-display.d.ts

@@ -1,12 +1,11 @@
 import { LitElement } from "lit";
-//#region src/data-display/data-display.d.ts
-type RendererStyle = `led` | `plot` | `plot-xy` | `plot-heat` | `plot-histogram` | `time-elapsed` | `hide`;
-type ConfigEntry = readonly [path: string, style: RendererStyle, options?: Record<string, unknown>];
-type FormattingOptions = {
+export type RendererStyle = `led` | `plot` | `plot-xy` | `plot-heat` | `plot-histogram` | `time-elapsed` | `hide`;
+export type ConfigEntry = readonly [path: string, style: RendererStyle, options?: Record<string, unknown>];
+export type FormattingOptions = {
   readonly precision?: number;
   readonly roundNumbers?: number;
 };
-declare class DataDisplayComponent extends LitElement {
+export declare class DataDisplayComponent extends LitElement {
   #private;
   static styles: import("lit").CSSResult[];
   automap: boolean;
@@ -24,6 +23,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-data-display': DataDisplayComponent;
   }
-}
-//#endregion
-export { ConfigEntry, DataDisplayComponent, FormattingOptions, RendererStyle };
+}

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 };