From da2ac38e3f6850af442ba12648be64d9470a5686 Mon Sep 17 00:00:00 2001
From: Samuel <ratto_trash@hotmail.it>
Date: Fri, 4 Oct 2024 18:44:45 +0000
Subject: [PATCH 1/4] Replace @click.away with @click.outside due to
 deprecation

---
 elements/combobox.html                          | 2 +-
 elements/context-menu-examples/example-01.html  | 2 +-
 elements/context-menu-examples/example-02.html  | 2 +-
 elements/context-menu.html                      | 2 +-
 elements/date-picker-examples/example-01.html   | 2 +-
 elements/date-picker.html                       | 2 +-
 elements/dropdown-menu-examples/example-01.html | 2 +-
 elements/dropdown-menu.html                     | 2 +-
 elements/menubar.html                           | 2 +-
 elements/popover.html                           | 2 +-
 elements/select.html                            | 2 +-
 elements/slide-over-examples/example-01.html    | 2 +-
 elements/slide-over.html                        | 2 +-
 13 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/elements/combobox.html b/elements/combobox.html
index ec5e502..26a3805 100644
--- a/elements/combobox.html
+++ b/elements/combobox.html
@@ -69,7 +69,7 @@
 </button>
 
 <ul x-show="selectableItemsOpen"
-    @click.away="selectableItemsOpen = false"
+    @click.outside="selectableItemsOpen = false"
     x-transition:enter="transition ease-out duration-50"
     x-transition:enter-start="opacity-0 -translate-y-1"
     x-transition:enter-end="opacity-100"
diff --git a/elements/context-menu-examples/example-01.html b/elements/context-menu-examples/example-01.html
index 8626385..675a713 100644
--- a/elements/context-menu-examples/example-01.html
+++ b/elements/context-menu-examples/example-01.html
@@ -55,7 +55,7 @@
     <span class="cursor-default text-neutral-400">Right click here</span>
 
     <template x-teleport="body">
-        <div x-show="contextMenuOpen" @click.away="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
+        <div x-show="contextMenuOpen" @click.outsideideideideide="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
             <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-blue-600 hover:text-white outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
                 <svg class="absolute w-4 h-4 -mt-px left-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /></svg>
                 <span>New Folder</span>
diff --git a/elements/context-menu-examples/example-02.html b/elements/context-menu-examples/example-02.html
index 96c3876..caf32ce 100644
--- a/elements/context-menu-examples/example-02.html
+++ b/elements/context-menu-examples/example-02.html
@@ -55,7 +55,7 @@
 <span class="cursor-default text-neutral-400">Right click here</span>
 
 <template x-teleport="body">
-    <div x-show="contextMenuOpen" @click.away="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
+    <div x-show="contextMenuOpen" @click.outside="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
         <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-neutral-100 outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
             <span>New Folder</span>
             <span class="ml-auto text-xs tracking-widest text-neutral-400 group-hover:text-neutral-600">⌘N</span>
diff --git a/elements/context-menu.html b/elements/context-menu.html
index 6f0e267..bdf694d 100644
--- a/elements/context-menu.html
+++ b/elements/context-menu.html
@@ -55,7 +55,7 @@
     <span class="cursor-default text-neutral-400">Right click here</span>
 
     <template x-teleport="body">
-        <div x-show="contextMenuOpen" @click.away="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
+        <div x-show="contextMenuOpen" @click.outside="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
             <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-neutral-100 outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
                 <span>Back</span>
                 <span class="ml-auto text-xs tracking-widest text-neutral-400 group-hover:text-neutral-600">⌘[</span>
diff --git a/elements/date-picker-examples/example-01.html b/elements/date-picker-examples/example-01.html
index cdc390c..efb5b36 100644
--- a/elements/date-picker-examples/example-01.html
+++ b/elements/date-picker-examples/example-01.html
@@ -106,7 +106,7 @@
                 <div  
                     x-show="datePickerOpen"
                     x-transition
-                    @click.away="datePickerOpen = false" 
+                    @click.outside="datePickerOpen = false" 
                     class="absolute top-0 left-0 max-w-lg p-4 mt-12 antialiased bg-white border-2 border-neutral-800 shadow w-[17rem] border-neutral-200/70">
                     <div class="flex items-center justify-between mb-2">
                         <div>
diff --git a/elements/date-picker.html b/elements/date-picker.html
index 7b4daf7..1719a47 100644
--- a/elements/date-picker.html
+++ b/elements/date-picker.html
@@ -106,7 +106,7 @@
                 <div  
                     x-show="datePickerOpen"
                     x-transition
-                    @click.away="datePickerOpen = false" 
+                    @click.outside="datePickerOpen = false" 
                     class="absolute top-0 left-0 max-w-lg p-4 mt-12 antialiased bg-white border rounded-lg shadow w-[17rem] border-neutral-200/70">
                     <div class="flex items-center justify-between mb-2">
                         <div>
diff --git a/elements/dropdown-menu-examples/example-01.html b/elements/dropdown-menu-examples/example-01.html
index 11c9fea..22703c0 100644
--- a/elements/dropdown-menu-examples/example-01.html
+++ b/elements/dropdown-menu-examples/example-01.html
@@ -6,7 +6,7 @@
     <button @click="dropdownOpen=true" class="inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors bg-white border rounded-md hover:bg-neutral-100 active:bg-white focus:bg-white focus:outline-none focus:ring-2 focus:ring-neutral-200/60 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none">Open</button>
 
     <div x-show="dropdownOpen" 
-        @click.away="dropdownOpen=false"
+        @click.outside="dropdownOpen=false"
         x-transition:enter="ease-out duration-200"
         x-transition:enter-start="-translate-y-2"
         x-transition:enter-end="translate-y-0"
diff --git a/elements/dropdown-menu.html b/elements/dropdown-menu.html
index 4856c28..3b7e1b2 100644
--- a/elements/dropdown-menu.html
+++ b/elements/dropdown-menu.html
@@ -13,7 +13,7 @@
     </button>
 
     <div x-show="dropdownOpen" 
-        @click.away="dropdownOpen=false"
+        @click.outside="dropdownOpen=false"
         x-transition:enter="ease-out duration-200"
         x-transition:enter-start="-translate-y-2"
         x-transition:enter-end="translate-y-0"
diff --git a/elements/menubar.html b/elements/menubar.html
index 106bca0..b262fa5 100644
--- a/elements/menubar.html
+++ b/elements/menubar.html
@@ -2,7 +2,7 @@
         menuBarOpen: false, 
         menuBarMenu: ''
     }" 
-    @click.away="menuBarOpen=false" 
+    @click.outside="menuBarOpen=false" 
     class="relative top-0 left-0 z-50 w-auto transition-all duration-150 ease-out"
     >
     <div class="relative top-0 left-0 z-40 w-auto h-10 transition duration-200 ease-out">
diff --git a/elements/popover.html b/elements/popover.html
index 91ff62c..e27f07c 100644
--- a/elements/popover.html
+++ b/elements/popover.html
@@ -43,7 +43,7 @@
         x-show="popoverOpen"
         x-init="setTimeout(function(){ popoverHeightCalculate(); }, 100);"
         x-trap.inert="popoverOpen"
-        @click.away="popoverOpen=false;"
+        @click.outside="popoverOpen=false;"
         @keydown.escape.window="popoverOpen=false"
         :class="{ 'top-0 mt-12' : popoverPosition == 'bottom', 'bottom-0 mb-12' : popoverPosition == 'top' }"
         class="absolute w-[300px] max-w-lg -translate-x-1/2 left-1/2" x-cloak>
diff --git a/elements/select.html b/elements/select.html
index d10f1a5..ef9ce73 100644
--- a/elements/select.html
+++ b/elements/select.html
@@ -169,7 +169,7 @@
 
     <ul x-show="selectOpen"
         x-ref="selectableItemsList"
-        @click.away="selectOpen = false"
+        @click.outside="selectOpen = false"
         x-transition:enter="transition ease-out duration-50"
         x-transition:enter-start="opacity-0 -translate-y-1"
         x-transition:enter-end="opacity-100"
diff --git a/elements/slide-over-examples/example-01.html b/elements/slide-over-examples/example-01.html
index 0af0631..8e530ac 100644
--- a/elements/slide-over-examples/example-01.html
+++ b/elements/slide-over-examples/example-01.html
@@ -14,7 +14,7 @@
                     <div class="fixed inset-y-0 right-0 flex max-w-full pl-10">
                         <div 
                             x-show="slideOverOpen" 
-                            @click.away="slideOverOpen = false"
+                            @click.outside="slideOverOpen = false"
                             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 
                             x-transition:enter-start="translate-x-full" 
                             x-transition:enter-end="translate-x-0" 
diff --git a/elements/slide-over.html b/elements/slide-over.html
index 686a1bf..83a29f0 100644
--- a/elements/slide-over.html
+++ b/elements/slide-over.html
@@ -14,7 +14,7 @@
                     <div class="fixed inset-y-0 right-0 flex max-w-full pl-10">
                         <div 
                             x-show="slideOverOpen" 
-                            @click.away="slideOverOpen = false"
+                            @click.outside="slideOverOpen = false"
                             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 
                             x-transition:enter-start="translate-x-full" 
                             x-transition:enter-end="translate-x-0" 

From de76914305c116dd46190b91bbfbc241d10187fb Mon Sep 17 00:00:00 2001
From: Samuel <ratto_trash@hotmail.it>
Date: Fri, 4 Oct 2024 18:47:51 +0000
Subject: [PATCH 2/4] Fix type

---
 elements/context-menu-examples/example-01.html | 2 +-
 elements/slide-over-examples/example-01.html   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/elements/context-menu-examples/example-01.html b/elements/context-menu-examples/example-01.html
index 675a713..2992ef6 100644
--- a/elements/context-menu-examples/example-01.html
+++ b/elements/context-menu-examples/example-01.html
@@ -55,7 +55,7 @@
     <span class="cursor-default text-neutral-400">Right click here</span>
 
     <template x-teleport="body">
-        <div x-show="contextMenuOpen" @click.outsideideideideide="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
+        <div x-show="contextMenuOpen" @click.@click.outside="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
             <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-blue-600 hover:text-white outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
                 <svg class="absolute w-4 h-4 -mt-px left-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /></svg>
                 <span>New Folder</span>
diff --git a/elements/slide-over-examples/example-01.html b/elements/slide-over-examples/example-01.html
index 8e530ac..0af0631 100644
--- a/elements/slide-over-examples/example-01.html
+++ b/elements/slide-over-examples/example-01.html
@@ -14,7 +14,7 @@
                     <div class="fixed inset-y-0 right-0 flex max-w-full pl-10">
                         <div 
                             x-show="slideOverOpen" 
-                            @click.outside="slideOverOpen = false"
+                            @click.away="slideOverOpen = false"
                             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 
                             x-transition:enter-start="translate-x-full" 
                             x-transition:enter-end="translate-x-0" 

From 008ff985be6fde01eb6687b93ff563a4c2c70675 Mon Sep 17 00:00:00 2001
From: Samuel <ratto_trash@hotmail.it>
Date: Fri, 4 Oct 2024 18:49:08 +0000
Subject: [PATCH 3/4] Fix typo

---
 elements/context-menu-examples/example-01.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/context-menu-examples/example-01.html b/elements/context-menu-examples/example-01.html
index 2992ef6..bd60a19 100644
--- a/elements/context-menu-examples/example-01.html
+++ b/elements/context-menu-examples/example-01.html
@@ -55,7 +55,7 @@
     <span class="cursor-default text-neutral-400">Right click here</span>
 
     <template x-teleport="body">
-        <div x-show="contextMenuOpen" @click.@click.outside="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
+        <div x-show="contextMenuOpen" @click.outside="contextMenuOpen=false" x-ref="contextmenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" x-cloak>
             <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-blue-600 hover:text-white outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
                 <svg class="absolute w-4 h-4 -mt-px left-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /></svg>
                 <span>New Folder</span>

From 927932eca67472e2f5d3bc7e9434b42de29a0a0d Mon Sep 17 00:00:00 2001
From: Samuel <ratto_trash@hotmail.it>
Date: Fri, 4 Oct 2024 18:51:37 +0000
Subject: [PATCH 4/4] Fix missing replace

---
 elements/slide-over-examples/example-01.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/slide-over-examples/example-01.html b/elements/slide-over-examples/example-01.html
index 0af0631..8e530ac 100644
--- a/elements/slide-over-examples/example-01.html
+++ b/elements/slide-over-examples/example-01.html
@@ -14,7 +14,7 @@
                     <div class="fixed inset-y-0 right-0 flex max-w-full pl-10">
                         <div 
                             x-show="slideOverOpen" 
-                            @click.away="slideOverOpen = false"
+                            @click.outside="slideOverOpen = false"
                             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 
                             x-transition:enter-start="translate-x-full" 
                             x-transition:enter-end="translate-x-0"