@ctrliq/quantic-components 1.61.2 → 1.61.4

package/dist/quantic-components.js

@@ -55963,16 +55963,14 @@
     }
 
     .backdrop--subtle {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.5
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.7
       );
     }
 
     .backdrop--opaque {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.95
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.8
       );
       backdrop-filter: blur(4px);
     }
@@ -55983,10 +55981,20 @@
     }
   `;
     __decorate([
-        prop({ type: 'boolean', default: 'false', reflect: true, description: 'Whether the backdrop is visible.' })
+        prop({
+            type: 'boolean',
+            default: 'false',
+            reflect: true,
+            description: 'Whether the backdrop is visible.',
+        })
     ], exports.DialogBackdropElement.prototype, "visible", void 0);
     __decorate([
-        prop({ type: 'DialogBackdrop', options: Object.values(DialogBackdrop), default: DialogBackdrop.Opaque, description: 'Visual style of the backdrop overlay.' })
+        prop({
+            type: 'DialogBackdrop',
+            options: Object.values(DialogBackdrop),
+            default: DialogBackdrop.Opaque,
+            description: 'Visual style of the backdrop overlay.',
+        })
     ], exports.DialogBackdropElement.prototype, "variant", void 0);
     exports.DialogBackdropElement = __decorate([
         quanticElement('quantic-dialog-backdrop')
@@ -57694,6 +57702,9 @@
       return trap;
     };
 
+    exports.DialogBackdropElement.ensureDefined();
+    exports.Button.ensureDefined();
+    exports.LucideIconX.ensureDefined();
     exports.Dialog = class Dialog extends AutoHideEmptySlotsMixin(QuanticElement) {
         constructor() {
             super(...arguments);
@@ -64469,6 +64480,21 @@
       box-sizing: border-box;
       overflow-x: hidden;
       overflow-y: auto;
+      scrollbar-width: thin;
+      scrollbar-color: var(--quantic-border-secondary) transparent;
+    }
+
+    .main::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    .main::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    .main::-webkit-scrollbar-thumb {
+      background: var(--quantic-border-secondary);
+      border-radius: var(--quantic-radius-full);
     }
 
     .main:not(.is-aside-expanded) .main {