diff --git a/CHANGELOG.md b/CHANGELOG.md
index c8d114e8..35dcb799 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,35 @@
+## [1.0.1-next.4](https://github.com/warp-ds/vue/compare/v1.0.1-next.3...v1.0.1-next.4) (2023-09-20)
+
+
+### Bug Fixes
+
+* Add fullWidth button prop ([#72](https://github.com/warp-ds/vue/issues/72)) ([f0e76e8](https://github.com/warp-ds/vue/commit/f0e76e89b9d2a1f955b4aea21faca39f9eb48175))
+
+## [1.0.1-next.3](https://github.com/warp-ds/vue/compare/v1.0.1-next.2...v1.0.1-next.3) (2023-09-20)
+
+
+### Bug Fixes
+
+* make tabs accessible for using keyboard keys again ([#71](https://github.com/warp-ds/vue/issues/71)) ([14129cc](https://github.com/warp-ds/vue/commit/14129ccae39b8b3c55a1cb4e0033c3e46441c9be))
+
+## [1.0.1-next.2](https://github.com/warp-ds/vue/compare/v1.0.1-next.1...v1.0.1-next.2) (2023-09-19)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
+* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
+* remove useless test and update changelog ([#70](https://github.com/warp-ds/vue/issues/70)) ([4ea3fdc](https://github.com/warp-ds/vue/commit/4ea3fdc42bf063b2eff2b1a89708800088c81926))
+* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
+
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
+
+
+### Bug Fixes
+
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 # 1.0.0 (2023-08-31)
 
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index e4bcc446..c7076b93 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -44,6 +44,14 @@ Install dependencies by running:
 pnpm install
 ```
 
+### Shiki
+
+Run following to prepare for visualizing the examples and corresponding code:
+
+```sh
+pnpm run cp && pnpm run cp:shikifix
+```
+
 
 ### Start dev server
 
diff --git a/components/button/w-button.vue b/components/button/w-button.vue
index 00d5d1d4..d8663876 100644
--- a/components/button/w-button.vue
+++ b/components/button/w-button.vue
@@ -26,7 +26,7 @@ const ariaValueText = i18n._({
   comment: 'Screenreader message for buttons that are loading'
 });
 
-const buttonTypes = [    
+const buttonVariants = [
   'primary',
   'secondary',
   'negative',
@@ -48,25 +48,57 @@ const props = defineProps({
   loading: Boolean,
   href: String,
   label: String,
+  fullWidth: Boolean,
 })
 
+const defaultVariant = props.secondary || !buttonVariants.find(b => !!props[b]);
+
 const buttonClass = computed(() => ({
-  [ccButton.buttonSecondary]: props.secondary && !props.quiet || !buttonTypes.find(b => !!props[b]),
-  // primary buttons
-  [ccButton.buttonPrimary]: props.primary && !props.negative,
-  [ccButton.buttonDestructive]: props.primary && props.negative,
-  // quiet
-  [ccButton.buttonFlat]: (props.secondary || (!props.negative && !props.utility)) && props.quiet,
-  [ccButton.buttonDestructiveFlat]: props.negative && props.quiet,
-  [ccButton.buttonUtilityFlat]: props.utility && props.quiet,
-  // others
-  [ccButton.buttonSmall]: props.small,
-  [ccButton.buttonUtility]: props.utility && !props.quiet,
-  [ccButton.buttonLink]: props.link,
-  [ccButton.buttonPill]: props.pill,
-  [ccButton.buttonInProgress]: props.loading,
-  [ccButton.buttonIsDisabled]: props.disabled,
+  [ccButton.secondary]: defaultVariant && !props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmall]: defaultVariant && props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmallLoading]: defaultVariant && props.small && !props.quiet && props.loading,
+  [ccButton.secondarySmallQuiet]: defaultVariant && props.small && props.quiet && !props.loading,
+  [ccButton.secondarySmallQuietLoading]: defaultVariant && props.small && props.quiet && props.loading,
+  [ccButton.secondaryQuiet]: defaultVariant && !props.small && props.quiet && !props.loading,
+  [ccButton.secondaryQuietLoading]: defaultVariant && !props.small && props.quiet && props.loading,
+  [ccButton.secondaryLoading]: defaultVariant && !props.small && !props.quiet && props.loading,
+  
+  [ccButton.primary]: props.primary && !props.small && !props.quiet && !props.loading,
+  [ccButton.primarySmall]: props.primary && props.small && !props.quiet && !props.loading,
+  [ccButton.primarySmallQuiet]: props.primary && props.small && props.quiet && !props.loading,
+  [ccButton.primarySmallLoading]: props.primary && props.small && !props.quiet && props.loading,
+  [ccButton.primarySmallQuietLoading]: props.primary && props.small && props.quiet && props.loading,
+  [ccButton.primaryQuiet]: props.primary && !props.small && props.quiet && !props.loading,
+  [ccButton.primaryQuietLoading]: props.primary && !props.small && props.quiet && props.loading,
+  [ccButton.primaryLoading]: props.primary && !props.small && !props.quiet && props.loading,
+
+  [ccButton.utility]: props.utility && !props.small && !props.quiet && !props.loading,
+  [ccButton.utilitySmall]: props.utility && props.small && !props.quiet && !props.loading,
+  [ccButton.utilitySmallQuiet]: props.utility && props.small && props.quiet && !props.loading,
+  [ccButton.utilitySmallLoading]: props.utility && props.small && !props.quiet && props.loading,
+  [ccButton.utilitySmallQuietLoading]: props.utility && props.small && props.quiet && props.loading,
+  [ccButton.utilityQuiet]: props.utility && !props.small && props.quiet && !props.loading,
+  [ccButton.utilityQuietLoading]: props.utility && !props.small && props.quiet && props.loading,
+  [ccButton.utilityLoading]: props.utility && !props.small && !props.quiet && props.loading,
+
+  [ccButton.negative]: props.negative && !props.small && !props.quiet && !props.loading,
+  [ccButton.negativeSmall]: props.negative && props.small && !props.quiet && !props.loading,
+  [ccButton.negativeSmallQuiet]: props.negative && props.small && props.quiet && !props.loading,
+  [ccButton.negativeSmallLoading]: props.negative && props.small && !props.quiet && props.loading,
+  [ccButton.negativeSmallQuietLoading]: props.negative && props.small && props.quiet && props.loading,
+  [ccButton.negativeQuiet]: props.negative && !props.small && props.quiet && !props.loading,
+  [ccButton.negativeQuietLoading]: props.negative && !props.small && props.quiet && props.loading,
+  [ccButton.negativeLoading]: props.negative && !props.small && !props.quiet && props.loading,
+
+  [ccButton.pill]: props.pill && !props.small && !props.loading,
+  [ccButton.pillSmall]: props.pill && props.small && !props.loading,
+  [ccButton.pillLoading]: props.pill && !props.small && props.loading,
+  [ccButton.pillSmallLoading]: props.pill && props.small && props.loading,
+  [ccButton.link]: props.link && !props.small,
+  [ccButton.linkSmall]: props.link && props.small,
   [ccButton.linkAsButton]: !!props.href,
+  [ccButton.fullWidth]: props.fullWidth,
+  [ccButton.contentWidth]: !props.fullWidth,
 }))
 
 const saneDefaults = computed(() => ({
diff --git a/components/tabs/w-tab.vue b/components/tabs/w-tab.vue
index a6c28eff..f1484cc7 100644
--- a/components/tabs/w-tab.vue
+++ b/components/tabs/w-tab.vue
@@ -48,7 +48,7 @@ const contentClasses = computed(() => ({
     :aria-selected="isActive"
     :aria-controls="isActive ? `warp-tabpanel-${name}` : undefined"
     :tabindex="isActive ? 0 : -1"
-    @keydown="onKeydown"
+    @keydown="controller.onKeydown"
   >
     <span v-if="$slots.default" :class="iconClasses">
       <slot />
diff --git a/dev/pages/Button.vue b/dev/pages/Button.vue
index 0a6cd9a8..46d0c9f8 100644
--- a/dev/pages/Button.vue
+++ b/dev/pages/Button.vue
@@ -8,16 +8,17 @@ const active = useIsActive(variants)
 const variantControls = [
   { name: 'Primary', radio },
   { name: 'Secondary', radio },
+  { name: 'Negative', radio },
   { name: 'Link', radio },
   { name: 'Utility', radio },
   { name: 'Pill', radio },
 ]
 
 const modifierControls = [
-  { name: 'Negative', checkbox },
   { name: 'Quiet', checkbox },
   { name: 'Small', checkbox },
-  { name: 'Loading', checkbox }
+  { name: 'Loading', checkbox },
+  { name: 'FullWidth', checkbox }
 ]
 const modifiers = reactive(buildCheckboxState({ controls: modifierControls }))
 </script>
@@ -30,13 +31,14 @@ const modifiers = reactive(buildCheckboxState({ controls: modifierControls }))
       <w-button
         :primary="active('Primary')"
         :secondary="active('Secondary')"
-        :negative="modifiers.Negative"
+        :negative="active('Negative')"
         :link="active('Link')"
         :utility="active('Utility')"
         :pill="active('Pill')"
         :quiet="modifiers.Quiet"
         :small="modifiers.Small"
         :loading="modifiers.Loading"
+        :full-width="modifiers.FullWidth"
         label="Hello Warp" />
     </token>
 
diff --git a/package.json b/package.json
index 396d6fca..1e8c433f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/vue",
   "repository": "git@github.com:warp-ds/vue.git",
-  "version": "1.0.0",
+  "version": "1.0.1-next.4",
   "description": "Warp components for Vue 3",
   "type": "module",
   "exports": {
@@ -32,8 +32,8 @@
   "dependencies": {
     "@lingui/core": "^4.3.0",
     "@warp-ds/core": "^1.0.0",
-    "@warp-ds/css": "^1.0.0",
-    "@warp-ds/uno": "^1.0.0",
+    "@warp-ds/css": "^1.1.0",
+    "@warp-ds/uno": "^1.1.0",
     "@floating-ui/dom": "^1.5.1",
     "create-v-model": "^2.2.0",
     "dom-focus-lock": "^1.1.0",
@@ -62,7 +62,7 @@
     "happy-dom": "^9.20.3",
     "semantic-release": "^21.1.1",
     "shiki": "^0.14.3",
-    "unocss": "^0.55.3",
+    "unocss": "^0.56.0",
     "vite": "^4.4.9",
     "viteik": "^1.0.3",
     "vitest": "^0.34.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 45de5a02..60ff6d16 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,11 +15,11 @@ dependencies:
     specifier: ^1.0.0
     version: 1.0.0
   '@warp-ds/css':
-    specifier: ^1.0.0
-    version: 1.0.0
+    specifier: ^1.1.0
+    version: 1.1.0
   '@warp-ds/uno':
-    specifier: ^1.0.0
-    version: 1.0.0
+    specifier: ^1.1.0
+    version: 1.1.0
   create-v-model:
     specifier: ^2.2.0
     version: 2.2.0
@@ -98,8 +98,8 @@ devDependencies:
     specifier: ^0.14.3
     version: 0.14.3
   unocss:
-    specifier: ^0.55.3
-    version: 0.55.3(postcss@8.4.26)(vite@4.4.9)
+    specifier: ^0.56.0
+    version: 0.56.0(postcss@8.4.29)(vite@4.4.9)
   vite:
     specifier: ^4.4.9
     version: 4.4.9(@types/node@20.4.2)
@@ -346,6 +346,7 @@ packages:
   /@commitlint/config-validator@17.4.4:
     resolution: {integrity: sha512-bi0+TstqMiqoBAQDvdEP4AFh0GaKyLFlPPEObgI29utoKEYoPQTvF0EYqIwYYLEoJYhj5GfMIhPHJkTJhagfeg==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       '@commitlint/types': 17.4.4
       ajv: 8.12.0
@@ -355,6 +356,7 @@ packages:
   /@commitlint/execute-rule@17.4.0:
     resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -386,6 +388,7 @@ packages:
   /@commitlint/resolve-extends@17.4.4:
     resolution: {integrity: sha512-znXr1S0Rr8adInptHw0JeLgumS11lWbk5xAWFVno+HUFVN45875kUtqjrI6AppmD3JI+4s0uZlqqlkepjJd99A==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       '@commitlint/config-validator': 17.4.4
       '@commitlint/types': 17.4.4
@@ -399,6 +402,7 @@ packages:
   /@commitlint/types@17.4.4:
     resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       chalk: 4.1.2
     dev: true
@@ -407,6 +411,7 @@ packages:
   /@cspotcode/source-map-support@0.8.1:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
+    requiresBuild: true
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
     dev: true
@@ -1092,8 +1097,8 @@ packages:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
 
-  /@iconify/utils@2.1.9:
-    resolution: {integrity: sha512-mo+A4n3MwLlWlg1SoSO+Dt6pOPWKElk9sSJ6ZpuzbB9OcjxN8RUWxU3ulPwB1nglErWKRam2x4BAohbYF7FiFA==}
+  /@iconify/utils@2.1.10:
+    resolution: {integrity: sha512-0/+5hxjzCZ9RoYpqxnOzbnpQyMdZRuHcMxPJeuX+x/aZkAAD/N4TajDjAPT7LpX+M0bfLExj/p0bbDkUfp0lrg==}
     dependencies:
       '@antfu/install-pkg': 0.1.1
       '@antfu/utils': 0.7.5
@@ -1145,6 +1150,7 @@ packages:
   /@jridgewell/resolve-uri@3.1.1:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -1170,6 +1176,7 @@ packages:
 
   /@jridgewell/trace-mapping@0.3.9:
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    requiresBuild: true
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -1610,21 +1617,25 @@ packages:
 
   /@tsconfig/node10@1.0.9:
     resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node12@1.0.11:
     resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node14@1.0.3:
     resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node16@1.0.4:
     resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -1684,32 +1695,32 @@ packages:
       '@types/yargs-parser': 21.0.0
     dev: true
 
-  /@unocss/astro@0.55.3(vite@4.4.9):
-    resolution: {integrity: sha512-WyRvx1RvT3x4c19jrKYq9dN2KHJ8YYOHUmFKWaPVc9EpkTG802ElWq23Ly5G+tv6l3lITRT+tUVloL4i43Ipiw==}
+  /@unocss/astro@0.56.0(vite@4.4.9):
+    resolution: {integrity: sha512-yBkpp2vc/dH6AiLAZrHC+trpR16VN4SiMVPgiy/UREj9BHJXVwFxFscjqXnuNP1vaxmVEfcvTkph9nJf/+JFjQ==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     peerDependenciesMeta:
       vite:
         optional: true
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/reset': 0.55.3
-      '@unocss/vite': 0.55.3(vite@4.4.9)
+      '@unocss/core': 0.56.0
+      '@unocss/reset': 0.56.0
+      '@unocss/vite': 0.56.0(vite@4.4.9)
       vite: 4.4.9(@types/node@20.4.2)
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@unocss/cli@0.55.3:
-    resolution: {integrity: sha512-r5WcO/L0g8jUlUge/jdRKt1rG8Cm5K46edIHI2GL59uEXYq4T1Llh8gfIMXeP0Geqfml69E1QRNNocwRxYGDcA==}
+  /@unocss/cli@0.56.0:
+    resolution: {integrity: sha512-+SD7Pd6xTHj4lW5vZXtebLnCAdhyjrNWsfBHK8exjZF6PVbJWW3wfZ1cBPqveWvS8/1kqsMp2I3GFORKjBiFoQ==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.4
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/preset-uno': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/preset-uno': 0.56.0
       cac: 6.7.14
       chokidar: 3.5.3
       colorette: 2.0.20
@@ -1722,11 +1733,11 @@ packages:
       - rollup
     dev: true
 
-  /@unocss/config@0.55.3:
-    resolution: {integrity: sha512-d1AK44n8DeYA1gIMaWg5lR/zx2FgVS6luaeMMGm5985VJqZoj7WJAj+Av/BOaEFJEP9ruYO1Hsb2ng2ega0ybQ==}
+  /@unocss/config@0.56.0:
+    resolution: {integrity: sha512-TGyh3Ns15rKPRrVmiqcF9BcZ9yC0fixxwUGm49a2rQ91GOKNIZ6O/tX2MHxoncU/Sp2ZkrRreoT8fsEejfHAYg==}
     engines: {node: '>=14'}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
       unconfig: 0.3.10
     dev: true
 
@@ -1736,6 +1747,11 @@ packages:
 
   /@unocss/core@0.55.3:
     resolution: {integrity: sha512-2hV9QlE/iOM4DHQ7i6L8sMC1t5/OVAz6AfGHjetTXcgbNfDCsHWqE8jhLZ1y2DeUvKwJvj2A09sYbYQ8E27+Gg==}
+    dev: false
+
+  /@unocss/core@0.56.0:
+    resolution: {integrity: sha512-KpaEMCg5XnTK7aQRgwNWoPCAFLEmPGjw+OSZWuMtkGvMr4RwDAVUAqPdGyGOavKMyWs+Is+lxXL5NHy9nhZ2oA==}
+    dev: true
 
   /@unocss/extractor-arbitrary-variants@0.52.7:
     resolution: {integrity: sha512-nJ4iE7nIRpoOIQfD8S58yG4qJd6AhVPEfEOf7ksX1u8xLf71rrBIojwraRXvv7aPqNdZiWvXdh/znpA/QC5b9w==}
@@ -1743,44 +1759,45 @@ packages:
       '@unocss/core': 0.52.7
     dev: false
 
-  /@unocss/extractor-arbitrary-variants@0.55.3:
-    resolution: {integrity: sha512-ATVNywbUw0DhIT+iau35WQuoij/NPCPd5uKshhs+vnS4c7BVKUMXE1fk9df9AgVPVhwBN4A256EqkcPHrfv70w==}
+  /@unocss/extractor-arbitrary-variants@0.56.0:
+    resolution: {integrity: sha512-OtdDsief0sqzYkS0GH9+LYUWojOjisjYjk5nLBI9lMfU23l/G76T2BzN8/W19MjUEs80relP4nO/ruefJn0hvw==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/inspector@0.55.3:
-    resolution: {integrity: sha512-AHgjYbeaqSKSMIKkyUqFrXs9qi2hPhkIahMtv4nS0HZDzzrGGHv5lAmdYr4CxJEGs9G1lgrl2g7a4nz23LTRMQ==}
+  /@unocss/inspector@0.56.0:
+    resolution: {integrity: sha512-YGIyDe0eDzf0XhIHZRxZFV4xGKIA8jGBQ/rOF9k32Z8hyJ3jdJYf7s/ckA6s1kYxFq4qFmznylWeuh8JSUHeMg==}
     dependencies:
+      '@unocss/rule-utils': 0.56.0
       gzip-size: 6.0.0
       sirv: 2.0.3
     dev: true
 
-  /@unocss/postcss@0.55.3(postcss@8.4.26):
-    resolution: {integrity: sha512-JWfjtSLGuYFWcZwP3eUT2ItdRwehnpmry36cMSuuPNLXG0SPtklP2LRFahvgH85YhASNDAL2OIHP4jGTlG2Jfw==}
+  /@unocss/postcss@0.56.0(postcss@8.4.29):
+    resolution: {integrity: sha512-4wYpu8u8fjEeDvpA7m7Sq2wdIcXdoRSuu2HG/co7uqdXJJD6dQtOgI5Q0ooyPhWNx4w3zBCfaADBxfIcWsZotg==}
     engines: {node: '>=14'}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
       css-tree: 2.3.1
       fast-glob: 3.3.1
       magic-string: 0.30.3
-      postcss: 8.4.26
+      postcss: 8.4.29
     dev: true
 
-  /@unocss/preset-attributify@0.55.3:
-    resolution: {integrity: sha512-h3t6hPIk8pll3LubIIIsgRigvJivK3PX308Pi9Q0IUdw0vFq4S80iLQ1N0kRchQtgOaAIGffo9ux+TCbyunP3A==}
+  /@unocss/preset-attributify@0.56.0:
+    resolution: {integrity: sha512-0K+dy8Ey081Tgn1beADIrGmO3yhthM5KVqz+E+ni4o9paZg1DrBXnKA1Y8+fK3fEE1LmKK1hGhBrx68gCFX7XA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/preset-icons@0.55.3:
-    resolution: {integrity: sha512-UVpzkvO1ghNBNRMGylgYE73ufRFdU1l3pY11ePV8a/80HWFKL3QNq4Hoqa00M5CEnxBZT8dECTuj+f+l3Pn5wg==}
+  /@unocss/preset-icons@0.56.0:
+    resolution: {integrity: sha512-b0WrDmChgk+5db6LSiZkCZ3wUInntFU82bbNSspE3DhCSsaNP0S6vxK6RGlyNuQayodsoW3gqThVuND8KYj7kg==}
     dependencies:
-      '@iconify/utils': 2.1.9
-      '@unocss/core': 0.55.3
+      '@iconify/utils': 2.1.10
+      '@unocss/core': 0.56.0
       ofetch: 1.3.3
     transitivePeerDependencies:
       - supports-color
@@ -1793,99 +1810,110 @@ packages:
       '@unocss/extractor-arbitrary-variants': 0.52.7
     dev: false
 
-  /@unocss/preset-mini@0.55.3:
-    resolution: {integrity: sha512-TsDPatfA3nGybRDHtxWz7mGuXQqzFWqgOZDZlPEq+HQxK2DY5KdVekkq8G3kp8N8Alu/Tf52aDwIBSn/RC2qFg==}
+  /@unocss/preset-mini@0.56.0:
+    resolution: {integrity: sha512-uEdaiWF4RiU+RFtQjiv0R3RDRjNV+OFa3C+xVELLOIROnvb+h/D2wVxC8t8qOuVe8I6cHsGJgWfEpT3ptDhxqQ==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/extractor-arbitrary-variants': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/extractor-arbitrary-variants': 0.56.0
+      '@unocss/rule-utils': 0.56.0
     dev: true
 
-  /@unocss/preset-tagify@0.55.3:
-    resolution: {integrity: sha512-5nvKAREDkoAkwmbMKBwBDZjrhP2+pMeKMIdd8IOsEWpKbhJThXCRDcMZWuJ+nqm0kGkgZTtqzNso68+WjEwhuw==}
+  /@unocss/preset-tagify@0.56.0:
+    resolution: {integrity: sha512-8FBHa+yPEFQ26BcqgBUrlLX7ThoMPRbH2AjQCk0RpgVhhy6OBweOFXmE0FhcOpNnM6DJadA6vlp3bTXZ0epqVA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/preset-typography@0.55.3:
-    resolution: {integrity: sha512-O6YvQQ3b+qbqLVlCASmNFj1PfCkqgWVu+gnMFloFofB9olGix9H0qjsOyC6vJg9m2f9+MzPoNR4s2Du0V8fj5A==}
+  /@unocss/preset-typography@0.56.0:
+    resolution: {integrity: sha512-CF1dz+00TqTxQSIRkmCaUMk6+bB77z6PWB0VbxxpeYgpxKU1yC247tcBDmrQGhp1NmO4zr9COGEnl/o++OEXmQ==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
     dev: true
 
-  /@unocss/preset-uno@0.55.3:
-    resolution: {integrity: sha512-6/JYKsgsHi24QFU8cXeXvRFmsosXdb6dmjsBma7ywEmzV2187uDDqI6NG/Aah5y5s2/QCyqqQFKN4vfatPARlQ==}
+  /@unocss/preset-uno@0.56.0:
+    resolution: {integrity: sha512-DlTZZ4kS6BEwJTTp5ly86UdhnUhCfgctRDv6gT8LYcji7VInYEPdTA0+Szy7PZtQFeQE8E3kONsiKuoVlwLtPw==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
-      '@unocss/preset-wind': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/preset-wind': 0.56.0
+      '@unocss/rule-utils': 0.56.0
     dev: true
 
-  /@unocss/preset-web-fonts@0.55.3:
-    resolution: {integrity: sha512-Mmj5HMvGOaDjobGno7rcLHUFHxIorw5kjobYJnEj48Wy7ixkYGQCvwguVZfE3YKsTEYVsMDojxC7ETK6Qae6vQ==}
+  /@unocss/preset-web-fonts@0.56.0:
+    resolution: {integrity: sha512-25BSNm29oOY9N37awVV902cmdGd3e8G1EdVm0kqA7YxwUViSdoej0C1R+i27WsrBPtwpLyulRjrjWgtxM/3E8g==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
       ofetch: 1.3.3
     dev: true
 
-  /@unocss/preset-wind@0.55.3:
-    resolution: {integrity: sha512-3K/46j4tRLMspVR4MvY6l7yBe8Eb+csTLOrDFKmj5+uZc7Y4+PTjFqURifrtgEpnwgW9SfXbXjPo/ALzA6x0XA==}
+  /@unocss/preset-wind@0.56.0:
+    resolution: {integrity: sha512-P978d2+kc/LALmDO8bG00oCvAAA2EGW0mIzoZRM+eb5zWSDEkkSuC+YoiLehbByRkw0voAMgqobWxYIb2GUmfg==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/rule-utils': 0.56.0
     dev: true
 
-  /@unocss/reset@0.55.3:
-    resolution: {integrity: sha512-zl3mogr3z6huA5CHZggOljoYFQDTidEw5T6pGPahfHB5qS9DH0UGozg5T9UtYWiidHL3xqyv6ZU27nyIMnlnhg==}
+  /@unocss/reset@0.56.0:
+    resolution: {integrity: sha512-zTvUeN4Dkn+DY8YFHjKd+hfIpqcsNOKOeD0M64fWVjD0LmuuyuFASySYEGjlfvEEUjDiyNg96SnTXyOETYDclg==}
     dev: true
 
-  /@unocss/scope@0.55.3:
-    resolution: {integrity: sha512-h9OlxjXYwtASw8Lm/ucuWOIlrLFXHH9Cek17kPG3upWPKBMRQJl3GT18jTtPim0mqakhZY+8GQM1itHyOtHkSQ==}
+  /@unocss/rule-utils@0.56.0:
+    resolution: {integrity: sha512-ozxI/KlAZmvRlsVy+oysuCXoxXm6141QsYwH1q8heIBBVTOY1jku82VveCfv4ZWrewYkgd27ME7e77ArfGLzyw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-attributify-jsx-babel@0.55.3:
-    resolution: {integrity: sha512-EDmliP9NYJZKg13SdfHfFaE0HroH+mNEEoICqiuvAKr3YVc+qhdk105+xwZDUGEJi/wVf1q8AZ3oEmwpAqtd9g==}
+  /@unocss/scope@0.56.0:
+    resolution: {integrity: sha512-zGUxAhHh04cqzBgfsAFjQg4xsna+3Y9ST1G/Lcs3CNzm9GC/SSPwcNzFel+r75Wtx/2WlhjmWCnK5gOzRR3l6Q==}
+    dev: true
+
+  /@unocss/transformer-attributify-jsx-babel@0.56.0:
+    resolution: {integrity: sha512-wOMAr5TnGOZgc6Pqkdecg3O3x1kH7lsyDQxsTqZz3CjYDr9iJMWdRir3UwQVTxg6Xy/BfRE0Qe7LcFIR0BJPHg==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-attributify-jsx@0.55.3:
-    resolution: {integrity: sha512-Z+jCSRCxMkAFyjye52rFL+yrIvu6AxwOqhDT8jVLyVGgMFRYm79FP6fsDhsgr/EipHE9Szk+H0yt16aNlPYU4Q==}
+  /@unocss/transformer-attributify-jsx@0.56.0:
+    resolution: {integrity: sha512-g1zc7y/oLsSi6qH2GwdfWwWaG6w/hQaL3XyOJ0hpn86N8qcLbeeH7IJdnrGXX1R/w7Z0t9Lz9lhGb+UP3ymmfQ==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-compile-class@0.55.3:
-    resolution: {integrity: sha512-g6UgDqTwhbpuyN/tCse2p+bQvyGmEyQk3kOFq8P9P7+mtfOXPmkkVnShDSs2K4FyfTpFGouOSTge0rrJyVj3LQ==}
+  /@unocss/transformer-compile-class@0.56.0:
+    resolution: {integrity: sha512-8+CKMGk5qBe3I1/c8DoggWuhVmZ/6QlTHpLRs5Xt6LS5CF2vrLhjyqMNnBvVcp8OKTeAfv2U6kGKPXFSvSEVUA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-directives@0.55.3:
-    resolution: {integrity: sha512-9la+Gk7doqTl+drg9RflkFqN7bXavzI119amJ6xa+ZlUm04vaC5WxFMxZD3V29zu505IhGWMOVJNfnV6g4hLvg==}
+  /@unocss/transformer-directives@0.56.0:
+    resolution: {integrity: sha512-6WthoetYrDDKamuYfsRbX+R3scyomcxA10YV8VlZ19hJIyIhZdCWEoyLccVsS4+uBIZUo0RjhxaxwyYtPa1dBQ==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/rule-utils': 0.56.0
       css-tree: 2.3.1
     dev: true
 
-  /@unocss/transformer-variant-group@0.55.3:
-    resolution: {integrity: sha512-3Pe04N6If+1o0tsa1n58ysV6Yt7OW6ER6lNtbpyZcuG+gMgjU6u7FsCC+IuZ50aHsXRVpFbFtjMeugN9KaO5ow==}
+  /@unocss/transformer-variant-group@0.56.0:
+    resolution: {integrity: sha512-4QLGUPD2ephvrSemIapiL3ckr1xcdcjxk/VZ/SOobLrHyxCLzLaHZz6x7RabCWf2Ub/01xWtLY3eSNIphZ5iSg==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/vite@0.55.3(vite@4.4.9):
-    resolution: {integrity: sha512-ykHIBwssTZMQ2FC2wj8+LDrrYkq8PUIekdyeazznX38CNxAwZtwrrtUjieoJkAl6Ebxv8oMadxamqnP/0E8Ygw==}
+  /@unocss/vite@0.56.0(vite@4.4.9):
+    resolution: {integrity: sha512-QFuX2jHYiNCdzffxVyBuECnkaaQzYkvf+P3VU/yNyUuH9DAzSIBVEpS04dRQQ7IdQiVduIpldL+IgUr/qW+IUA==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.4
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/inspector': 0.55.3
-      '@unocss/scope': 0.55.3
-      '@unocss/transformer-directives': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/inspector': 0.56.0
+      '@unocss/scope': 0.56.0
+      '@unocss/transformer-directives': 0.56.0
       chokidar: 3.5.3
       fast-glob: 3.3.1
       magic-string: 0.30.3
@@ -1924,7 +1952,7 @@ packages:
   /@vitest/snapshot@0.34.3:
     resolution: {integrity: sha512-QyPaE15DQwbnIBp/yNJ8lbvXTZxS00kRly0kfFgAD5EYmCbYcA+1EEyRalc93M0gosL/xHeg3lKAClIXYpmUiQ==}
     dependencies:
-      magic-string: 0.30.1
+      magic-string: 0.30.3
       pathe: 1.1.1
       pretty-format: 29.6.2
     dev: true
@@ -2050,12 +2078,12 @@ packages:
       '@floating-ui/dom': 0.5.4
     dev: false
 
-  /@warp-ds/css@1.0.0:
-    resolution: {integrity: sha512-rxzEBKl5g7RP+5S27+gwhceO6clMHiYfRbbaDmJVJMyUNU8JwfYoMovoeVlJLLK0yh/v7yOdmUpP8/tJqqcB5w==}
+  /@warp-ds/css@1.1.0:
+    resolution: {integrity: sha512-ehDN05LnQ2RnhKfpatxQ2e0u++YH2yoXoVqN6NHaexF6j6kS6yosumqOZo0NHpbYGRhXwy0Hor0yntdrT8XNGg==}
     dependencies:
       '@warp-ds/fonts': 1.1.0
       '@warp-ds/tokenizer': 0.0.2
-      '@warp-ds/uno': 1.0.0
+      '@warp-ds/uno': 1.1.0
     dev: false
 
   /@warp-ds/fonts@1.1.0:
@@ -2069,8 +2097,8 @@ packages:
       yaml: 2.3.1
     dev: false
 
-  /@warp-ds/uno@1.0.0:
-    resolution: {integrity: sha512-RBt/uiUMmu333La2b0eFieJTe6p0xueCMlMkEiHhtkFYRkvQMzKnUj19AMyAkIeSx6IkbmuCvfuWQoCHnkILHA==}
+  /@warp-ds/uno@1.1.0:
+    resolution: {integrity: sha512-XzhziKuHAWRofxVXb9meEgFbRUS+3+Lfuvz9qwWiJNermlkc5tC9x2DdTmFa0ia73nkgeD3K3hx0yVY0etoZ2w==}
     dependencies:
       '@unocss/core': 0.55.3
       '@unocss/preset-mini': 0.52.7
@@ -2224,6 +2252,7 @@ packages:
 
   /arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -2754,6 +2783,7 @@ packages:
   /cosmiconfig-typescript-loader@4.3.0(@types/node@20.4.2)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6):
     resolution: {integrity: sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==}
     engines: {node: '>=12', npm: '>=6'}
+    requiresBuild: true
     peerDependencies:
       '@types/node': '*'
       cosmiconfig: '>=7'
@@ -2790,6 +2820,7 @@ packages:
 
   /create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -2951,6 +2982,7 @@ packages:
   /diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -3224,17 +3256,6 @@ packages:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
-  /fast-glob@3.3.0:
-    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
   /fast-glob@3.3.1:
     resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
     engines: {node: '>=8.6.0'}
@@ -3574,6 +3595,7 @@ packages:
   /global-dirs@0.1.1:
     resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
     engines: {node: '>=4'}
+    requiresBuild: true
     dependencies:
       ini: 1.3.8
     dev: true
@@ -3627,7 +3649,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: 3.0.1
-      fast-glob: 3.3.0
+      fast-glob: 3.3.1
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 4.0.0
@@ -4311,11 +4333,13 @@ packages:
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /lodash.mergewith@4.6.2:
     resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -4325,6 +4349,7 @@ packages:
 
   /lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -4363,15 +4388,9 @@ packages:
       get-func-name: 2.0.0
     dev: true
 
-  /lru-cache@10.0.0:
-    resolution: {integrity: sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==}
-    engines: {node: 14 || >=16.14}
-    dev: false
-
   /lru-cache@10.0.1:
     resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
     engines: {node: 14 || >=16.14}
-    dev: true
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -4414,6 +4433,7 @@ packages:
 
   /make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -5087,7 +5107,7 @@ packages:
     resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      lru-cache: 10.0.0
+      lru-cache: 10.0.1
       minipass: 7.0.2
     dev: false
 
@@ -5391,6 +5411,7 @@ packages:
   /resolve-global@1.0.0:
     resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
     engines: {node: '>=8'}
+    requiresBuild: true
     dependencies:
       global-dirs: 0.1.1
     dev: true
@@ -5950,6 +5971,7 @@ packages:
   /ts-node@10.9.1(@types/node@20.4.2)(typescript@5.1.6):
     resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
     hasBin: true
+    requiresBuild: true
     peerDependencies:
       '@swc/core': '>=1.2.50'
       '@swc/wasm': '>=1.2.50'
@@ -6035,6 +6057,7 @@ packages:
     resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
     engines: {node: '>=14.17'}
     hasBin: true
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -6091,11 +6114,11 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.55.3(postcss@8.4.26)(vite@4.4.9):
-    resolution: {integrity: sha512-laHtypsgqXQ8798h8cYO1fkxPumSQG8Y7GDvvSY1TWmha+mbl1YzbHqakxiJvoThJrMFLiwmpZ2vD7KFbzfGfg==}
+  /unocss@0.56.0(postcss@8.4.29)(vite@4.4.9):
+    resolution: {integrity: sha512-Ge0lMi1zYL2z/NCv0OMeYMUeLsjQGNeohSc/3qumEtGhBNiGrF6sVX80BnJ99fAFsn80nxJepWbCApUmZ/2tJA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@unocss/webpack': 0.55.3
+      '@unocss/webpack': 0.56.0
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     peerDependenciesMeta:
       '@unocss/webpack':
@@ -6103,26 +6126,26 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@unocss/astro': 0.55.3(vite@4.4.9)
-      '@unocss/cli': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/extractor-arbitrary-variants': 0.55.3
-      '@unocss/postcss': 0.55.3(postcss@8.4.26)
-      '@unocss/preset-attributify': 0.55.3
-      '@unocss/preset-icons': 0.55.3
-      '@unocss/preset-mini': 0.55.3
-      '@unocss/preset-tagify': 0.55.3
-      '@unocss/preset-typography': 0.55.3
-      '@unocss/preset-uno': 0.55.3
-      '@unocss/preset-web-fonts': 0.55.3
-      '@unocss/preset-wind': 0.55.3
-      '@unocss/reset': 0.55.3
-      '@unocss/transformer-attributify-jsx': 0.55.3
-      '@unocss/transformer-attributify-jsx-babel': 0.55.3
-      '@unocss/transformer-compile-class': 0.55.3
-      '@unocss/transformer-directives': 0.55.3
-      '@unocss/transformer-variant-group': 0.55.3
-      '@unocss/vite': 0.55.3(vite@4.4.9)
+      '@unocss/astro': 0.56.0(vite@4.4.9)
+      '@unocss/cli': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/extractor-arbitrary-variants': 0.56.0
+      '@unocss/postcss': 0.56.0(postcss@8.4.29)
+      '@unocss/preset-attributify': 0.56.0
+      '@unocss/preset-icons': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/preset-tagify': 0.56.0
+      '@unocss/preset-typography': 0.56.0
+      '@unocss/preset-uno': 0.56.0
+      '@unocss/preset-web-fonts': 0.56.0
+      '@unocss/preset-wind': 0.56.0
+      '@unocss/reset': 0.56.0
+      '@unocss/transformer-attributify-jsx': 0.56.0
+      '@unocss/transformer-attributify-jsx-babel': 0.56.0
+      '@unocss/transformer-compile-class': 0.56.0
+      '@unocss/transformer-directives': 0.56.0
+      '@unocss/transformer-variant-group': 0.56.0
+      '@unocss/vite': 0.56.0(vite@4.4.9)
       vite: 4.4.9(@types/node@20.4.2)
     transitivePeerDependencies:
       - postcss
@@ -6161,6 +6184,7 @@ packages:
 
   /v8-compile-cache-lib@3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -6521,6 +6545,7 @@ packages:
   /yn@3.1.1:
     resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
     engines: {node: '>=6'}
+    requiresBuild: true
     dev: true
     optional: true
 
diff --git a/test/wButton.test.js b/test/wButton.test.js
index 543ad0ab..a1c22a27 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -21,7 +21,24 @@ describe('button', () => {
   test('primary', () => {
     const wrapper = mount(wButton, { props: { primary: true, label } })
     assert.equal(wrapper.text(), 'Hello Warp')
-    assert.include(wrapper.classes().join(' '), ccButton.buttonPrimary)
+    assert.include(wrapper.classes().join(' '), ccButton.primary)
+  })
+  test('negative', () => {
+    const wrapper = mount(wButton, { props: { negative: true, label } })
+    assert.equal(wrapper.text(), 'Hello Warp')
+    assert.include(wrapper.classes().join(' '), ccButton.negative)
+  })
+  test('no variant should default to secondary', () => {
+    const wrapper = mount(wButton)
+    assert.include(wrapper.classes().join(' '), ccButton.secondary)
+  })
+  test('small with no variant should default to secondary small', () => {
+    const wrapper = mount(wButton, { props: { small: true } })
+    assert.include(wrapper.classes().join(' '), ccButton.secondarySmall)
+  })
+  test('small & quiet with no variant should default to secondary small quiet', () => {
+    const wrapper = mount(wButton, { props: { small: true, quiet: true } })
+    assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuiet)
   })
   test('href', () => {
     const href = 'https://finn.no'