@wishbone-media/spark 0.12.0 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishbone-media/spark",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/components/SparkOverlay.vue

@@ -41,7 +41,7 @@
             <!-- Bind props and event handlers dynamically -->
             <component
                 :is="overlayInstance.state.content"
-                v-bind="{ ...$attrs, ...overlayInstance.state.props }"
+                v-bind="overlayInstance.state.props"
                 v-on="overlayInstance.state.eventHandlers"
             />
           </DialogPanel>

package/src/composables/useSparkOverlay.js

@@ -14,6 +14,8 @@ export function useSparkOverlay() {
 
   const close = () => {
     state.isVisible = false
+    state.content = null
+    state.props = {}
     state.eventHandlers = {}
   }
 

package/src/containers/SparkDefaultContainer.vue

@@ -3,8 +3,8 @@
     <div class="flex grow m-2.5 p-[10px] rounded-lg">
       <nav class="flex flex-1 flex-col">
         <ul class="flex flex-1 flex-col gap-y-7" role="list">
-          <li>
-            <ul role="list">
+          <li class="flex flex-1 flex-col">
+            <ul role="list" class="flex flex-1 flex-col">
               <li class="flex items-center pb-8">
                 <a
                   class="grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer"
@@ -24,6 +24,7 @@
                 <li
                   :class="{
                     'mt-[10px]': item.children,
+                    'mt-auto': item.footerSection,
                   }"
                 >
                   <a