diff --git a/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap b/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap
index 66640f28..2dc3f838 100644
--- a/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap
+++ b/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`Testing ABtn > can mount component 1`] = `
-"<button tabindex=\\"0\\" style=\\"--a-title-c: 0, 0%, 100%; --a-subtitle-c: 0, 0%, 100%; --a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn states a-title-opacity-100 a-subtitle-opacity-100 [--a-layer-opacity:1] text-white\\">
+"<button tabindex=\\"0\\" style=\\"--a-title-c: 0, 0%, 100%; --a-subtitle-c: 0, 0%, 100%; --a-layer-c: var(--a-primary);\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn states a-title-opacity-100 a-subtitle-opacity-100 [--a-layer-opacity:1] text-white\\">
   <!-- ℹ️ Don't render spinner if not using loading -->
   <!--v-if-->
   <div class=\\"a-btn-content\\">
diff --git a/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap b/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap
index d1e6885d..dd1f9b5d 100644
--- a/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap
+++ b/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`Testing ATable & ADataTable > mount component 1`] = `
-"<div class=\\"a-card relative overflow-hidden bg-[hsla(var(--a-surface-c),var(--un-bg-opacity,1))] a-table a-data-table\\" style=\\"--a-spacing: 1;\\">
+"<div class=\\"a-card relative overflow-hidden bg-[hsla(var(--a-surface-c),var(--un-bg-opacity,1))] a-table a-data-table\\">
   <!-- 👉 Loader  -->
   <!--
         ℹ️ We have intentionally placed loader on top.
@@ -45,7 +45,7 @@ exports[`Testing ATable & ADataTable > mount component 1`] = `
   <div class=\\"a-data-table-pagination flex items-center w-full\\"><span class=\\"a-subtitle a-data-table-pagination-meta\\">1 - 5 of 10</span>
     <div class=\\"flex-grow\\"></div>
     <div class=\\"a-data-table-per-page flex items-center\\"><span class=\\"sm:inline hidden\\">per page</span><!-- 👉 Select Input -->
-      <div class=\\"a-base-input-root i:children:focus-within:text-primary flex flex-col flex-grow flex-shrink-0 a-base-input-interactive a-select\\" style=\\"--a-spacing: 0.8;\\">
+      <div class=\\"a-base-input-root i:children:focus-within:text-primary flex flex-col flex-grow flex-shrink-0 a-base-input-interactive a-select\\">
         <!-- 👉 Label -->
         <!--v-if-->
         <!-- SECTION Input Container -->
@@ -71,13 +71,13 @@ exports[`Testing ATable & ADataTable > mount component 1`] = `
       <!--teleport start-->
       <!--teleport end-->
     </div>
-    <div class=\\"a-data-table-pagination-navigation\\"><button tabindex=\\"-1\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only opacity-50 pointer-events-none states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-previous\\" disabled=\\"\\">
+    <div class=\\"a-data-table-pagination-navigation\\"><button tabindex=\\"-1\\" style=\\"--a-layer-c: var(--a-primary);\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only opacity-50 pointer-events-none states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-previous\\" disabled=\\"\\">
         <!-- ℹ️ Don't render spinner if not using loading -->
         <!--v-if-->
         <div class=\\"a-btn-content\\"><i class=\\"i-bx-left-arrow-alt\\"></i>
           <!--v-if-->
         </div>
-      </button><button tabindex=\\"0\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-next\\">
+      </button><button tabindex=\\"0\\" style=\\"--a-layer-c: var(--a-primary);\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-next\\">
         <!-- ℹ️ Don't render spinner if not using loading -->
         <!--v-if-->
         <div class=\\"a-btn-content\\"><i class=\\"i-bx-right-arrow-alt\\"></i>