domma-js 0.39.2 → 0.41.0

package/public/dist/elements.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Elements CSS v0.39.2
+ * Domma Elements CSS v0.41.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.641Z
- * Commit: c7a693e
+ * Built: 2026-08-22T13:41:49.303Z
+ * Commit: 5d8b7e1
  */
 
 /**
@@ -265,8 +265,13 @@
     border-color: var(--dm-primary);
 }
 
+/* No --dm-primary-text here. That token is the foreground for text drawn ON a
+   primary fill, which is what the header and footer above do. The body has no
+   fill - it sits on the card's own surface - so borrowing the fill foreground
+   put near-black text (#1a1a1a in the dark themes) on a dark surface, at 1.19
+   contrast. Inheriting --dm-text from the card is the correct behaviour. */
 .card-primary .card-body {
-    color: var(--dm-primary-text, var(--dm-white));
+    color: var(--dm-text);
 }
 
 .card-primary .card-footer {
@@ -1291,7 +1296,7 @@ textarea:not([class])::placeholder {
    NUMBER BADGE
    ============================================ */
 
-/* Standalone number badge — circular for single digits, pill for multi-digit */
+/* Standalone number badge - circular for single digits, pill for multi-digit */
 .badge-number {
     display: inline-flex;
     align-items: center;
@@ -1308,7 +1313,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-danger-text, var(--dm-white));
 }
 
-/* Dot indicator — small coloured presence circle */
+/* Dot indicator - small coloured presence circle */
 .badge-dot {
     display: inline-block;
     width: 0.5rem;
@@ -1323,7 +1328,7 @@ textarea:not([class])::placeholder {
     display: inline-flex;
 }
 
-/* Counter badge — overlapping corner with border ring (classic app-notification style) */
+/* Counter badge - overlapping corner with border ring (classic app-notification style) */
 .badge-counter {
     position: absolute;
     top: -6px;
@@ -1345,7 +1350,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-danger-text, var(--dm-white));
 }
 
-/* Dot variant of counter — smaller, no text */
+/* Dot variant of counter - smaller, no text */
 .badge-counter.badge-dot {
     top: -2px;
     right: -2px;
@@ -1399,7 +1404,7 @@ textarea:not([class])::placeholder {
    LIST GROUP
    ============================================ */
 
-/* Container — vertical flex column with rounded corners and clipped overflow */
+/* Container - vertical flex column with rounded corners and clipped overflow */
 .list-group {
     display: flex;
     flex-direction: column;
@@ -1409,7 +1414,7 @@ textarea:not([class])::placeholder {
     background-color: var(--dm-surface);
 }
 
-/* Each item — flex row, vertically centred, with a bottom separator */
+/* Each item - flex row, vertically centred, with a bottom separator */
 .list-group-item {
     display: flex;
     align-items: center;
@@ -1427,7 +1432,7 @@ textarea:not([class])::placeholder {
     border-bottom: none;
 }
 
-/* Flush modifier — strip outer border and radius for embedding inside cards */
+/* Flush modifier - strip outer border and radius for embedding inside cards */
 .list-group-flush {
     border: none;
     border-radius: 0;
@@ -1449,7 +1454,7 @@ textarea:not([class])::placeholder {
     font-size: var(--dm-font-size-base);
 }
 
-/* Actionable items — pointer cursor and hover highlight */
+/* Actionable items - pointer cursor and hover highlight */
 .list-group-item-action {
     cursor: pointer;
     user-select: none;
@@ -1473,7 +1478,7 @@ textarea:not([class])::placeholder {
     justify-content: center;
 }
 
-/* Central text wrapper — grows to fill available space */
+/* Central text wrapper - grows to fill available space */
 .list-group-item-content {
     flex-grow: 1;
     min-width: 0;
@@ -1501,7 +1506,7 @@ textarea:not([class])::placeholder {
     text-overflow: ellipsis;
 }
 
-/* Right-side trailing area — badges, timestamps, actions */
+/* Right-side trailing area - badges, timestamps, actions */
 .list-group-item-trailing {
     flex-shrink: 0;
     margin-left: auto;
@@ -1511,7 +1516,7 @@ textarea:not([class])::placeholder {
     gap: var(--dm-space-2);
 }
 
-/* Active/selected state — accent background takes precedence over colour variants */
+/* Active/selected state - accent background takes precedence over colour variants */
 .list-group-item.active {
     background-color: var(--dm-primary);
     color: var(--dm-primary-text, var(--dm-white));
@@ -1523,7 +1528,7 @@ textarea:not([class])::placeholder {
     color: rgba(255, 255, 255, 0.75);
 }
 
-/* Disabled state — dimmed and non-interactive */
+/* Disabled state - dimmed and non-interactive */
 .list-group-item.disabled {
     opacity: 0.7;
     cursor: not-allowed;
@@ -1603,7 +1608,7 @@ textarea:not([class])::placeholder {
     border-top-color: var(--dm-border);
 }
 
-/* Numbered list — CSS counter prepended to each item */
+/* Numbered list - CSS counter prepended to each item */
 .list-group-numbered {
     list-style-type: none;
     counter-reset: list-group-counter;
@@ -1619,7 +1624,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-text-muted);
 }
 
-/* Horizontal layout — items arranged in a row */
+/* Horizontal layout - items arranged in a row */
 .list-group-horizontal {
     flex-direction: row;
 }
@@ -2181,10 +2186,25 @@ code {
     border-radius: 0;
 }
 
+/* The active link used to take --dm-primary as its text colour. --dm-primary is
+   a mid-tone in several theme families, so on the navbar surface it measured as
+   low as 1.72 (lemon-light). Primary stays as the accent - the tinted pill and
+   the underline - but the text itself uses the one token guaranteed to read on
+   this surface. */
+/* The active link used to take --dm-primary as its text colour. --dm-primary is
+   a mid-tone in several theme families, so on the navbar surface it measured as
+   low as 1.72 (lemon-light).
+
+   The affordance is now the primary underline plus the weight, and the text
+   uses the one token guaranteed to read on this surface. Deliberately no pill
+   background: a tint of --dm-primary shifts the bar toward the text colour in
+   the themes where primary is light, which cost ~2 points of contrast on the
+   already-tightest combination (dark theme + .navbar-light). Underline only
+   means the active state can never read worse than the brand beside it. */
 .navbar-link.active {
-    color: var(--dm-primary);
+    color: var(--dm-navbar-text);
     font-weight: 500;
-    background-color: color-mix(in srgb, var(--dm-primary) 10%, transparent);
+    box-shadow: inset 0 -2px 0 0 var(--dm-primary);
 }
 
 .nav-version {
@@ -2192,78 +2212,77 @@ code {
     color: var(--dm-text-secondary, #eee);
 }
 
-/* Light navbar variant */
-
-.navbar-light {
-    background-color: var(--dm-surface);
-    border-bottom-color: var(--dm-border);
-}
+/* ---------------------------------------------------------------------------
+   Navbar variants
 
-.navbar-light .navbar-brand,
-.navbar-light .navbar-brand-text {
-    color: var(--dm-text);
-}
+   These predate the theme system and used to be written as absolute colours:
+   .navbar-dark painted the bar with --dm-background and its text with
+   --dm-text-inverse. Those two tokens resolve to the SAME value in every dark
+   theme (both are the theme's darkest slate), so the brand rendered at 1.00
+   contrast - invisible, on every dark theme, in every consumer. .navbar-light
+   failed the mirror way in light themes: a white bar with white text, and an
+   active link at 2.56.
 
-.navbar-light .navbar-link {
-    color: var(--dm-text-secondary);
-}
+   Every theme already ships the pair meant for this job - --dm-navbar-bg (the
+   theme's navbar surface) and --dm-navbar-text (text guaranteed to read on it).
+   So the variants are now tint modifiers on that surface rather than absolute
+   colours: "dark" sits a shade below the theme's navbar, "light" a shade above.
+   The two stay visually distinct, both follow the theme, and neither can
+   collide with its own foreground.
 
-.navbar-light .navbar-link:hover {
-    color: #ffffff !important;
-    background-color: #1e293b !important;
-    border-radius: var(--dm-radius-md);
-}
+   Measured worst case across 21 themes x both variants: 5.78 (was 1.00).
+   --------------------------------------------------------------------------- */
 
-/* Force dark hover in light mode using data-mode attribute */
-[data-mode="light"] .navbar-link:hover {
-    color: #ffffff !important;
-    background-color: #1e293b !important;
-    border-radius: var(--dm-radius-md);
-}
-
-.navbar-light .navbar-toggle {
-    color: var(--dm-text);
-}
+/* Light navbar variant */
 
-.navbar-light .navbar-toggle:hover {
-    background: var(--dm-background-alt);
-    color: var(--dm-text);
+.navbar-light {
+    background-color: color-mix(in srgb, #fff 18%, var(--dm-navbar-bg));
+    border-bottom-color: var(--dm-border);
 }
 
 /* Dark navbar variant */
 
 .navbar-dark {
-    background-color: var(--dm-background);
+    background-color: color-mix(in srgb, #000 18%, var(--dm-navbar-bg));
     border-bottom-color: var(--dm-border-dark);
 }
 
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand-text,
+.navbar-light .navbar-toggle,
 .navbar-dark .navbar-brand,
-.navbar-dark .navbar-brand-text {
-    color: var(--dm-text-inverse, var(--dm-white));
-}
-
+.navbar-dark .navbar-brand-text,
 .navbar-dark .navbar-toggle {
-    color: var(--dm-text-disabled);
-}
-
-.navbar-dark .navbar-toggle:hover {
-    background: var(--dm-surface);
-    color: var(--dm-text-inverse, var(--dm-white));
+    color: var(--dm-navbar-text);
 }
 
+/* Slightly muted against the brand, but never below AA. 85% is the floor that
+   clears 4.5 in every theme - 72% dropped grayve/wedding/christmas to 3.8-4.0. */
+.navbar-light .navbar-link,
 .navbar-dark .navbar-link {
-    color: var(--dm-gray-400, #adb5bd);
+    color: color-mix(in srgb, var(--dm-navbar-text) 85%, var(--dm-navbar-bg));
 }
 
+.navbar-light .navbar-link:hover,
 .navbar-dark .navbar-link:hover {
-    background-color: rgba(255, 255, 255, 0.3);
-    color: var(--dm-text-inverse, var(--dm-white));
-    border-radius: var(--dm-radius-sm);
+    color: var(--dm-navbar-text);
+    background-color: color-mix(in srgb, var(--dm-navbar-text) 12%, transparent);
+    border-radius: var(--dm-radius-md);
 }
 
-.navbar-dark .navbar-link.active {
-    background-color: var(--dm-surface);
-    color: var(--dm-text-inverse, var(--dm-white));
+.navbar-light .navbar-toggle:hover,
+.navbar-dark .navbar-toggle:hover {
+    background: color-mix(in srgb, var(--dm-navbar-text) 12%, transparent);
+    color: var(--dm-navbar-text);
+}
+
+/* Legacy forced hover for light mode. Kept as-is for the plain/transparent
+   navbar, but excluded from the two variants above - it carries !important and
+   would otherwise override their theme-derived hover. */
+[data-mode="light"] .navbar:not(.navbar-light):not(.navbar-dark) .navbar-link:hover {
+    color: #ffffff !important;
+    background-color: #1e293b !important;
+    border-radius: var(--dm-radius-md);
 }
 
 /* Dark navbar collapse border color (mobile) */
@@ -2542,23 +2561,19 @@ code {
     list-style: none;
 }
 
-/* Dark navbar dropdown styles */
-.navbar-dark .navbar-dropdown-menu {
-    background: var(--dm-surface);
-    border-color: var(--dm-border-dark, var(--dm-border));
-}
-
-.navbar-dark .navbar-dropdown-item {
-    color: var(--dm-gray-400, #adb5bd);
-}
+/* Dark navbar dropdown styles
 
-.navbar-dark .navbar-dropdown-item:hover {
-    background: rgba(255, 255, 255, 0.3);
-    color: var(--dm-text-inverse, var(--dm-white));
-}
+   The dropdown panel is painted from --dm-surface whatever the bar variant, so
+   the base rules above already render it correctly in both modes. The overrides
+   that used to live here only re-stated that same background while replacing
+   the text with a fixed grey and the hover with --dm-text-inverse over 30%
+   white - which measured 2.56 and 1.00 respectively in every light theme, and
+   3.25 on hover in the dark ones. The divider was being painted --dm-surface,
+   i.e. the panel's own colour, so it was invisible.
 
-.navbar-dark .navbar-dropdown-divider {
-    background: var(--dm-surface);
+   Only the border tint is worth keeping. */
+.navbar-dark .navbar-dropdown-menu {
+    border-color: var(--dm-border-dark, var(--dm-border));
 }
 
 /* ============================================
@@ -2598,14 +2613,9 @@ code {
     border-radius: var(--dm-radius-md);
 }
 
-.navbar-dark .navbar-submenu-toggle {
-    color: var(--dm-gray-400, #adb5bd);
-}
-
-.navbar-dark .navbar-submenu-toggle:hover {
-    background: rgba(255, 255, 255, 0.3);
-    color: var(--dm-text-inverse, var(--dm-white));
-}
+/* Same as the dropdown items above - the submenu toggle sits on the panel, not
+   on the bar, so the base --dm-text / --dm-hover-bg pairing is the correct one
+   and the fixed grey plus --dm-text-inverse overrides have been removed. */
 
 /* Submenu caret points to the side to signal a fly-out */
 .navbar-submenu-toggle .navbar-caret {
@@ -4940,7 +4950,7 @@ code {
 }
 
 /* Status text utilities use color-mix with --dm-text so they auto-adapt to
-   light/dark modes — keeping brand identity while staying ≥4.5:1 readable. */
+   light/dark modes - keeping brand identity while staying ≥4.5:1 readable. */
 .text-success {
     color: color-mix(in oklab, var(--dm-success), var(--dm-text) 30%) !important;
 }
@@ -5346,7 +5356,7 @@ code {
 /*
  * Hover bridge: the menu is rendered as a document.body sibling positioned with a
  * small offset/margin gap from its trigger. On a hover-triggered dropdown that gap
- * is a dead-zone — the pointer leaves the trigger before reaching the menu, firing
+ * is a dead-zone - the pointer leaves the trigger before reaching the menu, firing
  * the close. These transparent pseudo-elements extend the menu's hoverable area
  * above and below it, so the trigger→menu path is one continuous hover surface.
  * Only present on hover dropdowns, so click dropdowns are unaffected.
@@ -5358,7 +5368,7 @@ code {
     left: 0;
     right: 0;
     height: 0.75rem;
-    /* transparent — a hover surface only, never painted */
+    /* transparent - a hover surface only, never painted */
 }
 
 .domma-dropdown-menu-hover::before {
@@ -7569,7 +7579,7 @@ code {
 }
 
 /* ============================================================
- * Chooser — visual option-picker (card/chip × single/multi)
+ * Chooser - visual option-picker (card/chip × single/multi)
  * ============================================================ */
 .domma-chooser {
     --picker-radius: var(--dm-radius);
@@ -7789,7 +7799,7 @@ code {
 }
 
 /* ============================================================
- * Chooser — accent colour, accent style, glow, shadow extensions
+ * Chooser - accent colour, accent style, glow, shadow extensions
  * ============================================================ */
 
 /* Default the accent variables on every chooser */
@@ -7820,7 +7830,7 @@ code {
                 0 0 18px color-mix(in srgb, var(--picker-glow-colour) 60%, transparent);
 }
 
-/* Shadow weights — applied to all options */
+/* Shadow weights - applied to all options */
 .domma-chooser[data-shadow="sm"] .picker-option {
     box-shadow: 0 1px 2px var(--picker-shadow-colour, rgba(0, 0, 0, 0.08));
 }
@@ -7908,7 +7918,7 @@ code {
 }
 
 /* ============================================================
- * Page-roller chooser slideover — structured editor styling
+ * Page-roller chooser slideover - structured editor styling
  * ============================================================ */
 .qr-chooser-slideover-body {
     padding: 1.25rem;

package/public/dist/grid.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Grid CSS v0.39.2
+ * Domma Grid CSS v0.41.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.637Z
- * Commit: c7a693e
+ * Built: 2026-08-22T13:41:49.299Z
+ * Commit: 5d8b7e1
  */
 
 /**
@@ -337,7 +337,7 @@
     gap: var(--dm-space-6, 2rem);
 }
 
-/* Bootstrap 5-style g-* aliases (row gutters — both axes) */
+/* Bootstrap 5-style g-* aliases (row gutters - both axes) */
 .row.g-0 { gap: 0; }
 .row.g-1 { gap: var(--dm-space-1, 0.25rem); }
 .row.g-2 { gap: var(--dm-space-2, 0.5rem); }

package/public/dist/syntax.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Syntax Highlighting CSS v0.39.2
+ * Domma Syntax Highlighting CSS v0.41.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.645Z
- * Commit: c7a693e
+ * Built: 2026-08-22T13:41:49.308Z
+ * Commit: 5d8b7e1
  */
 
 /**

package/public/dist/themes/domma-themes.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.39.2
+ * Domma Themes v0.41.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.620Z
- * Commit: c7a693e
+ * Built: 2026-08-22T13:41:49.280Z
+ * Commit: 5d8b7e1
  */
 
 /**
@@ -3223,7 +3223,7 @@
     --dm-info-hover-text: #1a1a1a;
 }
 /**
- * Domma Christmas Light Theme — "Frosty Morning"
+ * Domma Christmas Light Theme - "Frosty Morning"
  * Ice-blue tinted backgrounds evoking frost on windows, deep pine-green text
  * Classic Christmas Red primary, rich Holly Green secondary
  */
@@ -3467,10 +3467,10 @@
 }
 
 /* ============================================================
-   DECORATIVE CSS — "Frosty Morning" festive embellishments
+   DECORATIVE CSS - "Frosty Morning" festive embellishments
    ============================================================ */
 
-/* Snow-dust background — subtle radial dots on the page root */
+/* Snow-dust background - subtle radial dots on the page root */
 .dm-theme-christmas-light {
     background-image:
         radial-gradient(circle, rgba(168, 213, 229, 0.35) 1px, transparent 1px),
@@ -3486,7 +3486,7 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
+/* Candy-stripe progress bars (default + plain variant only - variants keep their semantic colour) */
 .dm-theme-christmas-light .dm-progression-progress-bar,
 .dm-theme-christmas-light .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
@@ -3500,7 +3500,7 @@
     color: #ffffff;
 }
 
-/* Festive syntax highlighting — green keywords, red strings, gold functions */
+/* Festive syntax highlighting - green keywords, red strings, gold functions */
 .dm-theme-christmas-light .code-block .syntax-keyword {
     color: #2D6B3F;
     font-weight: 600;
@@ -3516,7 +3516,7 @@
 }
 
 /**
- * Domma Christmas Dark Theme — "Christmas Eve"
+ * Domma Christmas Dark Theme - "Christmas Eve"
  * Deep forest green backgrounds, pure moonlit-white text, green/red undertones in interaction
  * Bright Holly Green primary, Christmas Red secondary; firelight-ember shadows
  */
@@ -3535,7 +3535,7 @@
     --dm-surface-raised: #243A2C;
     --dm-surface-overlay: #243A2C;
 
-    /* Text - Pure snow white; no green tint — moonlight on fresh snow */
+    /* Text - Pure snow white; no green tint - moonlight on fresh snow */
     --dm-text: #FFFFFF;
     --dm-text-secondary: #D0D0D0;
     --dm-text-muted: #a8a8a8;
@@ -3760,10 +3760,10 @@
 }
 
 /* ============================================================
-   DECORATIVE CSS — "Christmas Eve" festive embellishments
+   DECORATIVE CSS - "Christmas Eve" festive embellishments
    ============================================================ */
 
-/* Snow-dust background — three festive dot layers: white snow, green pine, red Christmas lights */
+/* Snow-dust background - three festive dot layers: white snow, green pine, red Christmas lights */
 .dm-theme-christmas-dark {
     background-image:
         radial-gradient(circle, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
@@ -3780,7 +3780,7 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
+/* Candy-stripe progress bars (default + plain variant only - variants keep their semantic colour) */
 .dm-theme-christmas-dark .dm-progression-progress-bar,
 .dm-theme-christmas-dark .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
@@ -3794,7 +3794,7 @@
     color: #1a1a1a;
 }
 
-/* Festive syntax highlighting — brighter versions for dark backgrounds */
+/* Festive syntax highlighting - brighter versions for dark backgrounds */
 .dm-theme-christmas-dark .code-block .syntax-keyword {
     color: #5CB875;
     font-weight: 600;
@@ -4725,7 +4725,7 @@
 
 /**
  * Domma Grayve Light Theme
- * Slate/cyan monochrome palette — complementary light variant
+ * Slate/cyan monochrome palette - complementary light variant
  * Light mode variant
  */
 
@@ -4959,7 +4959,7 @@
 
 /* Syntax highlighting tokens for grayve-light */
 .dm-theme-grayve-light .code-block .syntax-keyword {
-    color: #5a2dcc; /* Deep Purple — darkened for ≥4.5:1 on #f5f5f5 */
+    color: #5a2dcc; /* Deep Purple - darkened for ≥4.5:1 on #f5f5f5 */
     font-weight: 500;
 }
 
@@ -4969,12 +4969,12 @@
 }
 
 .dm-theme-grayve-light .code-block .syntax-function {
-    color: #006873; /* Cyan — darkened for ≥4.5:1 on #f5f5f5 */
+    color: #006873; /* Cyan - darkened for ≥4.5:1 on #f5f5f5 */
 }
 
 /**
  * Domma Grayve Dark Theme
- * Slate/cyan monochrome palette — adapted from Bootswatch Slate
+ * Slate/cyan monochrome palette - adapted from Bootswatch Slate
  * Dark mode variant
  */
 
@@ -5684,7 +5684,7 @@
 
 /**
  * Domma Wedding Light Theme
- * Classic antique gold palette — warm, muted, timeless
+ * Classic antique gold palette - warm, muted, timeless
  * Day variant - cream/ivory backgrounds with antique gold highlights
  */
 
@@ -5915,7 +5915,7 @@
 
 /**
  * Domma Wedding Dark Theme
- * Classic antique gold palette — warm, muted, timeless
+ * Classic antique gold palette - warm, muted, timeless
  * Evening variant - deep midnight navy with antique gold highlights
  */
 
@@ -6145,7 +6145,7 @@
 
 /**
  * Domma Admin Smooth · Steel Blue
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-steel {
@@ -6283,7 +6283,7 @@
 
 /**
  * Domma Admin Smooth · Indigo
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-indigo {
@@ -6421,7 +6421,7 @@
 
 /**
  * Domma Admin Smooth · Teal
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-teal {
@@ -6559,7 +6559,7 @@
 
 /**
  * Domma Admin Sharp · Steel Blue
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-steel {
@@ -6697,7 +6697,7 @@
 
 /**
  * Domma Admin Sharp · Indigo
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-indigo {
@@ -6835,7 +6835,7 @@
 
 /**
  * Domma Admin Sharp · Teal
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-teal {

package/templates/kickstart-spa/.claude/memory/MEMORY.md

@@ -21,11 +21,11 @@ Quick reference for Domma conventions - enforces best practices across sessions.
 8. **Confirm**: `await E.confirm('Sure?')` - NOT `window.confirm()`
 9. **Icons**: `<span data-icon="name">` + `I.scan()` - NOT manual SVG
 10. **Tables**: `T.create(selector, {data})` - NOT manual `<table>` HTML
-11. **Modals**: `E.modal(selector, options)` — NOT custom modal code
-12. **Templates**: `templateUrl: 'path.html'` — NOT large inline strings
-13. **Tabs**: `E.tabs()`, `E.accordion()` — NOT custom switching code
-14. **Init**: Call `I.scan()` after DOM ready — Domma starts itself when the bundle loads; there is no `Domma.init()`
-15. **Events**: `.on()`, `.off()`, `.one()` — NOT `.addEventListener()`
+11. **Modals**: `E.modal(selector, options)` - NOT custom modal code
+12. **Templates**: `templateUrl: 'path.html'` - NOT large inline strings
+13. **Tabs**: `E.tabs()`, `E.accordion()` - NOT custom switching code
+14. **Init**: Call `I.scan()` after DOM ready - Domma starts itself when the bundle loads; there is no `Domma.init()`
+15. **Events**: `.on()`, `.off()`, `.one()` - NOT `.addEventListener()`
 
 ## Aliases Quick Reference
 

package/templates/kickstart-spa/CLAUDE.md

@@ -77,7 +77,7 @@ Always load CSS in this order:
 <script src="dist/domma.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script> <!-- For dynamic content -->
 <script>
-    // Domma starts itself the moment the bundle loads — it registers its web
+    // Domma starts itself the moment the bundle loads - it registers its web
     // components, manages the anti-FOUC cloak and defines the aliases. The only
     // startup call a page needs is the icon scan, and it must run BEFORE the app
     // scripts so `data-icon` elements in the initial markup are resolved.