Fix Sonner stacking and expand Position example

Author: makraz

src/Toolkit/kits/shadcn/sonner/assets/controllers/sonner_controller.js

@@ -110,7 +110,7 @@ export default class extends Controller {
     // ─── Private ─────────────────────────────────────────────────────────────
 
     get #isTopPosition() {
-        return this.#isTopPosition;
+        return this.positionValue.startsWith('top');
     }
 
     #applyTheme() {

src/Toolkit/kits/shadcn/sonner/examples/Position.html.twig

@@ -1,8 +1,50 @@
-<twig:Sonner position="top-left">
-    <twig:Button variant="outline"
-        data-action="click->sonner#fire"
-        data-sonner-title-param="Top-left notification"
-    >
-        Top Left
-    </twig:Button>
-</twig:Sonner>
+<div class="flex flex-wrap justify-center gap-2">
+    <twig:Sonner position="top-left">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Top-left notification"
+        >
+            Top Left
+        </twig:Button>
+    </twig:Sonner>
+    <twig:Sonner position="top-center">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Top-center notification"
+        >
+            Top Center
+        </twig:Button>
+    </twig:Sonner>
+    <twig:Sonner position="top-right">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Top-right notification"
+        >
+            Top Right
+        </twig:Button>
+    </twig:Sonner>
+    <twig:Sonner position="bottom-left">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Bottom-left notification"
+        >
+            Bottom Left
+        </twig:Button>
+    </twig:Sonner>
+    <twig:Sonner position="bottom-center">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Bottom-center notification"
+        >
+            Bottom Center
+        </twig:Button>
+    </twig:Sonner>
+    <twig:Sonner position="bottom-right">
+        <twig:Button variant="outline"
+            data-action="click->sonner#fire"
+            data-sonner-title-param="Bottom-right notification"
+        >
+            Bottom Right
+        </twig:Button>
+    </twig:Sonner>
+</div>