feat: add zero-specificity support and standardize mixin parameters

.eslintrc-auto-import.json

@@ -99,6 +99,7 @@
     "refAutoReset": true,
     "refDebounced": true,
     "refDefault": true,
+    "refManualReset": true,
     "refThrottled": true,
     "refWithControl": true,
     "resolveComponent": true,

auto-imports.d.ts

@@ -88,6 +88,7 @@ declare global {
   const refAutoReset: typeof import('@vueuse/core').refAutoReset
   const refDebounced: typeof import('@vueuse/core').refDebounced
   const refDefault: typeof import('@vueuse/core').refDefault
+  const refManualReset: typeof import('@vueuse/core').refManualReset
   const refThrottled: typeof import('@vueuse/core').refThrottled
   const refWithControl: typeof import('@vueuse/core').refWithControl
   const resolveComponent: typeof import('vue').resolveComponent
@@ -396,6 +397,7 @@ declare module 'vue' {
     readonly refAutoReset: UnwrapRef<typeof import('@vueuse/core')['refAutoReset']>
     readonly refDebounced: UnwrapRef<typeof import('@vueuse/core')['refDebounced']>
     readonly refDefault: UnwrapRef<typeof import('@vueuse/core')['refDefault']>
+    readonly refManualReset: UnwrapRef<typeof import('@vueuse/core')['refManualReset']>
     readonly refThrottled: UnwrapRef<typeof import('@vueuse/core')['refThrottled']>
     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
     readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>

package.json

@@ -109,34 +109,6 @@
     "./scss/export": "./src/export.scss",
     "./base": "./dist/base.css",
     "./scss/base": "./src/base.scss",
-    "./props/typography": "./dist/props/typography.css",
-    "./scss/props/typography": "./src/props/typography.scss",
-    "./props/transitions": "./dist/props/transitions.css",
-    "./scss/props/transitions": "./src/props/transitions.scss",
-    "./props/spacing": "./dist/props/spacing.css",
-    "./scss/props/spacing": "./src/props/spacing.scss",
-    "./props/sizing": "./dist/props/sizing.css",
-    "./scss/props/sizing": "./src/props/sizing.scss",
-    "./props/media": "./dist/props/media.css",
-    "./scss/props/media": "./src/props/media.scss",
-    "./props/layout": "./dist/props/layout.css",
-    "./scss/props/layout": "./src/props/layout.scss",
-    "./props/input": "./dist/props/input.css",
-    "./scss/props/input": "./src/props/input.scss",
-    "./props": "./dist/props.css",
-    "./scss/props": "./src/props/index.scss",
-    "./props/filters": "./dist/props/filters.css",
-    "./scss/props/filters": "./src/props/filters.scss",
-    "./props/effects": "./dist/props/effects.css",
-    "./scss/props/effects": "./src/props/effects.scss",
-    "./props/colors": "./dist/props/colors.css",
-    "./scss/props/colors": "./src/props/colors.scss",
-    "./props/breakpoints": "./dist/props/breakpoints.css",
-    "./scss/props/breakpoints": "./src/props/breakpoints.scss",
-    "./props/borders": "./dist/props/borders.css",
-    "./scss/props/borders": "./src/props/borders.scss",
-    "./props/background": "./dist/props/background.css",
-    "./scss/props/background": "./src/props/background.scss",
     "./utilities/typography": "./dist/utilities/typography.css",
     "./scss/utilities/typography": "./src/utilities/typography.scss",
     "./utilities/transitions": "./dist/utilities/transitions.css",
@@ -233,6 +205,34 @@
     "./scss/components/vv-accordion-group": "./src/components/vv-accordion-group.scss",
     "./components": "./dist/components.css",
     "./scss/components": "./src/components/index.scss",
+    "./props/typography": "./dist/props/typography.css",
+    "./scss/props/typography": "./src/props/typography.scss",
+    "./props/transitions": "./dist/props/transitions.css",
+    "./scss/props/transitions": "./src/props/transitions.scss",
+    "./props/spacing": "./dist/props/spacing.css",
+    "./scss/props/spacing": "./src/props/spacing.scss",
+    "./props/sizing": "./dist/props/sizing.css",
+    "./scss/props/sizing": "./src/props/sizing.scss",
+    "./props/media": "./dist/props/media.css",
+    "./scss/props/media": "./src/props/media.scss",
+    "./props/layout": "./dist/props/layout.css",
+    "./scss/props/layout": "./src/props/layout.scss",
+    "./props/input": "./dist/props/input.css",
+    "./scss/props/input": "./src/props/input.scss",
+    "./props": "./dist/props.css",
+    "./scss/props": "./src/props/index.scss",
+    "./props/filters": "./dist/props/filters.css",
+    "./scss/props/filters": "./src/props/filters.scss",
+    "./props/effects": "./dist/props/effects.css",
+    "./scss/props/effects": "./src/props/effects.scss",
+    "./props/colors": "./dist/props/colors.css",
+    "./scss/props/colors": "./src/props/colors.scss",
+    "./props/breakpoints": "./dist/props/breakpoints.css",
+    "./scss/props/breakpoints": "./src/props/breakpoints.scss",
+    "./props/borders": "./dist/props/borders.css",
+    "./scss/props/borders": "./src/props/borders.scss",
+    "./props/background": "./dist/props/background.css",
+    "./scss/props/background": "./src/props/background.scss",
     "./themes/dark": "./dist/themes/dark/volver.css",
     "./scss/themes/dark": "./src/themes/dark/volver.scss",
     "./themes/dark/props": "./dist/themes/dark/props.css",

src/components/vv-accordion-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-accordion-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-accordion.scss

@@ -8,7 +8,7 @@ $component-map: $vv-accordion;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-alert-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-alert-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-alert.scss

@@ -8,7 +8,7 @@ $component-map: $vv-alert;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-avatar-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-avatar-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-avatar.scss

@@ -8,7 +8,7 @@ $component-map: $vv-avatar;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-badge.scss

@@ -8,7 +8,7 @@ $component-map: $vv-badge;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-breadcrumb.scss

@@ -8,7 +8,7 @@ $component-map: $vv-breadcrumb;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-button-group.scss

@@ -11,7 +11,7 @@ $button-component-selector: '.' + $button-component-name;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-button.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$custom-block: true,
 	$bps: $breakpoints
@@ -29,7 +29,7 @@ $component-selector: '.#{ $component-name}';
 		@include spread-map-into-attrs(
 			$map: $component-map,
 			$prefix: $component-name,
-			$props: $use-custom-props-for-components
+			$use-custom-props: $use-custom-props-for-components
 		);
 	}
 

src/components/vv-card.scss

@@ -8,7 +8,7 @@ $component-map: $vv-card;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-checkbox-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-checkbox-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-checkbox.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-dialog.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dialog;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-dropdown-action.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-action;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-dropdown-optgroup.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-optgroup;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-dropdown-option.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown-option;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-dropdown.scss

@@ -8,7 +8,7 @@ $component-map: $vv-dropdown;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-input-file.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{$component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-input-text.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{$component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-nav.scss

@@ -8,7 +8,7 @@ $component-map: $vv-nav;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-progress.scss

@@ -8,7 +8,7 @@ $component-map: $vv-progress;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-radio-group.scss

@@ -8,7 +8,7 @@ $component-map: $vv-radio-group;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-radio.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-select.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-skeleton.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-tab.scss

@@ -8,7 +8,7 @@ $component-map: $vv-tab;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-table.scss

@@ -8,7 +8,7 @@ $component-map: $vv-table;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-text.scss

@@ -8,7 +8,7 @@ $component-map: $vv-text;
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-textarea.scss

@@ -10,7 +10,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/components/vv-tooltip.scss

@@ -9,7 +9,7 @@ $component-selector: '.#{ $component-name}';
 @include spread-map-into-bem(
 	$map: $component-map,
 	$block: $component-name,
-	$props: $use-custom-props-for-components,
+	$use-custom-props: $use-custom-props-for-components,
 	$zero-specificity: $zero-specificity-for-components,
 	$bps: $breakpoints
 );

src/settings/components/_vv-dialog.scss

@@ -1,5 +1,6 @@
 $vv-dialog: (
 	display: flex,
+	user-select: text,
 	z-index: var(--z-modal-backdrop),
 	position: fixed,
 	inset: 0,

src/themes/dark/components/_vv-alert.scss

@@ -9,7 +9,8 @@ $component-name: map.get($components-names, vv-alert);
 		$theme-map: $dark-vv-alert,
 		$component-name: $component-name,
 		$bps: $breakpoints,
-		$use-custom-props: $use-custom-props-for-components
+		$use-custom-props: $use-custom-props-for-components,
+		$zero-specificity: $zero-specificity-for-components
 	);
 }