@flux-ui/visuals 3.2.0-beta.10 → 3.2.0-beta.11

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@flux-ui/visuals",
     "description": "Visual effect components for the Flux UI library.",
-    "version": "3.2.0-beta.10",
+    "version": "3.2.0-beta.11",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -51,7 +51,8 @@
     "dependencies": {
         "@basmilius/common": "^3.50.0",
         "@basmilius/utils": "^3.50.0",
-        "@flux-ui/internals": "3.2.0-beta.10",
+        "@flux-ui/internals": "3.2.0-beta.11",
+        "@flux-ui/types": "3.2.0-beta.11",
         "clsx": "^2.1.1",
         "rough-notation": "^0.5.1"
     },

package/src/component/FluxVisualBorderBeam.vue

@@ -24,9 +24,10 @@
     lang="ts"
     setup>
     import { useInView } from '@flux-ui/internals';
+    import type { BorderBeamVariant } from '@flux-ui/types';
     import { clsx } from 'clsx';
     import { computed, ref, unref, useTemplateRef, watch } from 'vue';
-    import { useBorderBeamPulse, type BorderBeamVariant } from '~flux/visuals/composable/private';
+    import { useBorderBeamPulse } from '~flux/visuals/composable/private';
     import $style from '~flux/visuals/css/component/BorderBeam.module.scss';
 
     const emit = defineEmits<{

package/src/component/FluxVisualHighlighter.vue

@@ -10,9 +10,10 @@
     lang="ts"
     setup>
     import { prefersReducedMotion, useInView } from '@flux-ui/internals';
+    import type { HighlighterVariant } from '@flux-ui/types';
     import { annotate } from 'rough-notation';
     import { computed, onBeforeUnmount, onMounted, shallowRef, useTemplateRef, watch } from 'vue';
-    import { useHighlighterGroupInjection, type HighlighterGroupEntry, type HighlighterVariant } from '~flux/visuals/composable/private';
+    import { useHighlighterGroupInjection, type HighlighterGroupEntry } from '~flux/visuals/composable/private';
     import $style from '~flux/visuals/css/component/Highlighter.module.scss';
 
     const emit = defineEmits<{

package/src/component/FluxVisualHighlighterGroup.vue

@@ -7,7 +7,8 @@
 <script
     lang="ts"
     setup>
-    import { useHighlighterGroup, type HighlighterGroupProps } from '~flux/visuals/composable/private';
+    import type { HighlighterGroupProps } from '@flux-ui/types';
+    import { useHighlighterGroup } from '~flux/visuals/composable/private';
     import $style from '~flux/visuals/css/component/Highlighter.module.scss';
 
     const props = defineProps<HighlighterGroupProps>();

package/src/composable/private/index.ts

@@ -1,2 +1,2 @@
-export { default as useBorderBeamPulse, type BorderBeamVariant } from './useBorderBeamPulse';
-export { default as useHighlighterGroup, useHighlighterGroupInjection, type HighlighterGroupContext, type HighlighterGroupEntry, type HighlighterGroupProps, type HighlighterVariant } from './useHighlighterGroup';
+export { default as useBorderBeamPulse } from './useBorderBeamPulse';
+export { default as useHighlighterGroup, useHighlighterGroupInjection, type HighlighterGroupContext, type HighlighterGroupEntry } from './useHighlighterGroup';

package/src/composable/private/useBorderBeamPulse.ts

@@ -1,8 +1,7 @@
 import { prefersReducedMotion } from '@flux-ui/internals';
+import type { BorderBeamVariant } from '@flux-ui/types';
 import { unref, watchEffect, type Ref } from 'vue';
 
-export type BorderBeamVariant = 'sm' | 'md' | 'line' | 'pulse-inner' | 'pulse-outside';
-
 type PulseOscillator = {
     readonly prop: string;
     readonly a: number;

package/src/composable/private/useHighlighterGroup.ts

@@ -1,21 +1,9 @@
+import type { HighlighterGroupProps } from '@flux-ui/types';
 import { annotationGroup } from 'rough-notation';
 import { inject, onScopeDispose, provide, type InjectionKey } from 'vue';
 
 type Annotation = Parameters<typeof annotationGroup>[0][number];
 
-export type HighlighterVariant = 'highlight' | 'box' | 'circle' | 'underline' | 'strike-through' | 'crossed-off' | 'bracket';
-
-export type HighlighterGroupProps = {
-    readonly variant?: HighlighterVariant;
-    readonly color?: string;
-    readonly strokeWidth?: number;
-    readonly animationDuration?: number;
-    readonly iterations?: number;
-    readonly padding?: number;
-    readonly multiline?: boolean;
-    readonly whenInView?: boolean;
-};
-
 export type HighlighterGroupEntry = {
     readonly element: HTMLElement;
     getAnnotation(): Annotation | null;