domma-js 0.44.7 → 0.44.9

package/public/dist/elements.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Elements CSS v0.44.7
+ * Domma Elements CSS v0.44.9
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.253Z
- * Commit: 91af217
+ * Built: 2026-09-27T10:33:52.005Z
+ * Commit: 176a7e3
  */
 
 /**
@@ -3839,8 +3839,9 @@ code {
     position: relative;
     width: 100%;
     max-width: 250px;
-    background: var(--dm-surface, #fff);
-    border-right: 1px solid var(--dm-border, #dee2e6);
+    background: var(--dm-sidebar-bg, var(--dm-surface, #fff));
+    color: var(--dm-sidebar-text, var(--dm-text, #212529));
+    border-right: 1px solid var(--dm-sidebar-border, var(--dm-border, #dee2e6));
     overflow-y: auto;
     overflow-x: hidden;
     transition: transform 0.3s ease, width 0.3s ease;
@@ -3865,7 +3866,7 @@ code {
     right: 0;
     transform: translateX(100%); /* Hidden off-screen right */
     border-right: none;
-    border-left: 1px solid var(--dm-border, #dee2e6);
+    border-left: 1px solid var(--dm-sidebar-border, var(--dm-border, #dee2e6));
 }
 
 /* Mobile: slide in when open */
@@ -3883,7 +3884,7 @@ code {
     right: 0;
     left: auto;
     border-right: none;
-    border-left: 1px solid var(--dm-border, #dee2e6);
+    border-left: 1px solid var(--dm-sidebar-border, var(--dm-border, #dee2e6));
 }
 
 /* Header */
@@ -3892,8 +3893,8 @@ code {
     align-items: center;
     gap: var(--dm-space-3, 0.75rem);
     padding: var(--dm-space-4, 1rem) var(--dm-space-3, 0.75rem);
-    border-bottom: 1px solid var(--dm-border, #dee2e6);
-    background: var(--dm-surface-raised, #f8f9fa);
+    border-bottom: 1px solid var(--dm-sidebar-border, var(--dm-border, #dee2e6));
+    background: var(--dm-sidebar-header-bg, var(--dm-surface-raised, #f8f9fa));
 }
 
 .sidebar-header-icon {
@@ -3908,7 +3909,7 @@ code {
     margin: 0;
     font-size: var(--dm-font-size-lg, 1.125rem);
     font-weight: 600;
-    color: var(--dm-text, #212529);
+    color: var(--dm-sidebar-text, var(--dm-text, #212529));
 }
 
 /* Toggle button - Visible on mobile by default */
@@ -3922,15 +3923,15 @@ code {
     padding: 0;
     border: none;
     background: transparent;
-    color: var(--dm-text-muted, #6c757d);
+    color: var(--dm-sidebar-text-muted, var(--dm-text-muted, #6c757d));
     border-radius: var(--dm-radius-md, 0.375rem);
     cursor: pointer;
     transition: all 0.2s ease;
 }
 
 .sidebar-toggle-btn:hover {
-    background: var(--dm-hover-bg, var(--dm-gray-200, #e9ecef));
-    color: var(--dm-text, #212529);
+    background: var(--dm-sidebar-item-hover, var(--dm-hover-bg, var(--dm-gray-200, #e9ecef)));
+    color: var(--dm-sidebar-text, var(--dm-text, #212529));
 }
 
 /* Navigation */
@@ -3954,7 +3955,7 @@ code {
     align-items: center;
     gap: var(--dm-space-3, 0.75rem);
     padding: var(--dm-space-2, 0.5rem) var(--dm-space-4, 1rem);
-    color: var(--dm-text-muted, #6c757d);
+    color: var(--dm-sidebar-text-muted, var(--dm-text-muted, #6c757d));
     text-decoration: none;
     font-size: var(--dm-font-size-sm, 0.875rem);
     transition: all 0.2s ease;
@@ -3967,14 +3968,14 @@ code {
 }
 
 .sidebar-link:hover {
-    color: var(--dm-text, #212529);
-    background: var(--dm-hover-bg, var(--dm-gray-100, #f8f9fa));
+    color: var(--dm-sidebar-text, var(--dm-text, #212529));
+    background: var(--dm-sidebar-item-hover, var(--dm-hover-bg, var(--dm-gray-100, #f8f9fa)));
     text-decoration: none;
 }
 
 .sidebar-link.active {
-    color: var(--dm-text);
-    background: var(--dm-primary-bg, rgba(0, 123, 255, 0.1));
+    color: var(--dm-sidebar-text, var(--dm-text, #212529));
+    background: var(--dm-sidebar-item-active, var(--dm-primary-bg, rgba(0, 123, 255, 0.1)));
     font-weight: 500;
     border-left-color: var(--dm-primary, #007bff);
 }
@@ -4065,7 +4066,7 @@ code {
 .sidebar-divider {
     height: 1px;
     margin: var(--dm-space-2, 0.5rem) var(--dm-space-4, 1rem);
-    background: var(--dm-border, #dee2e6);
+    background: var(--dm-sidebar-border, var(--dm-border, #dee2e6));
     list-style: none;
 }
 
@@ -4076,21 +4077,21 @@ code {
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
-    color: var(--dm-gray-500, #6c757d);
+    color: var(--dm-sidebar-text-muted, var(--dm-text-muted, #6c757d));
     list-style: none;
 }
 
 /* Footer */
 .sidebar-footer {
     padding: var(--dm-space-3, 0.75rem) var(--dm-space-4, 1rem);
-    border-top: 1px solid var(--dm-border, #dee2e6);
-    background: var(--dm-surface-raised, #f8f9fa);
+    border-top: 1px solid var(--dm-sidebar-border, var(--dm-border, #dee2e6));
+    background: var(--dm-sidebar-header-bg, var(--dm-surface-raised, #f8f9fa));
 }
 
 .sidebar-footer-text {
     margin: 0;
     font-size: var(--dm-font-size-xs, 0.75rem);
-    color: var(--dm-text-muted, #6c757d);
+    color: var(--dm-sidebar-text-muted, var(--dm-text-muted, #6c757d));
 }
 
 /* Overlay - Visible on mobile */
@@ -4163,7 +4164,10 @@ code {
     color: var(--dm-gray-500, #6c757d);
 }
 
-/* Light variant (default, explicit) */
+/* Theme variant: no rules of its own, so the base rules above follow the
+   active theme's --dm-sidebar-* tokens, light or dark */
+
+/* Light variant (explicit) */
 .sidebar-light {
     background: var(--dm-white, #fff);
     border-color: var(--dm-border, #dee2e6);

package/public/dist/grid.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Grid CSS v0.44.7
+ * Domma Grid CSS v0.44.9
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.248Z
- * Commit: 91af217
+ * Built: 2026-09-27T10:33:52.000Z
+ * Commit: 176a7e3
  */
 
 /**

package/public/dist/syntax.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Syntax Highlighting CSS v0.44.7
+ * Domma Syntax Highlighting CSS v0.44.9
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.258Z
- * Commit: 91af217
+ * Built: 2026-09-27T10:33:52.009Z
+ * Commit: 176a7e3
  */
 
 /**

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

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.44.7
+ * Domma Themes v0.44.9
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.230Z
- * Commit: 91af217
+ * Built: 2026-09-27T10:33:51.981Z
+ * Commit: 176a7e3
  */
 
 /**
@@ -1453,6 +1453,7 @@
        ================================================ */
     --dm-hover-bg: rgba(255, 255, 255, 0.07);
     --dm-active-bg: rgba(255, 255, 255, 0.1);
+    --dm-selected-bg: rgba(198, 123, 92, 0.2);
     --dm-disabled-opacity: 0.4;
 
     /* ================================================
@@ -5136,7 +5137,7 @@
     --dm-sidebar-text: var(--dm-text);
     --dm-sidebar-border: var(--dm-border);
     --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
+    --dm-sidebar-item-active: rgba(0, 131, 143, 0.35);
 
     /* Tabs */
     --dm-tab-border: var(--dm-border);
@@ -6622,6 +6623,8 @@
     --dm-sidebar-bg: #292e36;
     --dm-sidebar-text: #d2d8e0;
     --dm-sidebar-border: #232830;
+    --dm-sidebar-text-muted: #aab3bf;
+    --dm-sidebar-header-bg: #232830;
     --dm-navbar-bg: #2f343c;
     --dm-navbar-text: #f7f9fb;
     --dm-navbar-border: #373d45;
@@ -6655,6 +6658,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(59, 118, 188, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(59, 118, 188, 0.28);
     --dm-tab-active-border: #3b76bc;
     --dm-tab-active-text: #7fb0e0;
     --dm-progress-bar: #3b76bc;
@@ -6720,8 +6725,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -6760,6 +6763,8 @@
     --dm-sidebar-bg: #292e36;
     --dm-sidebar-text: #d2d8e0;
     --dm-sidebar-border: #232830;
+    --dm-sidebar-text-muted: #aab3bf;
+    --dm-sidebar-header-bg: #232830;
     --dm-navbar-bg: #2f343c;
     --dm-navbar-text: #f7f9fb;
     --dm-navbar-border: #373d45;
@@ -6793,6 +6798,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(91, 99, 168, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(91, 99, 168, 0.28);
     --dm-tab-active-border: #5b63a8;
     --dm-tab-active-text: #9aa0d4;
     --dm-progress-bar: #5b63a8;
@@ -6858,8 +6865,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -6898,6 +6903,8 @@
     --dm-sidebar-bg: #292e36;
     --dm-sidebar-text: #d2d8e0;
     --dm-sidebar-border: #232830;
+    --dm-sidebar-text-muted: #aab3bf;
+    --dm-sidebar-header-bg: #232830;
     --dm-navbar-bg: #2f343c;
     --dm-navbar-text: #f7f9fb;
     --dm-navbar-border: #373d45;
@@ -6931,6 +6938,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(42, 129, 120, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(42, 129, 120, 0.28);
     --dm-tab-active-border: #2a8178;
     --dm-tab-active-text: #66c2b8;
     --dm-progress-bar: #2a8178;
@@ -6996,8 +7005,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7036,6 +7043,8 @@
     --dm-sidebar-bg: #283242;
     --dm-sidebar-text: #c4cdda;
     --dm-sidebar-border: #1f2733;
+    --dm-sidebar-text-muted: #9aa6b8;
+    --dm-sidebar-header-bg: #1f2733;
     --dm-navbar-bg: #fbfcfe;
     --dm-navbar-text: #1f2733;
     --dm-navbar-border: #dde2ea;
@@ -7069,6 +7078,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(59, 118, 188, 0.12);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(59, 118, 188, 0.28);
     --dm-tab-active-border: #3b76bc;
     --dm-tab-active-text: #3b76bc;
     --dm-progress-bar: #3b76bc;
@@ -7134,8 +7145,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7174,6 +7183,8 @@
     --dm-sidebar-bg: #283242;
     --dm-sidebar-text: #c4cdda;
     --dm-sidebar-border: #1f2733;
+    --dm-sidebar-text-muted: #9aa6b8;
+    --dm-sidebar-header-bg: #1f2733;
     --dm-navbar-bg: #fbfcfe;
     --dm-navbar-text: #1f2733;
     --dm-navbar-border: #dde2ea;
@@ -7207,6 +7218,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(91, 99, 168, 0.12);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(91, 99, 168, 0.28);
     --dm-tab-active-border: #5b63a8;
     --dm-tab-active-text: #5b63a8;
     --dm-progress-bar: #5b63a8;
@@ -7272,8 +7285,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7312,6 +7323,8 @@
     --dm-sidebar-bg: #283242;
     --dm-sidebar-text: #c4cdda;
     --dm-sidebar-border: #1f2733;
+    --dm-sidebar-text-muted: #9aa6b8;
+    --dm-sidebar-header-bg: #1f2733;
     --dm-navbar-bg: #fbfcfe;
     --dm-navbar-text: #1f2733;
     --dm-navbar-border: #dde2ea;
@@ -7345,6 +7358,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(42, 129, 120, 0.12);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(42, 129, 120, 0.28);
     --dm-tab-active-border: #2a8178;
     --dm-tab-active-text: #2a8178;
     --dm-progress-bar: #2a8178;
@@ -7410,8 +7425,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7450,6 +7463,8 @@
     --dm-sidebar-bg: #1a202a;
     --dm-sidebar-text: #dbe2eb;
     --dm-sidebar-border: #151922;
+    --dm-sidebar-text-muted: #a8b8cc;
+    --dm-sidebar-header-bg: #151922;
     --dm-navbar-bg: #1e242f;
     --dm-navbar-text: #ffffff;
     --dm-navbar-border: #2d3746;
@@ -7483,6 +7498,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(59, 118, 188, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(59, 118, 188, 0.28);
     --dm-tab-active-border: #3b76bc;
     --dm-tab-active-text: #7fb0e0;
     --dm-progress-bar: #3b76bc;
@@ -7548,8 +7565,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7588,6 +7603,8 @@
     --dm-sidebar-bg: #1a202a;
     --dm-sidebar-text: #dbe2eb;
     --dm-sidebar-border: #151922;
+    --dm-sidebar-text-muted: #a8b8cc;
+    --dm-sidebar-header-bg: #151922;
     --dm-navbar-bg: #1e242f;
     --dm-navbar-text: #ffffff;
     --dm-navbar-border: #2d3746;
@@ -7621,6 +7638,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(91, 99, 168, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(91, 99, 168, 0.28);
     --dm-tab-active-border: #5b63a8;
     --dm-tab-active-text: #9aa0d4;
     --dm-progress-bar: #5b63a8;
@@ -7686,8 +7705,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);
@@ -7726,6 +7743,8 @@
     --dm-sidebar-bg: #1a202a;
     --dm-sidebar-text: #dbe2eb;
     --dm-sidebar-border: #151922;
+    --dm-sidebar-text-muted: #a8b8cc;
+    --dm-sidebar-header-bg: #151922;
     --dm-navbar-bg: #1e242f;
     --dm-navbar-text: #ffffff;
     --dm-navbar-border: #2d3746;
@@ -7759,6 +7778,8 @@
     --dm-secondary-text: #ffffff;
     --dm-secondary-hover-text: #ffffff;
     --dm-selected-bg: rgba(42, 129, 120, 0.22);
+    --dm-sidebar-item-hover: rgba(255, 255, 255, 0.07);
+    --dm-sidebar-item-active: rgba(42, 129, 120, 0.28);
     --dm-tab-active-border: #2a8178;
     --dm-tab-active-text: #66c2b8;
     --dm-progress-bar: #2a8178;
@@ -7824,8 +7845,6 @@
     --dm-toast-bg: var(--dm-surface);
     --dm-toast-border: var(--dm-border);
     --dm-toast-shadow: var(--dm-shadow-lg);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
     --dm-tab-border: var(--dm-border);
     --dm-tab-hover-bg: var(--dm-hover-bg);
     --dm-accordion-bg: var(--dm-surface);