@flux-ui/visuals 4.0.0-beta.5 → 4.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flux-ui/visuals",
|
|
3
3
|
"description": "Visual effect components for the Flux UI library.",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"funding": "https://github.com/sponsors/basmilius",
|
|
@@ -48,20 +48,20 @@
|
|
|
48
48
|
"module": "./dist/index.js",
|
|
49
49
|
"types": "./dist/index.d.ts",
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@flux-ui/types": "^4.0.0-beta.
|
|
51
|
+
"@flux-ui/types": "^4.0.0-beta.6",
|
|
52
52
|
"clsx": "^2.1.1",
|
|
53
53
|
"rough-notation": "^0.5.1"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@basmilius/common": "^3.
|
|
57
|
-
"@basmilius/utils": "^3.
|
|
58
|
-
"@flux-ui/internals": "^4.0.0-beta.
|
|
56
|
+
"@basmilius/common": "^3.59.0",
|
|
57
|
+
"@basmilius/utils": "^3.59.0",
|
|
58
|
+
"@flux-ui/internals": "^4.0.0-beta.6",
|
|
59
59
|
"luxon": "^3.7.2",
|
|
60
60
|
"vue": "^3.6.0-rc.2"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@basmilius/common": "^3.
|
|
64
|
-
"@basmilius/utils": "^3.
|
|
63
|
+
"@basmilius/common": "^3.59.0",
|
|
64
|
+
"@basmilius/utils": "^3.59.0",
|
|
65
65
|
"@basmilius/vite-preset": "^3.58.0",
|
|
66
66
|
"@types/node": "^26.1.2",
|
|
67
67
|
"@vitejs/plugin-vue": "^6.0.8",
|
|
@@ -73,12 +73,12 @@
|
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
const wrapperRef = useTemplateRef('wrapper');
|
|
76
|
-
const inView = useInView(wrapperRef, {initial: true, rootMargin: '256px'});
|
|
77
|
-
|
|
78
76
|
const isActive = ref(active);
|
|
79
77
|
const isFading = ref(false);
|
|
80
78
|
const glowScale = ref<{ x: number; y: number; } | null>(null);
|
|
81
79
|
|
|
80
|
+
const inView = useInView(wrapperRef, {initial: true, rootMargin: '256px'});
|
|
81
|
+
|
|
82
82
|
const isPulse = computed(() => variant === 'pulse-inner' || variant === 'pulse-outside');
|
|
83
83
|
const isStatic = computed(() => staticColors || colorVariant === 'mono');
|
|
84
84
|
const isPaused = computed(() => isActive.value && !isFading.value && !inView.value);
|
|
@@ -74,11 +74,12 @@
|
|
|
74
74
|
readonly glow?: boolean;
|
|
75
75
|
}>();
|
|
76
76
|
|
|
77
|
-
const id = useId();
|
|
78
|
-
const glowId = `${id}-glow`;
|
|
79
77
|
const rootRef = useTemplateRef<SVGSVGElement>('root');
|
|
80
78
|
const active = ref(false);
|
|
81
79
|
|
|
80
|
+
const id = useId();
|
|
81
|
+
const glowId = `${id}-glow`;
|
|
82
|
+
|
|
82
83
|
// The pattern svg has pointer-events: none, so the cursor is tracked on the
|
|
83
84
|
// parent scroll/overflow container instead. The position is written straight
|
|
84
85
|
// to CSS custom properties to avoid a re-render on every pointermove.
|
|
@@ -83,11 +83,12 @@
|
|
|
83
83
|
readonly glow?: boolean;
|
|
84
84
|
}>();
|
|
85
85
|
|
|
86
|
-
const id = useId();
|
|
87
|
-
const glowId = `${id}-glow`;
|
|
88
86
|
const rootRef = useTemplateRef<SVGSVGElement>('root');
|
|
89
87
|
const active = ref(false);
|
|
90
88
|
|
|
89
|
+
const id = useId();
|
|
90
|
+
const glowId = `${id}-glow`;
|
|
91
|
+
|
|
91
92
|
// The pattern svg has pointer-events: none, so the cursor is tracked on the
|
|
92
93
|
// parent scroll/overflow container instead. The position is written straight
|
|
93
94
|
// to CSS custom properties to avoid a re-render on every pointermove.
|