feat: bar shadow

config/BarConfig.qml

@@ -16,6 +16,7 @@ Singleton {
     readonly property Presets presets: Presets {}
 
     component Sizes: QtObject {
+        property int exclusiveZone: totalHeight
         property int totalHeight: height
         property int height: 40
         property int innerHeight: 30
@@ -51,7 +52,8 @@ Singleton {
         readonly property Preset pills: Preset {
             name: "pills"
             sizes: Sizes {
-                totalHeight: height + floatingGap
+                totalHeight: height + floatingGap * 2
+                exclusiveZone: totalHeight - floatingGap
             }
         }
         readonly property Preset panel: Preset {

modules/background/Background.qml

@@ -1,9 +1,6 @@
 import "root:/widgets"
-import "root:/config"
 import Quickshell
 import Quickshell.Wayland
-import QtQuick
-import QtQuick.Effects
 
 Variants {
     model: Quickshell.screens

modules/bar/Bar.qml

@@ -14,6 +14,7 @@ Variants {
         screen: modelData
         name: "bar"
 
+        exclusiveZone: BarConfig.sizes.exclusiveZone
         width: BarConfig.vertical ? BarConfig.sizes.totalHeight : -1
         height: BarConfig.vertical ? -1 : BarConfig.sizes.totalHeight
 
@@ -43,6 +44,11 @@ Variants {
             }
         }
 
+        Item {
+            id: content
+
+            anchors.fill: parent
+
             Preset {
                 presetName: "pills"
                 sourceComponent: Pills {
@@ -58,6 +64,11 @@ Variants {
             }
         }
 
+        LayerShadow {
+            source: content
+        }
+    }
+
     component Preset: Loader {
         id: loader