domma-js 0.57.0 → 0.58.1

package/README.md

@@ -474,13 +474,13 @@ Domma.theme.init({ theme: 'ocean-dark' });
 Domma.theme.set('forest-light');
 
 // Toggle between light/dark
-Domma.theme.toggle();
+Domma.theme.set(`${Domma.theme.getBase()}-${Domma.theme.isDark() ? 'light' : 'dark'}`);
 
 // Auto-detect system preference
 Domma.theme.init({ autoDetect: true });
 
 // List everything available
-Domma.theme.listThemes();   // also listBases() and listVariants()
+Domma.theme.listThemes();   // also listBases()
 ```
 
 **Light/dark families:**

package/assets/types/generated/src/components/focus-trap.d.ts

@@ -3,15 +3,24 @@
  * page. A layer is the nearest of:
  * - an element carrying `data-focus-trap-allow` (an opt-in for anything else);
  * - an element with `position: fixed` (toasts, popovers, context menus, palettes,
- *   another overlay that did not trap focus);
+ *   another overlay that did not trap focus) - unless it was already on the page and
+ *   stacks below the trap (`floor`): a fixed header under a modal is page, not a layer;
  * - a direct child of <body> that is absolutely positioned (portalled pickers and
  *   dropdowns), or that was put there after `since` was taken - something opened
  *   while the trap was on top.
  * @param {Element} target
  * @param {Set<Element>} [since] - the children <body> had when the trap activated
+ * @param {number} [floor] - the trap's own stacking level (see `stackLevel()`); 0 = none
  * @returns {Element|null}
  */
-export function layerOf(target: Element, since?: Set<Element>): Element | null;
+export function layerOf(target: Element, since?: Set<Element>, floor?: number): Element | null;
+/**
+ * The highest z-index on an element or its ancestors - roughly the stacking layer it
+ * is drawn in. 0 when nothing on the way sets one.
+ * @param {Element} el
+ * @returns {number}
+ */
+export function stackLevel(el: Element): number;
 /**
  * The tabbable elements in some containers, in Tab order: positive tabindex first (in
  * ascending order), then the rest in document order. Of a radio group only the checked
@@ -53,6 +62,7 @@ export class FocusTrap extends Component {
     constructor(containers: FocusTarget | Element | Array<FocusTarget | Element>, options?: FocusTrapOptions);
     _containers: HTMLElement[];
     _bodyAtStart: Set<Element>;
+    _floor: number;
     _pendingTab: {
         shift: any;
         fromInside: boolean;

package/assets/types/generated/src/components/modal.d.ts

@@ -125,8 +125,6 @@ export class Modal extends Component {
     _later(fn: any, ms: any): void;
     _clearTimers(): void;
     _duration(): number;
-    /** The deprecated unprefixed DOM event, dispatched on the element only (no bubbling). */
-    _legacyEvent(name: any): void;
     /**
      * Open the modal.
      * @returns {this}

package/assets/types/generated/src/components/range-slider.d.ts

@@ -91,6 +91,7 @@ export class RangeSlider extends Component {
         max: string;
         step: string;
         disabled: string;
+        value: string;
     };
     _syncInputAttrs(): void;
     /**
@@ -102,6 +103,12 @@ export class RangeSlider extends Component {
     /** Push the current values into the real inputs. */
     _writeInputs(): void;
     _writing: boolean;
+    /**
+     * A form reset returns each input to its value attribute. Inputs this component made,
+     * and a caller's input without one, would reset to the midpoint - give them the
+     * starting value.
+     */
+    _setDefaults(): void;
     /** Read the inputs back after something outside changed them. */
     _fromInputs(): void;
     _bindInputs(): void;

package/assets/types/generated/src/elements.d.ts

@@ -75,11 +75,11 @@
  * @property {(selector?: string|HTMLElement|null, options?: import('./components/back-to-top.js').BackToTopOptions) => import('./components/back-to-top.js').BackToTopInstance} backToTop
  *   Create a BackToTop button: a button / link selector is used as the button, anything else adds one
  * @property {{
- *   (selector: string|HTMLElement, options?: ButtonGroupOptions): ButtonGroupInstance,
+ *   (selector: string|HTMLElement, options?: ButtonGroupOptions): (ButtonGroupInstance & {all(): ButtonGroup[]})|null,
  *   all(selector: string|HTMLElement, options?: ButtonGroupOptions): ButtonGroup[]
  * }} buttonGroup
  *   A button group on every match; returns the first (with `all()` for the rest). `E.buttonGroup.all()`
- *   returns them as an array. (A selector that matches nothing returns an empty array.)
+ *   returns them as an array. A selector that matches nothing returns null.
  * @property {(selector: import('./components/shared.js').ComponentTarget, options?: import('./components/loader.js').LoaderOptions) => import('./components/loader.js').LoaderInstance|null} loader
  *   Create a Loader on an element (null when nothing matches)
  * @property {(selector: import('./components/shared.js').ComponentTarget, options?: import('./components/loader.js').LoaderOptions) => import('./components/loader.js').LoaderInstance|null} showLoader
@@ -145,13 +145,11 @@
  * @property {(selector: string|HTMLElement, options?: ProgressionOptions) => ProgressionInstance} progression
  *   A timeline or roadmap
  * @property {{
- *   (selector: string|HTMLElement, options?: ListGroupOptions): ListGroupInstance,
+ *   (selector: string|HTMLElement, options?: ListGroupOptions): (ListGroupInstance & {all(): ListGroup[]})|null,
  *   all(selector: string|HTMLElement, options?: ListGroupOptions): ListGroup[]
  * }} listGroup
  *   A list group on every match; returns the first (with `all()` for the rest). `E.listGroup.all()`
- *   returns them as an array. (A selector that matches nothing returns an empty array.)
- * @property {(selector: string|HTMLElement, options?: ProgressionOptions) => ProgressionInstance} timeline
- *   Deprecated: `progression(selector, {mode: 'timeline', ...})`
+ *   returns them as an array. A selector that matches nothing returns null.
  * @property {import('./components/toast.js').ToastStatic} toast
  *   Toast notifications: `E.toast(message, options)` plus `.show/.success/.error/.warning/.info/.closeAll`
  * @property {{
@@ -1941,10 +1939,12 @@ export type Elements = {
     backToTop: (selector?: string | HTMLElement | null, options?: import("./components/back-to-top.js").BackToTopOptions) => import("./components/back-to-top.js").BackToTopInstance;
     /**
      *   A button group on every match; returns the first (with `all()` for the rest). `E.buttonGroup.all()`
-     *   returns them as an array. (A selector that matches nothing returns an empty array.)
+     *   returns them as an array. A selector that matches nothing returns null.
      */
     buttonGroup: {
-        (selector: string | HTMLElement, options?: ButtonGroupOptions): ButtonGroupInstance;
+        (selector: string | HTMLElement, options?: ButtonGroupOptions): (ButtonGroupInstance & {
+            all(): ButtonGroup[];
+        }) | null;
         all(selector: string | HTMLElement, options?: ButtonGroupOptions): ButtonGroup[];
     };
     /**
@@ -2079,16 +2079,14 @@ export type Elements = {
     progression: (selector: string | HTMLElement, options?: ProgressionOptions) => ProgressionInstance;
     /**
      *   A list group on every match; returns the first (with `all()` for the rest). `E.listGroup.all()`
-     *   returns them as an array. (A selector that matches nothing returns an empty array.)
+     *   returns them as an array. A selector that matches nothing returns null.
      */
     listGroup: {
-        (selector: string | HTMLElement, options?: ListGroupOptions): ListGroupInstance;
+        (selector: string | HTMLElement, options?: ListGroupOptions): (ListGroupInstance & {
+            all(): ListGroup[];
+        }) | null;
         all(selector: string | HTMLElement, options?: ListGroupOptions): ListGroup[];
     };
-    /**
-     *   Deprecated: `progression(selector, {mode: 'timeline', ...})`
-     */
-    timeline: (selector: string | HTMLElement, options?: ProgressionOptions) => ProgressionInstance;
     /**
      *   Toast notifications: `E.toast(message, options)` plus `.show/.success/.error/.warning/.info/.closeAll`
      */

package/assets/types/generated/src/popover.d.ts

@@ -131,10 +131,11 @@ export type PopoverOptions = {
     onHidden?: ((popover: Popover) => void) | null;
 };
 /**
- * event.detail of popover:show / popover:shown / popover:hide / popover:hidden (fired on the trigger).
+ * event.detail of dm:popover:show / shown / hide / hidden (bubbling, fired on the trigger).
  */
 export type PopoverEventDetail = {
-    popover: Popover;
+    instance: Popover;
+    args: Popover[];
 };
 export type PopoverInstance = Popover;
 /**
@@ -195,9 +196,10 @@ export type PopoverStatic = {
  * @property {((popover: Popover) => void)|null} [onHidden] - After the panel has been removed
  */
 /**
- * event.detail of popover:show / popover:shown / popover:hide / popover:hidden (fired on the trigger).
+ * event.detail of dm:popover:show / shown / hide / hidden (bubbling, fired on the trigger).
  * @typedef {object} PopoverEventDetail
- * @property {Popover} popover
+ * @property {Popover} instance
+ * @property {Popover[]} args
  */
 /** @typedef {Popover} PopoverInstance */
 /**
@@ -402,9 +404,8 @@ declare class Popover extends Component {
     _isAncestorOf(other: any): boolean;
     _position(): void;
     /**
-     * Run the callback, the .on() listeners and `dm:popover:<name>`, then the older
-     * `popover:<name>` event (kept until 1.0). For a cancelable phase, returns false
-     * when any of them said no.
+     * Run the callback, then the .on() listeners and `dm:popover:<name>`. For a
+     * cancelable phase, returns false when any of them said no.
      */
     _phase(name: any, cancelable?: boolean): boolean;
 }

package/assets/types/generated/src/sortable.d.ts

@@ -362,8 +362,7 @@ declare class Sortable extends Component {
     /** Live mode: move elements and slide everything, the slot included, into place. */
     _flipItems(mutate: any): void;
     _save(order: any): void;
-    /** The onX callback, .on() listeners and `dm:sortable:<name>`, then the older `sortable:<name>` (kept until 1.0). */
+    /** The onX callback, then the .on() listeners and `dm:sortable:<name>`. */
     _signal(name: any, detail: any): void;
-    _dispatch(name: any, detail: any): void;
 }
 import Component from './component.js';

package/assets/types/generated/src/theme.d.ts

@@ -172,16 +172,6 @@ declare class ThemeEngine {
      * @returns {this}
      */
     set(theme: ThemeName): this;
-    /**
-     * @deprecated Use set() with full theme name instead (e.g., set('ocean-dark'))
-     * @returns {this}
-     */
-    setVariant(): this;
-    /**
-     * @deprecated No longer applicable with unified theme system. Use variant selector UI instead.
-     * @returns {this}
-     */
-    toggle(): this;
     /**
      * Register a callback for theme changes
      * @param {ThemeChangeCallback} callback - Callback function(oldTheme, newTheme)
@@ -204,11 +194,6 @@ declare class ThemeEngine {
      * @returns {ThemeVariant[]}
      */
     listBases(): ThemeVariant[];
-    /**
-     * @deprecated Use listThemes() instead. Kept for backward compatibility.
-     * @returns {ThemeVariant[]}
-     */
-    listVariants(): ThemeVariant[];
     /**
      * Get current theme configuration
      * @returns {ThemeConfig}

package/bin/domma-cli.js

@@ -168,6 +168,13 @@ async function handleInit() {
   // Copy all templates with variable substitution
   copyTemplatesRecursive(templatesDir, process.cwd(), vars);
 
+  // The TypeScript declarations, generated from the source at build time (MPA only, as before)
+  const typesSrc = join(__dirname, '..', 'assets', 'types');
+  const typesDest = join(process.cwd(), 'frontend', 'types');
+  if (projectMode !== 'spa' && existsSync(typesSrc) && !existsSync(typesDest)) {
+    cpSync(typesSrc, typesDest, {recursive: true});
+  }
+
   // Copy Domma dist files to frontend/dist/domma
   const frontendDistDir = join(process.cwd(), 'frontend', 'dist', 'domma');
   console.log(`\n  Copying Domma distribution files...\n`);
@@ -763,8 +770,8 @@ This will copy AI assistance files to your project:
       console.log('  ⊘ blueprints/ already exists');
     }
 
-    // Copy types/ directory
-    const typesDir = join(templatesDir, 'frontend', 'types');
+    // Copy types/ directory - the declarations generated from the source
+    const typesDir = join(__dirname, '..', 'assets', 'types');
     const destTypesDir = join(projectRoot, 'types');
     if (existsSync(typesDir) && !existsSync(destTypesDir)) {
       cpSync(typesDir, destTypesDir, { recursive: true });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.57.0",
+    "version": "0.58.1",
     "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
     "main": "public/dist/domma.min.js",
     "module": "public/dist/domma.esm.js",
@@ -69,7 +69,7 @@
         "serve:3096": "node bin/domma-cli.js serve --port 3096",
         "dev": "NODE_ENV=development npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run copy:celebrate && npm run generate:themes && npm run build:css && npm run build:miniapps && live-server public --port=3001 --open=/index.html",
         "dev:watch": "NODE_ENV=development npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run copy:celebrate && npm run generate:themes && npm run build:css && npm run build:miniapps && npm run watch:miniapps",
-        "build": "npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run copy:celebrate && npm run generate:themes && npm run build:css && npm run build:css-bundles && npm run build:archives && npm run build:kickstart-files && npm run build:miniapps && npm run build:types",
+        "build": "npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run copy:celebrate && npm run generate:themes && npm run build:css && npm run build:css-bundles && npm run build:archives && npm run build:types && npm run build:kickstart-files && npm run build:miniapps",
         "build:js": "rollup -c",
         "build:types": "node scripts/build-types.mjs",
         "check:types": "node scripts/check-types.mjs",

package/public/dist/bundles/domma-complete.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.57.0
+ * Domma Complete CSS Bundle v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.370Z
+ * Built: 2026-10-25T09:04:25.782Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.57.0
+ * Domma Core CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.166Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.598Z
+ * Commit: bcc485e
  */
 
 /**
@@ -4971,11 +4971,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.57.0
+ * Domma Grid CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.170Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.602Z
+ * Commit: bcc485e
  */
 
 /**
@@ -5596,11 +5596,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.57.0
+ * Domma Elements CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.175Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.608Z
+ * Commit: bcc485e
  */
 
 /**
@@ -16359,7 +16359,7 @@ a.avatar-more-person:hover .avatar-more-name {
 }
 
 /* A tooltip that is always shown needs room above the track */
-.dm-range-slider[data-tooltip="always"]:not([data-orientation="vertical"]) {
+.dm-range-slider[data-tooltip-mode="always"]:not([data-orientation="vertical"]) {
     margin-top: 1.75rem;
 }
 
@@ -16483,10 +16483,10 @@ a.avatar-more-person:hover .avatar-more-name {
     transform: translateY(-50%);
 }
 
-.dm-range-slider[data-tooltip="always"] .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:hover .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
+.dm-range-slider[data-tooltip-mode="always"] .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:hover .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
     opacity: 1;
     visibility: visible;
 }
@@ -16613,11 +16613,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.57.0
+ * Domma Themes v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.154Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.585Z
+ * Commit: bcc485e
  */
 
 /**

package/public/dist/bundles/domma-data-focused.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.57.0
+ * Domma Data-Focused CSS Bundle v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.363Z
+ * Built: 2026-10-25T09:04:25.779Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.57.0
+ * Domma Core CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.166Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.598Z
+ * Commit: bcc485e
  */
 
 /**
@@ -4971,11 +4971,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.57.0
+ * Domma Grid CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.170Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.602Z
+ * Commit: bcc485e
  */
 
 /**
@@ -5596,11 +5596,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.57.0
+ * Domma Elements CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.175Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.608Z
+ * Commit: bcc485e
  */
 
 /**
@@ -16359,7 +16359,7 @@ a.avatar-more-person:hover .avatar-more-name {
 }
 
 /* A tooltip that is always shown needs room above the track */
-.dm-range-slider[data-tooltip="always"]:not([data-orientation="vertical"]) {
+.dm-range-slider[data-tooltip-mode="always"]:not([data-orientation="vertical"]) {
     margin-top: 1.75rem;
 }
 
@@ -16483,10 +16483,10 @@ a.avatar-more-person:hover .avatar-more-name {
     transform: translateY(-50%);
 }
 
-.dm-range-slider[data-tooltip="always"] .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:hover .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
+.dm-range-slider[data-tooltip-mode="always"] .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:hover .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
     opacity: 1;
     visibility: visible;
 }
@@ -16613,11 +16613,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.57.0
+ * Domma Themes v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.154Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.585Z
+ * Commit: bcc485e
  */
 
 /**

package/public/dist/bundles/domma-essentials.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Essentials CSS Bundle v0.57.0
+ * Domma Essentials CSS Bundle v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.348Z
+ * Built: 2026-10-25T09:04:25.769Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.57.0
+ * Domma Core CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.166Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.598Z
+ * Commit: bcc485e
  */
 
 /**
@@ -4971,11 +4971,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.57.0
+ * Domma Grid CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.170Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.602Z
+ * Commit: bcc485e
  */
 
 /**
@@ -5596,11 +5596,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.57.0
+ * Domma Elements CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.175Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.608Z
+ * Commit: bcc485e
  */
 
 /**
@@ -16359,7 +16359,7 @@ a.avatar-more-person:hover .avatar-more-name {
 }
 
 /* A tooltip that is always shown needs room above the track */
-.dm-range-slider[data-tooltip="always"]:not([data-orientation="vertical"]) {
+.dm-range-slider[data-tooltip-mode="always"]:not([data-orientation="vertical"]) {
     margin-top: 1.75rem;
 }
 
@@ -16483,10 +16483,10 @@ a.avatar-more-person:hover .avatar-more-name {
     transform: translateY(-50%);
 }
 
-.dm-range-slider[data-tooltip="always"] .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:hover .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
+.dm-range-slider[data-tooltip-mode="always"] .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:hover .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
     opacity: 1;
     visibility: visible;
 }
@@ -16613,11 +16613,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.57.0
+ * Domma Themes v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.154Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.585Z
+ * Commit: bcc485e
  */
 
 /**

package/public/dist/bundles/domma-full.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Full CSS Bundle v0.57.0
+ * Domma Full CSS Bundle v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.357Z
+ * Built: 2026-10-25T09:04:25.774Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.57.0
+ * Domma Core CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.166Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.598Z
+ * Commit: bcc485e
  */
 
 /**
@@ -4971,11 +4971,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.57.0
+ * Domma Grid CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.170Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.602Z
+ * Commit: bcc485e
  */
 
 /**
@@ -5596,11 +5596,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.57.0
+ * Domma Elements CSS v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.175Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.608Z
+ * Commit: bcc485e
  */
 
 /**
@@ -16359,7 +16359,7 @@ a.avatar-more-person:hover .avatar-more-name {
 }
 
 /* A tooltip that is always shown needs room above the track */
-.dm-range-slider[data-tooltip="always"]:not([data-orientation="vertical"]) {
+.dm-range-slider[data-tooltip-mode="always"]:not([data-orientation="vertical"]) {
     margin-top: 1.75rem;
 }
 
@@ -16483,10 +16483,10 @@ a.avatar-more-person:hover .avatar-more-name {
     transform: translateY(-50%);
 }
 
-.dm-range-slider[data-tooltip="always"] .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:hover .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
-.dm-range-slider[data-tooltip="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
+.dm-range-slider[data-tooltip-mode="always"] .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:hover .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb:focus-visible .dm-range-tooltip,
+.dm-range-slider[data-tooltip-mode="hover"] .dm-range-thumb.is-active .dm-range-tooltip {
     opacity: 1;
     visibility: visible;
 }
@@ -16613,11 +16613,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.57.0
+ * Domma Themes v0.58.1
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-24T20:04:51.154Z
- * Commit: 8ca8224
+ * Built: 2026-10-25T09:04:25.585Z
+ * Commit: bcc485e
  */
 
 /**