@ixfx/components 0.8.2 → 0.8.3

package/dist/handle-BPOxBOKf.js

@@ -0,0 +1,219 @@
+import { css } from "lit";
+//#region src/styles/handle.ts
+/**
+* Shared drag / resize **handle** styling.
+*
+* A handle is the grab affordance for moving or resizing an object. Apply the
+* `.ixfx-handle` class to a small decorative element inside your drag / resize
+* hit-zone and choose a look with two independent attributes:
+*
+* - `data-handle` — texture: `flat` (default) · `dotted` · `dimpled` · `grated`
+* - `data-shape`  — topology: `horizontal` (default) · `vertical` · `spot`
+*
+* - **flat** — a solid rounded capsule (bar) or dot (`spot`), filled with
+*   `--ixfx-handle-color`.
+* - **dotted** — marks in the [Lucide *grip*](https://lucide.dev/icons/grip)
+*   arrangement: three in a row (`horizontal`), three in a column (`vertical`) or a
+*   3×3 block (`spot`). Tinted by `--ixfx-handle-color`. Each mark's corner
+*   rounding is `--ixfx-handle-radius` (→ the theme `--radius-l`), so a flat,
+*   squared-off theme renders them as **squares** instead of circles.
+* - **dimpled** — that same layout, but each bar mark is pressed in: a lighter
+*   copy peeking out above-left and a darker copy below-right of the base mark.
+* - **grated** — fine 45° knurling: each ridge is a lit edge, the base colour,
+*   then a shaded edge. `spot` is the same hatch on a square crop.
+*
+* `dotted` / `dimpled` / `grated` are texture only — no plate, box or border; the
+* gaps are transparent so the surface behind shows through. The base colour is
+* `--ixfx-handle-color` (a theme token); the deboss edges default to that colour
+* lightened / darkened.
+*
+* The handle is `pointer-events: none` — bind pointer handlers to the surrounding
+* hit-zone. It reaches its "active" look (`--ixfx-handle-opacity-active`, and for
+* `flat` / `dotted` the `--ixfx-handle-color-active` tint) when its immediate
+* parent (the hit-zone) is `:hover` / `:focus-visible` / `[data-active]`, or when
+* the handle itself is. Set `[data-active]` on the hit-zone yourself while a drag
+* is live so the handle stays lit after the pointer leaves it.
+*
+* ```ts
+* import { handleStyles } from '../styles/handle.js';
+*
+* static styles = [themeFallbacks, handleStyles, css`...`];
+* ```
+* ```html
+* <div class="hit-zone" @pointerdown=${this.#onDown}>
+*   <span class="ixfx-handle" data-handle="dotted" data-shape="spot" part="handle"></span>
+* </div>
+* ```
+*
+* ## CSS variables (defaults shown; override on the element or any ancestor)
+* - `--ixfx-handle-color`          `var(--surface-muted-text)` — `flat` / `dotted` fill
+* - `--ixfx-handle-color-active`   `var(--accent)`             — `flat` / `dotted` hover / focus
+* - `--ixfx-handle-thickness`      `6px`  — cross-axis size of a bar
+* - `--ixfx-handle-length`         `44px` — long-axis size of a bar (`100%` to fill)
+* - `--ixfx-handle-spot-size`      `14px` — width = height of a `spot`
+* - `--ixfx-handle-radius`         `var(--radius-l)` — `flat` capsule / dotted & dimpled mark rounding
+* - `--ixfx-handle-opacity`        `0.55` — rest opacity
+* - `--ixfx-handle-opacity-active` `1`
+* - `--ixfx-handle-dot-size`       `3px`  — mark size (dotted / dimpled)
+* - `--ixfx-handle-dot-gap`        `length/4` (bar) · `spot/3` — mark centre-to-centre step
+* - `--ixfx-handle-tile`           `5px`  — knurl period (grated)
+* - `--ixfx-handle-highlight`      `color-mix(currentColor 35%, #fff)` — lit deboss edge
+* - `--ixfx-handle-shadow`         `color-mix(currentColor 60%, #000)` — shaded deboss edge
+*/
+const handleStyles = css`
+  .ixfx-handle {
+    /* Bridge: public --ixfx-handle-* (element or ancestor) → internal alias → fallback. */
+    --_handle-color: var(--ixfx-handle-color, var(--surface-3-text));
+    --_handle-color-active: var(--ixfx-handle-color-active, var(--surface-3-text));
+    --_handle-thickness: var(--ixfx-handle-thickness, 6px);
+    --_handle-length: var(--ixfx-handle-length, 44px);
+    --_handle-spot: var(--ixfx-handle-spot-size, 14px);
+    --_handle-radius: var(--ixfx-handle-radius, var(--radius-l));
+    --_handle-opacity: var(--ixfx-handle-opacity, 0.55);
+    --_handle-opacity-active: var(--ixfx-handle-opacity-active, 1);
+    --_handle-dot: var(--ixfx-handle-dot-size, 3px);
+    --_handle-tile: var(--ixfx-handle-tile, 5px);
+    /* Centre-to-centre step of the dotted / dimpled marks (a length). Defaults to
+       a share of the long axis; a bar shows ~3 marks. */
+    --_handle-gap: var(--ixfx-handle-dot-gap, calc(var(--_handle-length) / 4));
+    /* How far a dimpled mark's highlight / shadow copy is offset. */
+    --_dimple-off: calc(var(--_handle-dot) * 0.15);
+    /* The mark colour lightened / darkened for the two deboss edges. */
+    --_handle-hi: var(--ixfx-handle-highlight, color-mix(in oklch, var(--surface-4) 50%, var(--_handle-color)));
+    --_handle-lo: var(--ixfx-handle-shadow, color-mix(in oklch, var(--surface-2) 40%, var(--_handle-color)));
+
+    box-sizing: border-box;
+    display: inline-block;
+    flex: none;
+    width: var(--_handle-length);
+    height: var(--_handle-thickness);
+    color: var(--_handle-color);
+    opacity: var(--_handle-opacity);
+    pointer-events: none;
+    transition:
+      color var(--transition, 0.15s ease-out),
+      opacity var(--transition, 0.15s ease-out);
+  }
+
+  .ixfx-handle[data-shape='vertical'] {
+    width: var(--_handle-thickness);
+    height: var(--_handle-length);
+  }
+
+  .ixfx-handle[data-shape='spot'] {
+    width: var(--_handle-spot);
+    height: var(--_handle-spot);
+    --_handle-gap: var(--ixfx-handle-dot-gap, calc(var(--_handle-spot) / 3));
+  }
+
+  .ixfx-handle:hover,
+  .ixfx-handle:focus-visible,
+  .ixfx-handle[data-active],
+  :hover > .ixfx-handle,
+  :focus-visible > .ixfx-handle,
+  [data-active] > .ixfx-handle {
+    color: var(--_handle-color-active);
+    opacity: var(--_handle-opacity-active);
+  }
+
+  /* ── flat: solid capsule / dot ────────────────────────────────────────── */
+  .ixfx-handle[data-handle='flat'] {
+    background: currentColor;
+    border-radius: var(--_handle-radius);
+  }
+  .ixfx-handle[data-handle='flat'][data-shape='spot'] {
+    border-radius: 50%;
+  }
+
+  /* ── dotted / dimpled: 3 marks in a row / column (or 3×3 for spot), drawn as
+        one ::before mark whose border-radius follows the theme — round normally,
+        square in a flat / squared-off theme (--radius-l: 0). box-shadow paints
+        the rest of the marks. ─────────────────────────────────────────────── */
+  .ixfx-handle[data-handle='dotted'],
+  .ixfx-handle[data-handle='dimpled'] {
+    position: relative;
+  }
+  .ixfx-handle[data-handle='dotted']::before,
+  .ixfx-handle[data-handle='dimpled']::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: var(--_handle-dot);
+    height: var(--_handle-dot);
+    transform: translate(-50%, -50%);
+    border-radius: var(--_handle-radius);
+    background: currentColor;
+  }
+
+  /* dotted — the two other marks are plain copies along the axis. */
+  .ixfx-handle[data-handle='dotted']::before {
+    box-shadow:
+      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,
+      var(--_handle-gap) 0 0 0 currentColor;
+  }
+  .ixfx-handle[data-handle='dotted'][data-shape='vertical']::before {
+    box-shadow:
+      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,
+      0 var(--_handle-gap) 0 0 currentColor;
+  }
+  .ixfx-handle[data-handle='dotted'][data-shape='spot']::before,
+  .ixfx-handle[data-handle='dimpled'][data-shape='spot']::before {
+    box-shadow:
+      calc(-1 * var(--_handle-gap)) calc(-1 * var(--_handle-gap)) 0 0 currentColor,
+      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,
+      var(--_handle-gap) calc(-1 * var(--_handle-gap)) 0 0 currentColor,
+      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,
+      var(--_handle-gap) 0 0 0 currentColor,
+      calc(-1 * var(--_handle-gap)) var(--_handle-gap) 0 0 currentColor,
+      0 var(--_handle-gap) 0 0 currentColor,
+      var(--_handle-gap) var(--_handle-gap) 0 0 currentColor;
+  }
+
+  /* dimpled — each bar mark also gets a lighter copy up-left and a darker copy
+     down-right (spot stays plain — the 3D is imperceptible at that size). */
+  .ixfx-handle[data-handle='dimpled']:not([data-shape='spot'])::before {
+    box-shadow:
+      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),
+      var(--_dimple-off) var(--_dimple-off) 0 0 var(--_handle-lo),
+      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,
+      calc(-1 * var(--_handle-gap) - var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),
+      calc(-1 * var(--_handle-gap) + var(--_dimple-off)) var(--_dimple-off) 0 0 var(--_handle-lo),
+      var(--_handle-gap) 0 0 0 currentColor,
+      calc(var(--_handle-gap) - var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),
+      calc(var(--_handle-gap) + var(--_dimple-off)) var(--_dimple-off) 0 0 var(--_handle-lo);
+  }
+  .ixfx-handle[data-handle='dimpled'][data-shape='vertical']::before {
+    box-shadow:
+      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),
+      var(--_dimple-off) var(--_dimple-off) 0 0 var(--_handle-lo),
+      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,
+      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_handle-gap) - var(--_dimple-off)) 0 0 var(--_handle-hi),
+      var(--_dimple-off) calc(-1 * var(--_handle-gap) + var(--_dimple-off)) 0 0 var(--_handle-lo),
+      0 var(--_handle-gap) 0 0 currentColor,
+      calc(-1 * var(--_dimple-off)) calc(var(--_handle-gap) - var(--_dimple-off)) 0 0 var(--_handle-hi),
+      var(--_dimple-off) calc(var(--_handle-gap) + var(--_dimple-off)) 0 0 var(--_handle-lo);
+  }
+
+  /* ── grated: fine 45° knurling — each ridge is a lit edge, the base colour,
+        then a shaded edge. Same hatch at every shape (spot is a square crop). ── */
+  .ixfx-handle[data-handle='grated'] {
+    background-image: repeating-linear-gradient(
+      45deg,
+      var(--_handle-hi) 0 0.9px,
+      currentColor 0.9px 1.6px,
+      var(--_handle-lo) 1.6px 2.5px,
+      transparent 2.5px var(--_handle-tile)
+    );
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ixfx-handle {
+      transition: none;
+    }
+  }
+`;
+//#endregion
+export { handleStyles as t };
+
+//# sourceMappingURL=handle-BPOxBOKf.js.map

package/dist/handle-BPOxBOKf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-BPOxBOKf.js","names":[],"sources":["../src/styles/handle.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Shared drag / resize **handle** styling.\n *\n * A handle is the grab affordance for moving or resizing an object. Apply the\n * `.ixfx-handle` class to a small decorative element inside your drag / resize\n * hit-zone and choose a look with two independent attributes:\n *\n * - `data-handle` — texture: `flat` (default) · `dotted` · `dimpled` · `grated`\n * - `data-shape`  — topology: `horizontal` (default) · `vertical` · `spot`\n *\n * - **flat** — a solid rounded capsule (bar) or dot (`spot`), filled with\n *   `--ixfx-handle-color`.\n * - **dotted** — marks in the [Lucide *grip*](https://lucide.dev/icons/grip)\n *   arrangement: three in a row (`horizontal`), three in a column (`vertical`) or a\n *   3×3 block (`spot`). Tinted by `--ixfx-handle-color`. Each mark's corner\n *   rounding is `--ixfx-handle-radius` (→ the theme `--radius-l`), so a flat,\n *   squared-off theme renders them as **squares** instead of circles.\n * - **dimpled** — that same layout, but each bar mark is pressed in: a lighter\n *   copy peeking out above-left and a darker copy below-right of the base mark.\n * - **grated** — fine 45° knurling: each ridge is a lit edge, the base colour,\n *   then a shaded edge. `spot` is the same hatch on a square crop.\n *\n * `dotted` / `dimpled` / `grated` are texture only — no plate, box or border; the\n * gaps are transparent so the surface behind shows through. The base colour is\n * `--ixfx-handle-color` (a theme token); the deboss edges default to that colour\n * lightened / darkened.\n *\n * The handle is `pointer-events: none` — bind pointer handlers to the surrounding\n * hit-zone. It reaches its \"active\" look (`--ixfx-handle-opacity-active`, and for\n * `flat` / `dotted` the `--ixfx-handle-color-active` tint) when its immediate\n * parent (the hit-zone) is `:hover` / `:focus-visible` / `[data-active]`, or when\n * the handle itself is. Set `[data-active]` on the hit-zone yourself while a drag\n * is live so the handle stays lit after the pointer leaves it.\n *\n * ```ts\n * import { handleStyles } from '../styles/handle.js';\n *\n * static styles = [themeFallbacks, handleStyles, css`...`];\n * ```\n * ```html\n * <div class=\"hit-zone\" @pointerdown=${this.#onDown}>\n *   <span class=\"ixfx-handle\" data-handle=\"dotted\" data-shape=\"spot\" part=\"handle\"></span>\n * </div>\n * ```\n *\n * ## CSS variables (defaults shown; override on the element or any ancestor)\n * - `--ixfx-handle-color`          `var(--surface-muted-text)` — `flat` / `dotted` fill\n * - `--ixfx-handle-color-active`   `var(--accent)`             — `flat` / `dotted` hover / focus\n * - `--ixfx-handle-thickness`      `6px`  — cross-axis size of a bar\n * - `--ixfx-handle-length`         `44px` — long-axis size of a bar (`100%` to fill)\n * - `--ixfx-handle-spot-size`      `14px` — width = height of a `spot`\n * - `--ixfx-handle-radius`         `var(--radius-l)` — `flat` capsule / dotted & dimpled mark rounding\n * - `--ixfx-handle-opacity`        `0.55` — rest opacity\n * - `--ixfx-handle-opacity-active` `1`\n * - `--ixfx-handle-dot-size`       `3px`  — mark size (dotted / dimpled)\n * - `--ixfx-handle-dot-gap`        `length/4` (bar) · `spot/3` — mark centre-to-centre step\n * - `--ixfx-handle-tile`           `5px`  — knurl period (grated)\n * - `--ixfx-handle-highlight`      `color-mix(currentColor 35%, #fff)` — lit deboss edge\n * - `--ixfx-handle-shadow`         `color-mix(currentColor 60%, #000)` — shaded deboss edge\n */\nexport const handleStyles = css`\n  .ixfx-handle {\n    /* Bridge: public --ixfx-handle-* (element or ancestor) → internal alias → fallback. */\n    --_handle-color: var(--ixfx-handle-color, var(--surface-3-text));\n    --_handle-color-active: var(--ixfx-handle-color-active, var(--surface-3-text));\n    --_handle-thickness: var(--ixfx-handle-thickness, 6px);\n    --_handle-length: var(--ixfx-handle-length, 44px);\n    --_handle-spot: var(--ixfx-handle-spot-size, 14px);\n    --_handle-radius: var(--ixfx-handle-radius, var(--radius-l));\n    --_handle-opacity: var(--ixfx-handle-opacity, 0.55);\n    --_handle-opacity-active: var(--ixfx-handle-opacity-active, 1);\n    --_handle-dot: var(--ixfx-handle-dot-size, 3px);\n    --_handle-tile: var(--ixfx-handle-tile, 5px);\n    /* Centre-to-centre step of the dotted / dimpled marks (a length). Defaults to\n       a share of the long axis; a bar shows ~3 marks. */\n    --_handle-gap: var(--ixfx-handle-dot-gap, calc(var(--_handle-length) / 4));\n    /* How far a dimpled mark's highlight / shadow copy is offset. */\n    --_dimple-off: calc(var(--_handle-dot) * 0.15);\n    /* The mark colour lightened / darkened for the two deboss edges. */\n    --_handle-hi: var(--ixfx-handle-highlight, color-mix(in oklch, var(--surface-4) 50%, var(--_handle-color)));\n    --_handle-lo: var(--ixfx-handle-shadow, color-mix(in oklch, var(--surface-2) 40%, var(--_handle-color)));\n\n    box-sizing: border-box;\n    display: inline-block;\n    flex: none;\n    width: var(--_handle-length);\n    height: var(--_handle-thickness);\n    color: var(--_handle-color);\n    opacity: var(--_handle-opacity);\n    pointer-events: none;\n    transition:\n      color var(--transition, 0.15s ease-out),\n      opacity var(--transition, 0.15s ease-out);\n  }\n\n  .ixfx-handle[data-shape='vertical'] {\n    width: var(--_handle-thickness);\n    height: var(--_handle-length);\n  }\n\n  .ixfx-handle[data-shape='spot'] {\n    width: var(--_handle-spot);\n    height: var(--_handle-spot);\n    --_handle-gap: var(--ixfx-handle-dot-gap, calc(var(--_handle-spot) / 3));\n  }\n\n  .ixfx-handle:hover,\n  .ixfx-handle:focus-visible,\n  .ixfx-handle[data-active],\n  :hover > .ixfx-handle,\n  :focus-visible > .ixfx-handle,\n  [data-active] > .ixfx-handle {\n    color: var(--_handle-color-active);\n    opacity: var(--_handle-opacity-active);\n  }\n\n  /* ── flat: solid capsule / dot ────────────────────────────────────────── */\n  .ixfx-handle[data-handle='flat'] {\n    background: currentColor;\n    border-radius: var(--_handle-radius);\n  }\n  .ixfx-handle[data-handle='flat'][data-shape='spot'] {\n    border-radius: 50%;\n  }\n\n  /* ── dotted / dimpled: 3 marks in a row / column (or 3×3 for spot), drawn as\n        one ::before mark whose border-radius follows the theme — round normally,\n        square in a flat / squared-off theme (--radius-l: 0). box-shadow paints\n        the rest of the marks. ─────────────────────────────────────────────── */\n  .ixfx-handle[data-handle='dotted'],\n  .ixfx-handle[data-handle='dimpled'] {\n    position: relative;\n  }\n  .ixfx-handle[data-handle='dotted']::before,\n  .ixfx-handle[data-handle='dimpled']::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: var(--_handle-dot);\n    height: var(--_handle-dot);\n    transform: translate(-50%, -50%);\n    border-radius: var(--_handle-radius);\n    background: currentColor;\n  }\n\n  /* dotted — the two other marks are plain copies along the axis. */\n  .ixfx-handle[data-handle='dotted']::before {\n    box-shadow:\n      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,\n      var(--_handle-gap) 0 0 0 currentColor;\n  }\n  .ixfx-handle[data-handle='dotted'][data-shape='vertical']::before {\n    box-shadow:\n      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,\n      0 var(--_handle-gap) 0 0 currentColor;\n  }\n  .ixfx-handle[data-handle='dotted'][data-shape='spot']::before,\n  .ixfx-handle[data-handle='dimpled'][data-shape='spot']::before {\n    box-shadow:\n      calc(-1 * var(--_handle-gap)) calc(-1 * var(--_handle-gap)) 0 0 currentColor,\n      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,\n      var(--_handle-gap) calc(-1 * var(--_handle-gap)) 0 0 currentColor,\n      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,\n      var(--_handle-gap) 0 0 0 currentColor,\n      calc(-1 * var(--_handle-gap)) var(--_handle-gap) 0 0 currentColor,\n      0 var(--_handle-gap) 0 0 currentColor,\n      var(--_handle-gap) var(--_handle-gap) 0 0 currentColor;\n  }\n\n  /* dimpled — each bar mark also gets a lighter copy up-left and a darker copy\n     down-right (spot stays plain — the 3D is imperceptible at that size). */\n  .ixfx-handle[data-handle='dimpled']:not([data-shape='spot'])::before {\n    box-shadow:\n      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),\n      var(--_dimple-off) var(--_dimple-off) 0 0 var(--_handle-lo),\n      calc(-1 * var(--_handle-gap)) 0 0 0 currentColor,\n      calc(-1 * var(--_handle-gap) - var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),\n      calc(-1 * var(--_handle-gap) + var(--_dimple-off)) var(--_dimple-off) 0 0 var(--_handle-lo),\n      var(--_handle-gap) 0 0 0 currentColor,\n      calc(var(--_handle-gap) - var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),\n      calc(var(--_handle-gap) + var(--_dimple-off)) var(--_dimple-off) 0 0 var(--_handle-lo);\n  }\n  .ixfx-handle[data-handle='dimpled'][data-shape='vertical']::before {\n    box-shadow:\n      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_dimple-off)) 0 0 var(--_handle-hi),\n      var(--_dimple-off) var(--_dimple-off) 0 0 var(--_handle-lo),\n      0 calc(-1 * var(--_handle-gap)) 0 0 currentColor,\n      calc(-1 * var(--_dimple-off)) calc(-1 * var(--_handle-gap) - var(--_dimple-off)) 0 0 var(--_handle-hi),\n      var(--_dimple-off) calc(-1 * var(--_handle-gap) + var(--_dimple-off)) 0 0 var(--_handle-lo),\n      0 var(--_handle-gap) 0 0 currentColor,\n      calc(-1 * var(--_dimple-off)) calc(var(--_handle-gap) - var(--_dimple-off)) 0 0 var(--_handle-hi),\n      var(--_dimple-off) calc(var(--_handle-gap) + var(--_dimple-off)) 0 0 var(--_handle-lo);\n  }\n\n  /* ── grated: fine 45° knurling — each ridge is a lit edge, the base colour,\n        then a shaded edge. Same hatch at every shape (spot is a square crop). ── */\n  .ixfx-handle[data-handle='grated'] {\n    background-image: repeating-linear-gradient(\n      45deg,\n      var(--_handle-hi) 0 0.9px,\n      currentColor 0.9px 1.6px,\n      var(--_handle-lo) 1.6px 2.5px,\n      transparent 2.5px var(--_handle-tile)\n    );\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ixfx-handle {\n      transition: none;\n    }\n  }\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAa,eAAe,GAAG"}

package/dist/{icon-DcEEGQa_.js → icon-Dy33gu4Z.js}

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
+import { t as themeFallbacks } from "./fallbacks-BcKGq-2F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { a as iconBus, n as getIconEntry, r as getIconFont } from "./registry-BEtb8_wB.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -128,4 +128,4 @@ IxfxIconElement = __decorate([safeCustomElement(`ixfx-icon`)], IxfxIconElement);
 //#endregion
 export { IxfxIconElement as t };
 
-//# sourceMappingURL=icon-DcEEGQa_.js.map
+//# sourceMappingURL=icon-Dy33gu4Z.js.map

package/dist/{icon-DcEEGQa_.js.map → icon-Dy33gu4Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-DcEEGQa_.js","names":["#onIconChange","#onFontChange","customElement"],"sources":["../src/icons/icon.ts"],"sourcesContent":["import type { IconChangedEvent } from './registry.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { getIconEntry, getIconFont, iconBus } from './registry.js';\n\n@customElement(`ixfx-icon`)\nexport class IxfxIconElement extends LitElement {\n  @property() name = ``;\n  @property({ type: Number }) size: number | undefined;\n  @property() label = ``;\n  @property({ type: Boolean, attribute: `prominence` }) prominence = false;\n  @property({ type: String, attribute: `rotate`, reflect: true }) rotate = ``;\n\n  #onIconChange = (e: Event): void => {\n    if ((e as IconChangedEvent).detail.name === this.name) {\n      this.requestUpdate();\n    }\n  };\n\n  #onFontChange = (): void => {\n    const entry = getIconEntry(this.name);\n    if (entry?.kind === `font`) {\n      this.requestUpdate();\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    iconBus.addEventListener(`ixfx-icon-change`, this.#onIconChange);\n    iconBus.addEventListener(`ixfx-icon-font-change`, this.#onFontChange);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    iconBus.removeEventListener(`ixfx-icon-change`, this.#onIconChange);\n    iconBus.removeEventListener(`ixfx-icon-font-change`, this.#onFontChange);\n  }\n\n  protected override render() {\n    const entry = getIconEntry(this.name);\n    if (!entry)\n      return nothing;\n\n    const hasLabel = this.label.length > 0;\n\n    if (entry.kind === `font`) {\n      const fontFamily = getIconFont();\n      return html`\n        <span\n          class=\"font-icon\"\n          style=${styleMap({ fontFamily: fontFamily ?? `` })}\n          aria-hidden=${hasLabel ? nothing : `true`}\n          aria-label=${hasLabel ? this.label : nothing}\n        >${entry.char}</span>\n      `;\n    }\n\n    return html`\n      <span\n        class=\"icon-wrapper\"\n        aria-hidden=${hasLabel ? nothing : `true`}\n        aria-label=${hasLabel ? this.label : nothing}\n      >${unsafeHTML(entry.svg)}</span>\n    `;\n  }\n\n  protected override updated(changed: Map<string, unknown>): void {\n    super.updated(changed);\n    if (changed.has(`rotate`)) {\n      if (this.rotate?.length > 0) {\n        this.style.setProperty(`--rotate`, this.rotate);\n      } else {\n        this.style.removeProperty(`--rotate`);\n      }\n    }\n  }\n\n  static override styles = [themeFallbacks, css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1em;\n      height: 1em;\n      opacity: var(--opacity, 1);\n    }\n\n    :host([prominence]) {\n      opacity: var(--prominence-idle-opacity, 1);\n    }\n\n    :host([prominence]:hover) {\n      opacity: var(--prominence-tickled-opacity, 1);\n    }\n\n    :host([prominence][disabled]) {\n      opacity: var(--prominence-disabled-opacity, 0.5);\n    }\n\n    .icon-wrapper,\n    .font-icon {\n      display: contents;\n    }\n\n    :host svg,\n    :host .font-icon {\n      width: 100%;\n      height: 100%;\n      transition: transform var(--transition, 0.15s ease-out);\n    }\n\n    :host .font-icon {\n      font-family: inherit;\n      line-height: 1;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    :host([rotate]) svg,\n    :host([rotate]) .font-icon {\n      transform: rotate(var(--rotate));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-icon': IxfxIconElement;\n  }\n}\n"],"mappings":";;;;;;;;AAUO,IAAM,kBAAN,MAAM,wBAAwB,WAAW;;;EAC3B,KAAA,OAAA;EAEC,KAAA,QAAA;EAC+C,KAAA,aAAA;EACM,KAAA,SAAA;EAExD,KAAA,iBAAA,MAAmB;GAClC,IAAK,EAAuB,OAAO,SAAS,KAAK,MAC/C,KAAK,cAAc;EAEvB;EAE4B,KAAA,sBAAA;GAE1B,IADc,aAAa,KAAK,IACxB,CAAC,EAAE,SAAS,QAClB,KAAK,cAAc;EAEvB;;CAXA;CAMA;CAOA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,QAAQ,iBAAiB,oBAAoB,KAAKA,aAAa;EAC/D,QAAQ,iBAAiB,yBAAyB,KAAKC,aAAa;CACtE;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,QAAQ,oBAAoB,oBAAoB,KAAKD,aAAa;EAClE,QAAQ,oBAAoB,yBAAyB,KAAKC,aAAa;CACzE;CAEA,SAA4B;EAC1B,MAAM,QAAQ,aAAa,KAAK,IAAI;EACpC,IAAI,CAAC,OACH,OAAO;EAET,MAAM,WAAW,KAAK,MAAM,SAAS;EAErC,IAAI,MAAM,SAAS,QAAQ;GACzB,MAAM,aAAa,YAAY;GAC/B,OAAO,IAAI;;;kBAGC,SAAS,EAAE,YAAY,cAAc,GAAG,CAAC,EAAE;wBACrC,WAAW,UAAU,OAAO;uBAC7B,WAAW,KAAK,QAAQ,QAAQ;WAC5C,MAAM,KAAK;;EAElB;EAEA,OAAO,IAAI;;;sBAGO,WAAW,UAAU,OAAO;qBAC7B,WAAW,KAAK,QAAQ,QAAQ;SAC5C,WAAW,MAAM,GAAG,EAAE;;CAE7B;CAEA,QAA2B,SAAqC;EAC9D,MAAM,QAAQ,OAAO;EACrB,IAAI,QAAQ,IAAI,QAAQ,GAAG;GACzB,IAAI,KAAK,QAAQ,SAAS,GACxB,KAAK,MAAM,YAAY,YAAY,KAAK,MAAM;QAE9C,KAAK,MAAM,eAAe,UAAU;EAExC;CACF;;EAEyB,KAAA,SAAA,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8C5C;;AACH;AArHG,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;AACnD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;AAN/DC,kBAAAA,WAAAA,CAAAA,kBAAc,WAAW,CAAA,GAAA,eAAA"}
+{"version":3,"file":"icon-Dy33gu4Z.js","names":["#onIconChange","#onFontChange","customElement"],"sources":["../src/icons/icon.ts"],"sourcesContent":["import type { IconChangedEvent } from './registry.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { getIconEntry, getIconFont, iconBus } from './registry.js';\n\n@customElement(`ixfx-icon`)\nexport class IxfxIconElement extends LitElement {\n  @property() name = ``;\n  @property({ type: Number }) size: number | undefined;\n  @property() label = ``;\n  @property({ type: Boolean, attribute: `prominence` }) prominence = false;\n  @property({ type: String, attribute: `rotate`, reflect: true }) rotate = ``;\n\n  #onIconChange = (e: Event): void => {\n    if ((e as IconChangedEvent).detail.name === this.name) {\n      this.requestUpdate();\n    }\n  };\n\n  #onFontChange = (): void => {\n    const entry = getIconEntry(this.name);\n    if (entry?.kind === `font`) {\n      this.requestUpdate();\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    iconBus.addEventListener(`ixfx-icon-change`, this.#onIconChange);\n    iconBus.addEventListener(`ixfx-icon-font-change`, this.#onFontChange);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    iconBus.removeEventListener(`ixfx-icon-change`, this.#onIconChange);\n    iconBus.removeEventListener(`ixfx-icon-font-change`, this.#onFontChange);\n  }\n\n  protected override render() {\n    const entry = getIconEntry(this.name);\n    if (!entry)\n      return nothing;\n\n    const hasLabel = this.label.length > 0;\n\n    if (entry.kind === `font`) {\n      const fontFamily = getIconFont();\n      return html`\n        <span\n          class=\"font-icon\"\n          style=${styleMap({ fontFamily: fontFamily ?? `` })}\n          aria-hidden=${hasLabel ? nothing : `true`}\n          aria-label=${hasLabel ? this.label : nothing}\n        >${entry.char}</span>\n      `;\n    }\n\n    return html`\n      <span\n        class=\"icon-wrapper\"\n        aria-hidden=${hasLabel ? nothing : `true`}\n        aria-label=${hasLabel ? this.label : nothing}\n      >${unsafeHTML(entry.svg)}</span>\n    `;\n  }\n\n  protected override updated(changed: Map<string, unknown>): void {\n    super.updated(changed);\n    if (changed.has(`rotate`)) {\n      if (this.rotate?.length > 0) {\n        this.style.setProperty(`--rotate`, this.rotate);\n      } else {\n        this.style.removeProperty(`--rotate`);\n      }\n    }\n  }\n\n  static override styles = [themeFallbacks, css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1em;\n      height: 1em;\n      opacity: var(--opacity, 1);\n    }\n\n    :host([prominence]) {\n      opacity: var(--prominence-idle-opacity, 1);\n    }\n\n    :host([prominence]:hover) {\n      opacity: var(--prominence-tickled-opacity, 1);\n    }\n\n    :host([prominence][disabled]) {\n      opacity: var(--prominence-disabled-opacity, 0.5);\n    }\n\n    .icon-wrapper,\n    .font-icon {\n      display: contents;\n    }\n\n    :host svg,\n    :host .font-icon {\n      width: 100%;\n      height: 100%;\n      transition: transform var(--transition, 0.15s ease-out);\n    }\n\n    :host .font-icon {\n      font-family: inherit;\n      line-height: 1;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    :host([rotate]) svg,\n    :host([rotate]) .font-icon {\n      transform: rotate(var(--rotate));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-icon': IxfxIconElement;\n  }\n}\n"],"mappings":";;;;;;;;AAUO,IAAM,kBAAN,MAAM,wBAAwB,WAAW;;;EAC3B,KAAA,OAAA;EAEC,KAAA,QAAA;EAC+C,KAAA,aAAA;EACM,KAAA,SAAA;EAExD,KAAA,iBAAA,MAAmB;GAClC,IAAK,EAAuB,OAAO,SAAS,KAAK,MAC/C,KAAK,cAAc;EAEvB;EAE4B,KAAA,sBAAA;GAE1B,IADc,aAAa,KAAK,IACxB,CAAC,EAAE,SAAS,QAClB,KAAK,cAAc;EAEvB;;CAXA;CAMA;CAOA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,QAAQ,iBAAiB,oBAAoB,KAAKA,aAAa;EAC/D,QAAQ,iBAAiB,yBAAyB,KAAKC,aAAa;CACtE;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,QAAQ,oBAAoB,oBAAoB,KAAKD,aAAa;EAClE,QAAQ,oBAAoB,yBAAyB,KAAKC,aAAa;CACzE;CAEA,SAA4B;EAC1B,MAAM,QAAQ,aAAa,KAAK,IAAI;EACpC,IAAI,CAAC,OACH,OAAO;EAET,MAAM,WAAW,KAAK,MAAM,SAAS;EAErC,IAAI,MAAM,SAAS,QAAQ;GACzB,MAAM,aAAa,YAAY;GAC/B,OAAO,IAAI;;;kBAGC,SAAS,EAAE,YAAY,cAAc,GAAG,CAAC,EAAE;wBACrC,WAAW,UAAU,OAAO;uBAC7B,WAAW,KAAK,QAAQ,QAAQ;WAC5C,MAAM,KAAK;;EAElB;EAEA,OAAO,IAAI;;;sBAGO,WAAW,UAAU,OAAO;qBAC7B,WAAW,KAAK,QAAQ,QAAQ;SAC5C,WAAW,MAAM,GAAG,EAAE;;CAE7B;CAEA,QAA2B,SAAqC;EAC9D,MAAM,QAAQ,OAAO;EACrB,IAAI,QAAQ,IAAI,QAAQ,GAAG;GACzB,IAAI,KAAK,QAAQ,SAAS,GACxB,KAAK,MAAM,YAAY,YAAY,KAAK,MAAM;QAE9C,KAAK,MAAM,eAAe,UAAU;EAExC;CACF;;EAEyB,KAAA,SAAA,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8C5C;;AACH;AArHG,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;AACnD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;AAN/DC,kBAAAA,WAAAA,CAAAA,kBAAc,WAAW,CAAA,GAAA,eAAA"}

package/dist/icons.js

@@ -1,5 +1,5 @@
 import { a as iconBus, c as setIconFont, i as hasIcon, l as svgToDataUri, n as getIconEntry, o as registerFontIcon, r as getIconFont, s as registerIcon, t as getIcon } from "./registry-BEtb8_wB.js";
-import { t as IxfxIconElement } from "./icon-DcEEGQa_.js";
+import { t as IxfxIconElement } from "./icon-Dy33gu4Z.js";
 import { a as registerDefaults, i as ICON_CLOSE, n as ICON_CHECK, r as ICON_CHEVRON_DOWN, t as ICON_CARET_RIGHT } from "./defaults-BJwDsMH4.js";
 //#region src/icons/index.ts
 registerDefaults();

package/dist/{index-BeuCXtiO.d.ts → index-DV3iaUBW.d.ts}

@@ -220,7 +220,7 @@ declare function resolveCssVars(host: HTMLElement): CssVars;
  */
 declare class TimelineTrackTabElement extends LitElement {
   #private;
-  static styles: import("lit").CSSResult;
+  static styles: import("lit").CSSResult[];
   label: string;
   trackKey: string;
   selected: boolean;
@@ -392,4 +392,4 @@ declare function attachTimelineInteractions(host: IxfxTimelineElement, vcanvasEl
 declare const timelineStyles: import("lit").CSSResult;
 //#endregion
 export { TimelineTrackReorderEvent as A, TimelineEventResizeEvent as C, TimelineTickleChangeEvent as D, TimelineTickleChangeDetail as E, TrackHeightMode as F, TrackLayout as I, UserScale as L, TimelineTrackResizeEvent as M, TimelineTrackSelectDetail as N, TimelineTrack as O, TimelineTrackSelectEvent as P, ViewRange as R, TimelineEventResizeDetail as S, TimelineSelectionChangeEvent as T, TimelineDraggingEvent as _, CssVars as a, TimelineEventMoveDetail as b, resolveGrid as c, DragSnappingFn as d, DragTarget as f, TimelineDraggingDetail as g, TimelineDraggingCallbackDetail as h, TimelineTrackTabElement as i, TimelineTrackResizeDetail as j, TimelineTrackReorderDetail as k, TimelineController as l, GridResolution as m, attachTimelineInteractions as n, Rect as o, GridMode as p, IxfxTimelineElement as r, resolveCssVars as s, timelineStyles as t, TimelineControllerConfig as u, TimelineElementEventMap as v, TimelineSelectionChangeDetail as w, TimelineEventMoveEvent as x, TimelineEvent as y };
-//# sourceMappingURL=index-BeuCXtiO.d.ts.map
+//# sourceMappingURL=index-DV3iaUBW.d.ts.map

package/dist/{index-BeuCXtiO.d.ts.map → index-DV3iaUBW.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BeuCXtiO.d.ts","names":[],"sources":["../src/timeline/types.ts","../src/timeline/timeline-controller.ts","../src/timeline/timeline-draw.ts","../src/timeline/timeline-track-tabs.ts","../src/timeline/timeline-element.ts","../src/timeline/timeline-interactions.ts","../src/timeline/timeline-styles.ts"],"mappings":"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"}
+{"version":3,"file":"index-DV3iaUBW.d.ts","names":[],"sources":["../src/timeline/types.ts","../src/timeline/timeline-controller.ts","../src/timeline/timeline-draw.ts","../src/timeline/timeline-track-tabs.ts","../src/timeline/timeline-element.ts","../src/timeline/timeline-interactions.ts","../src/timeline/timeline-styles.ts"],"mappings":"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"}

package/dist/index.d.ts

@@ -20,10 +20,10 @@ import { n as CustomCheckboxOptions, r as VerticalListElement, t as AddItemOptio
 import { a as DetailSortMode, i as DetailSortItem, n as DetailFormatter, r as DetailSortComparator, t as DetailListElement } from "./detail-list-_ZJHYEBr.js";
 import { a as EditableMode, i as EditableLabelChangeEvent, n as EditableLabel, o as EntryMode, r as EditableLabelChangeDetail, t as DisplayTextLogic } from "./editable-label-rzXkjf1H.js";
 import { FormElement } from "./form.js";
-import { C as GridListTickleEvent, S as GridListTickleDetail, T as GridListViewportChangeEvent, _ as GridListItemClickEvent, a as ListSelectionModes, b as GridListSelectDetail, c as GridListActivateEvent, d as GridListCaptionPosition, f as GridListCaptionStyle, g as GridListItemClickDetail, h as GridListFullElementEventMap, i as ListSelectionGesture, l as GridListCaptionAlign, m as GridListElementEventMap, n as ListSelectionController, o as isMultiMode, p as GridListDataAdapter, r as ListSelectionControllerConfig, s as GridListActivateDetail, t as GridListElement, u as GridListCaptionBackdrop, v as GridListItemEventDetail, w as GridListViewportChangeDetail, x as GridListSelectEvent, y as GridListOrientation } from "./grid-list-C1T6WlEp.js";
+import { C as GridListOrientation, D as GridListTickleEvent, E as GridListTickleDetail, O as GridListViewportChangeDetail, S as GridListNativeDragStartEvent, T as GridListSelectEvent, _ as GridListFullElementEventMap, a as ListSelectionControllerConfig, b as GridListItemEventDetail, c as isMultiMode, d as GridListCaptionAlign, f as GridListCaptionBackdrop, g as GridListElementEventMap, h as GridListDataAdapter, i as ListSelectionController, k as GridListViewportChangeEvent, l as GridListActivateDetail, m as GridListCaptionStyle, n as PanTextElement, o as ListSelectionGesture, p as GridListCaptionPosition, r as PanTextMode, s as ListSelectionModes, t as GridListElement, u as GridListActivateEvent, v as GridListItemClickDetail, w as GridListSelectDetail, x as GridListNativeDragStartDetail, y as GridListItemClickEvent } from "./grid-list-x550wJ0X.js";
 import { i as TickledItem, n as TickledController, r as TickledControllerConfig, t as InputMode } from "./tickled-controller-C1ZsHpyg.js";
 import { a as IGroupedSubComponent, c as SubComponentActivateEvent, d as SubComponentItemClickEvent, f as SubComponentSelectDetail, h as SubComponentTickleEvent, i as GroupedSelectEvent, l as SubComponentFactory, m as SubComponentTickleDetail, n as GroupedItemListerElementEventMap, o as IGroupedSubComponentEventMap, p as SubComponentSelectEvent, r as GroupedSelectDetail, s as SubComponentActivateDetail, t as GroupedItemListerElement, u as SubComponentItemClickDetail } from "./grouped-item-lister-fdZHVxFM.js";
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-YQ-jVQoS.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
 import { PanelCloseEvent, PanelElement, PanelElementEventMap, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant } from "./panel.js";
 import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-Caq8vNQk.js";
 import { a as getIconEntry, c as iconBus, d as setIconFont, f as svgToDataUri, g as ICON_CLOSE, h as ICON_CHEVRON_DOWN, i as getIcon, l as registerFontIcon, m as ICON_CHECK, n as IconChangedEvent, o as getIconFont, p as ICON_CARET_RIGHT, r as IconEntry, s as hasIcon, t as IconChangedDetail, u as registerIcon } from "./index-CS9yM8L-.js";
@@ -45,12 +45,61 @@ import { SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, Se
 import { SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement } from "./snackbar.js";
 import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
 import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
-import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-BeuCXtiO.js";
+import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-DV3iaUBW.js";
 import { Effect, TransitoryLabelElement } from "./transitory-label.js";
 import { TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeConfig, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
 import { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent } from "./xy-pad.js";
 import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, TemplateResult, html } from "lit";
 import { CommandId, CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
+//#region src/bottom-drawer/bottom-drawer.d.ts
+type BottomDrawerResizeDetail = {
+  readonly height: number;
+};
+type BottomDrawerResizeEvent = CustomEvent<BottomDrawerResizeDetail>;
+type BottomDrawerCloseEvent = CustomEvent<void>;
+interface BottomDrawerElementEventMap {
+  'drawer-close': BottomDrawerCloseEvent;
+  'drawer-resize': BottomDrawerResizeEvent;
+}
+/** Commands a named drawer registers, namespaced as `<name>.<command>`. */
+type BottomDrawerCommand = `expand` | `collapse` | `toggle`;
+/** Builds the command id for a named drawer's command, e.g. `inspector.expand`. */
+declare function bottomDrawerCommandId(name: string, command: BottomDrawerCommand): string;
+declare class BottomDrawerElement extends LitElement {
+  #private;
+  static styles: import("lit").CSSResult[];
+  open: boolean;
+  height: number;
+  minHeight: number;
+  dismissThreshold: number;
+  maxHeightRatio: number;
+  label: string;
+  iconName: string;
+  closable: boolean;
+  collapsible: boolean;
+  maintainHandle: boolean;
+  name: string;
+  registry: CommandRegistry<unknown> | undefined;
+  private _dragHeight;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(changed: PropertyValues): void;
+  show(): void;
+  close(): void;
+  toggle(): void;
+  private _onTitlebarToggle;
+  private _onTitlebarClose;
+  protected render(): ReturnType<typeof html>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-bottom-drawer': BottomDrawerElement;
+  }
+}
+interface BottomDrawerElement {
+  addEventListener: (<K extends keyof BottomDrawerElementEventMap>(type: K, listener: (this: BottomDrawerElement, event: BottomDrawerElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+//#endregion
 //#region src/button/radio-group.d.ts
 type RadioGroupMode = `compact` | `max`;
 type RadioItem = Readonly<{
@@ -1220,6 +1269,77 @@ declare class KeyedElementIndex {
   dispose(): void;
 }
 //#endregion
+//#region src/interaction/list-drag-select-controller.d.ts
+/** Surface-relative rectangle: origin at the scroll container's top-left. */
+type DragSelectRect = {
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+};
+type ListDragSelectControllerConfig<T> = {
+  /** Element the marquee is drawn in and pointer geometry is measured against. */
+  getSurface: () => HTMLElement | undefined;
+  /** Is drag-select currently allowed? (multi-capable, has items, not disabled) */
+  isEnabled: () => boolean;
+  /** Pointer types that may start a drag. Default ['mouse', 'pen'] — touch still scrolls. */
+  pointerTypes?: readonly string[];
+  /** Movement in px before a press becomes a drag. Default 4. */
+  threshold?: number;
+  /** Map a surface-relative rect to covered items. */
+  hitTest: (rect: DragSelectRect) => Iterable<T>;
+  /**
+   * Selection snapshotted when the drag starts, combined with the hit set
+   * while modifiers are held: Shift adds (`base + hit`), Cmd / Ctrl inverts
+   * (covered items toggle, the rest is untouched).
+   */
+  getBaseSelection: () => ReadonlySet<T>;
+  /** Continuous visual feedback: the preview set + current rect (undefined when idle). */
+  onPreview: (preview: ReadonlySet<T>, rect: DragSelectRect | undefined) => void;
+  /**
+   * Fired once on release with the final set. Host applies it to its
+   * selection. `additive` is `true` when the drag ran with Shift (add) or
+   * Cmd / Ctrl (invert) held.
+   */
+  onCommit: (finalSet: ReadonlySet<T>, info: {
+    additive: boolean;
+  }) => void;
+  /** Optional: scroll the surface when the pointer nears an edge during a drag. */
+  autoScroll?: (dx: number, dy: number) => void;
+  /**
+   * Optional predicate called on pointerdown before the controller records its
+   * pointer id or later calls setPointerCapture/preventDefault. Return false
+   * to yield to another gesture (e.g. native item drag).
+   */
+  shouldStart?: (event: PointerEvent) => boolean;
+};
+type DragHost = ReactiveControllerHost & HTMLElement;
+/**
+ * Shared pointer-drag (marquee / rubber-band) selection for list components.
+ *
+ * Owns all pointer plumbing and rectangle state; knows nothing about DOM
+ * geometry or the selection model — those are host callbacks. Mirrors the
+ * `TickledController` attach pattern (`new ListDragSelectController(this, …)`).
+ *
+ * Behaviour: `pointerdown` on the surface records a start point; once the
+ * pointer moves past `threshold`, the surface captures the pointer and every
+ * move recomputes the rect, hit-tests, and calls `onPreview`. On release the
+ * final set is delivered once via `onCommit`. A press that never crosses the
+ * threshold does nothing (the normal `@click` path runs).
+ */
+declare class ListDragSelectController<T> implements ReactiveController {
+  #private;
+  constructor(host: DragHost, config: ListDragSelectControllerConfig<T>);
+  /** `true` while a drag is in progress or its trailing click is still pending. */
+  get isDragging(): boolean;
+  /** `true` once the press has crossed the threshold and a rect is live. */
+  get isActive(): boolean;
+  hostConnected(): void;
+  hostDisconnected(): void;
+  /** Re-bind when the surface element appears/changes (e.g. first render). */
+  hostUpdated(): void;
+}
+//#endregion
 //#region src/interaction/list-item-animation.d.ts
 /**
  * Shared insertion / removal animation for the list & tree components.
@@ -1379,41 +1499,6 @@ interface PillRendererOptions {
 }
 declare function createPillRenderer(options?: PillRendererOptions): NotificationRenderer;
 //#endregion
-//#region src/pan-text/pan-text.d.ts
-declare class PanTextElement extends LitElement {
-  direction: `start` | `end`;
-  disabled: boolean;
-  private _isOverflowing;
-  private _isHovering;
-  private _textEl;
-  private _overflow;
-  private _resizeObserver;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  firstUpdated(): void;
-  protected updated(): void;
-  private _onMouseEnter;
-  private _onMouseLeave;
-  /**
-   * Measures how far the slotted text overflows its container. The measurement
-   * is taken on the inner `.text` span (which clips with an ellipsis), not on
-   * the host — the host never overflows, so measuring it always yielded zero
-   * and the hover interaction never activated.
-   *
-   * Skipped while hovering, because the hover styles switch `.text` to
-   * `overflow: visible` and the measurement would collapse to zero mid-pan.
-   */
-  private _measure;
-  private _textStyle;
-  protected render(): import("lit").TemplateResult<1>;
-  static styles: import("lit").CSSResult[];
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-pan-text': PanTextElement;
-  }
-}
-//#endregion
 //#region src/panel/panel-group.d.ts
 type PanelGroupOrientation = `horizontal` | `vertical`;
 interface PanelGroupReorderDetail {
@@ -1940,15 +2025,12 @@ declare global {
  * maxSizeA/B: Maximum size for panel A or B (e.g., "200px" or "80%"). Default: none
  *
  * CSS variables
- * --handle-size: 2px;              // Width/height of split bar
- * --handle-colour: var(--surface-5);     // Colour of handle
- * --handle-hover-colour: var(--surface-6); // Colour of handle when hovering
- * --handle-active-colour: var(--accent);    // Colour of handle when being used
- * --handle-bg: var(--handle-colour); // Background of grab handle rectangle
- * --handle-grab-colour: var(--surface-muted-text); // Colour of grab handle dots
- * --handle-grab-dot-size: 3px;      // Diameter of grab handle dots
- * --handle-grab-size: 16px;         // Length of grab handle
- * --handle-grab-thickness: 8px;     // Thickness of grab handle
+ * --handle-size: 2px;                      // Width/height of split bar
+ * --handle-colour: var(--surface-5);       // Colour of split bar
+ * --handle-hover-colour: var(--surface-6); // Split bar on hover
+ * --handle-active-colour: var(--accent);   // Split bar while dragging
+ * --ixfx-handle-*                          // Grip look — shared handle primitive
+ *                                          // (see docs/infra-handle.md)
  */
 declare class TwoSplitLayoutElement extends LitElement {
   #private;
@@ -1985,5 +2067,5 @@ declare function monitorIndeterminate(targetElOrQuery: string | HTMLElement, wat
 //#region src/index.d.ts
 declare function init(): void;
 //#endregion
-export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, Axis, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, type DataListSearchAdapterOptions, type DataListSearchItem, DataProviderResult, DataTableElement, DataTableElementEventMap, DataTableRow, DataTableRowClickDetail, DataTableRowClickEvent, type DetailFormatter, DetailListElement, type DetailSortComparator, type DetailSortItem, type DetailSortMode, DisplayTextLogic, DistributeResult, DockAddPanelTarget, DockAxis, DockChangeDetail, DockChangeEvent, DockDirection, DockDragBoundaryDetail, DockDragBoundaryEvent, DockDropTarget, type DockDropZone, DockEdge, DockHostElement, DockHostElementEventMap, DockLayout, DockLeafContentRules, DockLeafInfo, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, type ElementListSearchAdapterOptions, type ElementListSearchHost, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, type GridListActivateDetail, type GridListActivateEvent, type GridListCaptionAlign, type GridListCaptionBackdrop, type GridListCaptionPosition, type GridListCaptionStyle, type GridListDataAdapter, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListItemEventDetail, type GridListOrientation, type GridListSelectDetail, type GridListSelectEvent, type GridListTickleDetail, type GridListTickleEvent, type GridListViewportChangeDetail, type GridListViewportChangeEvent, GridMode, GridResolution, GroupNode, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IconEntry, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, type InputMode, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxRatingElement, IxfxTimelineElement, KeyedElementIndex, LIST_ITEM_MOTION_MS, LIST_SEARCH_COMMAND_IDS, LIST_SEARCH_MODES, LabelledRadialInput, LabelledRangeInput, LabelledSliderInput, LaneData, LaneType, LayoutNode, LayoutSnapshot, LeafGeom, LedElement, LedMode, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListItemMotionOptions, type ListSearchAdapter, ListSearchController, type ListSearchControllerOptions, type ListSearchHost, type ListSearchMode, type ListSelectDetail, type ListSelectEvent, ListSelectionController, type ListSelectionControllerConfig, type ListSelectionGesture, type ListSelectionMode, type ListSelectionModes, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, MillerRebaseDetail, MillerRebaseEvent, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanTextElement, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupElementEventMap, PanelGroupOrientation, PanelGroupReorderDetail, PanelGroupReorderEvent, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramSelectionChangeDetail, PlotHistogramSelectionChangeEvent, PlotHistogramSelectionRange, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, RatingChangeDetail, RatingChangeEvent, RatingElement, RatingElementEventMap, RatingInputEvent, RatingVariant, type Rect, RectangularSelectEventDetail, type RegisterListSearchCommandsOptions, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SlidingNumberElement, SlidingNumberTrend, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SnapshotNode, SortCompareFn, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitChangeDetail, SplitChangeEvent, SplitCloseDetail, SplitCloseEvent, SplitCollapseDetail, SplitCollapseEvent, SplitExpandDetail, SplitExpandEvent, SplitLayoutElement, SplitLayoutElementEventMap, SplitPanelElement, SplitResizeDetail, SplitResizeEvent, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TextShimmerElement, TickledController, type TickledControllerConfig, type TickledItem, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant, ToolbarAlign, ToolbarElement, ToolbarGroupElement, ToolbarLayout, ToolbarOrientation, ToolbarVerticalWriting, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, type TreeKeyboardNavCallbacks, TreeKeyboardNavController, type TreeKeyboardNavControllerConfig, type TreeKeyboardNavItemId, TreeListAdapterOptions, TreeListElement, type TreeListSearchAdapterOptions, TreeSearchHost, TreeSelectionFilter, TwoSplitLayoutElement, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, WhenSmall, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, addPanelToStack, animateListItemIn, animateListItemOut, applyAgeModification, applyHighlights, applySnapshot, attachTimelineInteractions, buildHighlightTargets, buildModel, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createDataListSearchAdapter, createElementIncrSearch, createElementListSearchAdapter, createEmptyLayout, createEmptyStack, createFuzzySearch, createIncrSearch, createPillRenderer, createSplit, createStack, createTreeListAdapter, createTreeListSearchAdapter, createVerticalListAdapter, distribute, extractStack, findNode, findParentOf, findStackOf, findStackPathByName, getActiveDragPanelId, getIcon, getIconEntry, getIconFont, getLeafNeighbours, hasIcon, iconBus, init, insertBeside, isDragging, isMultiMode, isSplit, isStack, keyForElement, listItemFadeKeyframes, listSearchStyles, monitorIndeterminate, moveLeafNodeToEdge, moveLeafStep, normalise, normalize, panelGapIndex, parseColourScaleAttr, parseLayout, pointerOverAnyHost, prefersReducedMotion, readBaseColour, registerFontIcon, registerIcon, registerListSearchCommands, removePanelFromStack, resolveCssVars, resolveGrid, resolveLeafPath, resolveTracks, serializeLayout, setActive, setIconFont, svgToDataUri, swapLeaves, tickledItemStyles, tickledStyles, timelineStyles, toSnapshot, walk, wrapRoot };
+export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, Axis, BottomDrawerCloseEvent, BottomDrawerCommand, BottomDrawerElement, BottomDrawerElementEventMap, BottomDrawerResizeDetail, BottomDrawerResizeEvent, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, type DataListSearchAdapterOptions, type DataListSearchItem, DataProviderResult, DataTableElement, DataTableElementEventMap, DataTableRow, DataTableRowClickDetail, DataTableRowClickEvent, type DetailFormatter, DetailListElement, type DetailSortComparator, type DetailSortItem, type DetailSortMode, DisplayTextLogic, DistributeResult, DockAddPanelTarget, DockAxis, DockChangeDetail, DockChangeEvent, DockDirection, DockDragBoundaryDetail, DockDragBoundaryEvent, DockDropTarget, type DockDropZone, DockEdge, DockHostElement, DockHostElementEventMap, DockLayout, DockLeafContentRules, DockLeafInfo, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, type DragSelectRect, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, type ElementListSearchAdapterOptions, type ElementListSearchHost, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, type GridListActivateDetail, type GridListActivateEvent, type GridListCaptionAlign, type GridListCaptionBackdrop, type GridListCaptionPosition, type GridListCaptionStyle, type GridListDataAdapter, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListItemEventDetail, type GridListNativeDragStartDetail, type GridListNativeDragStartEvent, type GridListOrientation, type GridListSelectDetail, type GridListSelectEvent, type GridListTickleDetail, type GridListTickleEvent, type GridListViewportChangeDetail, type GridListViewportChangeEvent, GridMode, GridResolution, GroupNode, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IconEntry, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, type InputMode, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxRatingElement, IxfxTimelineElement, KeyedElementIndex, LIST_ITEM_MOTION_MS, LIST_SEARCH_COMMAND_IDS, LIST_SEARCH_MODES, LabelledRadialInput, LabelledRangeInput, LabelledSliderInput, LaneData, LaneType, LayoutNode, LayoutSnapshot, LeafGeom, LedElement, LedMode, type ListActivateDetail, type ListActivateEvent, ListDragSelectController, type ListDragSelectControllerConfig, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListItemMotionOptions, type ListSearchAdapter, ListSearchController, type ListSearchControllerOptions, type ListSearchHost, type ListSearchMode, type ListSelectDetail, type ListSelectEvent, ListSelectionController, type ListSelectionControllerConfig, type ListSelectionGesture, type ListSelectionMode, type ListSelectionModes, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, MillerRebaseDetail, MillerRebaseEvent, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanTextElement, PanTextMode, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupElementEventMap, PanelGroupOrientation, PanelGroupReorderDetail, PanelGroupReorderEvent, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramSelectionChangeDetail, PlotHistogramSelectionChangeEvent, PlotHistogramSelectionRange, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, RatingChangeDetail, RatingChangeEvent, RatingElement, RatingElementEventMap, RatingInputEvent, RatingVariant, type Rect, RectangularSelectEventDetail, type RegisterListSearchCommandsOptions, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SlidingNumberElement, SlidingNumberTrend, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SnapshotNode, SortCompareFn, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitChangeDetail, SplitChangeEvent, SplitCloseDetail, SplitCloseEvent, SplitCollapseDetail, SplitCollapseEvent, SplitExpandDetail, SplitExpandEvent, SplitLayoutElement, SplitLayoutElementEventMap, SplitPanelElement, SplitResizeDetail, SplitResizeEvent, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TextShimmerElement, TickledController, type TickledControllerConfig, type TickledItem, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant, ToolbarAlign, ToolbarElement, ToolbarGroupElement, ToolbarLayout, ToolbarOrientation, ToolbarVerticalWriting, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, type TreeKeyboardNavCallbacks, TreeKeyboardNavController, type TreeKeyboardNavControllerConfig, type TreeKeyboardNavItemId, TreeListAdapterOptions, TreeListElement, type TreeListSearchAdapterOptions, TreeSearchHost, TreeSelectionFilter, TwoSplitLayoutElement, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, WhenSmall, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, addPanelToStack, animateListItemIn, animateListItemOut, applyAgeModification, applyHighlights, applySnapshot, attachTimelineInteractions, bottomDrawerCommandId, buildHighlightTargets, buildModel, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createDataListSearchAdapter, createElementIncrSearch, createElementListSearchAdapter, createEmptyLayout, createEmptyStack, createFuzzySearch, createIncrSearch, createPillRenderer, createSplit, createStack, createTreeListAdapter, createTreeListSearchAdapter, createVerticalListAdapter, distribute, extractStack, findNode, findParentOf, findStackOf, findStackPathByName, getActiveDragPanelId, getIcon, getIconEntry, getIconFont, getLeafNeighbours, hasIcon, iconBus, init, insertBeside, isDragging, isMultiMode, isSplit, isStack, keyForElement, listItemFadeKeyframes, listSearchStyles, monitorIndeterminate, moveLeafNodeToEdge, moveLeafStep, normalise, normalize, panelGapIndex, parseColourScaleAttr, parseLayout, pointerOverAnyHost, prefersReducedMotion, readBaseColour, registerFontIcon, registerIcon, registerListSearchCommands, removePanelFromStack, resolveCssVars, resolveGrid, resolveLeafPath, resolveTracks, serializeLayout, setActive, setIconFont, svgToDataUri, swapLeaves, tickledItemStyles, tickledStyles, timelineStyles, toSnapshot, walk, wrapRoot };
 //# sourceMappingURL=index.d.ts.map