diff --git a/demo/components.html b/demo/components.html
index 4ad981f..34a91e4 100644
--- a/demo/components.html
+++ b/demo/components.html
@@ -175,12 +175,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8da4fe"
+        id="accordion-66fcfbedc480c"
         name=""
         type="checkbox"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8da4fe" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
+    <label for="accordion-66fcfbedc480c" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
         Question 1
     </label>
     <div class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">
@@ -193,12 +193,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8dd7b0"
+        id="accordion-66fcfbedc7a8a"
         name=""
         type="checkbox"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8dd7b0" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
+    <label for="accordion-66fcfbedc7a8a" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
         Question 2
     </label>
     <div class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">
@@ -214,12 +214,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8dd965"
+        id="accordion-66fcfbedc7c43"
         name="questions"
         type="radio"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8dd965" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
+    <label for="accordion-66fcfbedc7c43" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
         Question 1
     </label>
     <div class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">
@@ -232,12 +232,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8ddb17"
+        id="accordion-66fcfbedc7dfa"
         name="questions"
         type="radio"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8ddb17" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
+    <label for="accordion-66fcfbedc7dfa" class="flex items-center gap-2 justify-between cursor-pointer font-bold">
         Question 2
     </label>
     <div class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">
@@ -253,12 +253,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8e0057"
+        id="accordion-66fcfbedca508"
         name=""
         type="checkbox"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8e0057" attributes="class=\"md:cursor-auto font-bold\"" class="flex items-center gap-2 justify-between cursor-pointer">
+    <label for="accordion-66fcfbedca508" attributes="class=\"md:cursor-auto font-bold\"" class="flex items-center gap-2 justify-between cursor-pointer">
         Question 1
     </label>
     <div attributes="class=\"md:grid-rows-[1fr]\"" class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">
@@ -271,12 +271,12 @@ <h3 class="font-bold text-md">Mobile only</h3>
 
 <div class="flex flex-col group rounded border p-3">
     <input
-        id="accordion-66fcfbd8e13cd"
+        id="accordion-66fcfbedcb8d9"
         name=""
         type="checkbox"
                 class="peer hidden"
     />
-    <label for="accordion-66fcfbd8e13cd" attributes="class=\"md:cursor-auto font-bold\"" class="flex items-center gap-2 justify-between cursor-pointer">
+    <label for="accordion-66fcfbedcb8d9" attributes="class=\"md:cursor-auto font-bold\"" class="flex items-center gap-2 justify-between cursor-pointer">
         Question 2
     </label>
     <div attributes="class=\"md:grid-rows-[1fr]\"" class="grid peer-checked:grid-rows-[1fr] grid-rows-[0fr] transition-all">