domma-js 0.44.7 → 0.44.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.44.7",
+    "version": "0.44.8",
     "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
     "main": "public/dist/domma.min.js",
     "module": "public/dist/domma.esm.js",

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.44.7
+ * Domma Complete CSS Bundle v0.44.8
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.428Z
+ * Built: 2026-09-27T09:46:01.384Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.44.7
+ * Domma Core CSS v0.44.8
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.244Z
- * Commit: 91af217
+ * Built: 2026-09-27T09:46:01.177Z
+ * Commit: a938918
  */
 
 /**
@@ -4835,11 +4835,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.44.7
+ * Domma Grid CSS v0.44.8
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.248Z
- * Commit: 91af217
+ * Built: 2026-09-27T09:46:01.182Z
+ * Commit: a938918
  */
 
 /**
@@ -5460,11 +5460,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.44.7
+ * Domma Elements CSS v0.44.8
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.253Z
- * Commit: 91af217
+ * Built: 2026-09-27T09:46:01.188Z
+ * Commit: a938918
  */
 
 /**
@@ -9300,8 +9300,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;
@@ -9326,7 +9327,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 */
@@ -9344,7 +9345,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 */
@@ -9353,8 +9354,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 {
@@ -9369,7 +9370,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 */
@@ -9383,15 +9384,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 */
@@ -9415,7 +9416,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;
@@ -9428,14 +9429,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);
 }
@@ -9526,7 +9527,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;
 }
 
@@ -9537,21 +9538,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 */
@@ -9624,7 +9625,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);
@@ -14014,11 +14018,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.44.7
+ * Domma Themes v0.44.8
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T08:44:40.230Z
- * Commit: 91af217
+ * Built: 2026-09-27T09:46:01.161Z
+ * Commit: a938918
  */
 
 /**
@@ -15468,6 +15472,7 @@ code {
        ================================================ */
     --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;
 
     /* ================================================
@@ -19151,7 +19156,7 @@ code {
     --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);
@@ -20637,6 +20642,8 @@ code {
     --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;
@@ -20670,6 +20677,8 @@ code {
     --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;
@@ -20735,8 +20744,6 @@ code {
     --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);
@@ -20775,6 +20782,8 @@ code {
     --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;
@@ -20808,6 +20817,8 @@ code {
     --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;
@@ -20873,8 +20884,6 @@ code {
     --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);
@@ -20913,6 +20922,8 @@ code {
     --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;
@@ -20946,6 +20957,8 @@ code {
     --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;
@@ -21011,8 +21024,6 @@ code {
     --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);
@@ -21051,6 +21062,8 @@ code {
     --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;
@@ -21084,6 +21097,8 @@ code {
     --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;
@@ -21149,8 +21164,6 @@ code {
     --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);
@@ -21189,6 +21202,8 @@ code {
     --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;
@@ -21222,6 +21237,8 @@ code {
     --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;
@@ -21287,8 +21304,6 @@ code {
     --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);
@@ -21327,6 +21342,8 @@ code {
     --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;
@@ -21360,6 +21377,8 @@ code {
     --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;
@@ -21425,8 +21444,6 @@ code {
     --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);
@@ -21465,6 +21482,8 @@ code {
     --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;
@@ -21498,6 +21517,8 @@ code {
     --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;
@@ -21563,8 +21584,6 @@ code {
     --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);
@@ -21603,6 +21622,8 @@ code {
     --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;
@@ -21636,6 +21657,8 @@ code {
     --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;
@@ -21701,8 +21724,6 @@ code {
     --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);
@@ -21741,6 +21762,8 @@ code {
     --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;
@@ -21774,6 +21797,8 @@ code {
     --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;
@@ -21839,8 +21864,6 @@ code {
     --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);