@matter-server/dashboard 0.2.6 → 0.2.7-alpha.0-20260118-45c7af0

package/dist/web/js/{node-binding-dialog-D4rr_G9I.js → node-binding-dialog-BifZsigR.js}

@@ -1,7 +1,8 @@
-import { a as i, c, n, d as clientContext, e, i as i$1, A, b, t } from './matter-dashboard-app-CU3-L2nl.js';
-import { p as preventDefault } from './prevent_default-Dw7ifAL-.js';
-import './outlined-text-field-CtlEkpbk.js';
+import { j as i, p as c, n, q as clientContext, a as e, i as i$1, A, h as b, t } from './matter-dashboard-app-DlHSE_Qh.js';
+import { p as preventDefault } from './prevent_default-CuW2EnKR.js';
+import './outlined-text-field-D2BOt1yD.js';
 import './main.js';
+import './validator-MOJiFndw.js';
 
 var _staticBlock$1;
 /**
@@ -322,7 +323,7 @@ let NodeBindingDialog = class extends i$1 {
                     <div>
                         <md-list style="padding-bottom:18px;">
                             ${Object.values(bindings).map((entry, index) => b`
-                  <md-list-item style="background:cornsilk;">
+                  <md-list-item class="binding-item">
                     <div style="display:flex;gap:10px;">
                         <div>node:${entry["node"]}</div>
                         <div>endpoint:${entry["endpoint"]}</div>
@@ -391,9 +392,13 @@ let NodeBindingDialog = class extends i$1 {
   }
 };
 NodeBindingDialog.styles = i`
+        .binding-item {
+            background: var(--md-sys-color-surface-container-high);
+        }
+
         .inline-group {
             display: flex;
-            border: 2px solid #673ab7;
+            border: 2px solid var(--md-sys-color-primary);
             padding: 1px;
             border-radius: 8px;
             position: relative;
@@ -419,8 +424,8 @@ NodeBindingDialog.styles = i`
             position: absolute;
             left: 15px;
             top: -12px;
-            background: #673ab7;
-            color: white;
+            background: var(--md-sys-color-primary);
+            color: var(--md-sys-color-on-primary);
             padding: 3px 15px;
             border-radius: 4px;
         }