@gfazioli/mantine-text-animate 2.4.1 → 3.0.0
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/README.md +1 -1
- package/dist/cjs/Gradient/Gradient.cjs +80 -0
- package/dist/cjs/Gradient/Gradient.cjs.map +1 -0
- package/dist/cjs/Gradient/Gradient.module.css.cjs +7 -0
- package/dist/cjs/Gradient/Gradient.module.css.cjs.map +1 -0
- package/dist/cjs/Highlight/Highlight.cjs +78 -0
- package/dist/cjs/Highlight/Highlight.cjs.map +1 -0
- package/dist/cjs/Highlight/Highlight.module.css.cjs +7 -0
- package/dist/cjs/Highlight/Highlight.module.css.cjs.map +1 -0
- package/dist/cjs/Morphing/Morphing.cjs +79 -0
- package/dist/cjs/Morphing/Morphing.cjs.map +1 -0
- package/dist/cjs/Morphing/Morphing.module.css.cjs +7 -0
- package/dist/cjs/Morphing/Morphing.module.css.cjs.map +1 -0
- package/dist/cjs/Morphing/use-morphing.cjs +240 -0
- package/dist/cjs/Morphing/use-morphing.cjs.map +1 -0
- package/dist/cjs/NumberTicker/NumberTicker.cjs +11 -3
- package/dist/cjs/NumberTicker/NumberTicker.cjs.map +1 -1
- package/dist/cjs/NumberTicker/use-number-ticker.cjs +15 -3
- package/dist/cjs/NumberTicker/use-number-ticker.cjs.map +1 -1
- package/dist/cjs/RotatingText/RotatingText.cjs +71 -0
- package/dist/cjs/RotatingText/RotatingText.cjs.map +1 -0
- package/dist/cjs/RotatingText/RotatingText.module.css.cjs +7 -0
- package/dist/cjs/RotatingText/RotatingText.module.css.cjs.map +1 -0
- package/dist/cjs/RotatingText/use-rotating-text.cjs +112 -0
- package/dist/cjs/RotatingText/use-rotating-text.cjs.map +1 -0
- package/dist/cjs/Spinner/Spinner.cjs +42 -31
- package/dist/cjs/Spinner/Spinner.cjs.map +1 -1
- package/dist/cjs/SplitFlap/SplitFlap.cjs +92 -0
- package/dist/cjs/SplitFlap/SplitFlap.cjs.map +1 -0
- package/dist/cjs/SplitFlap/SplitFlap.module.css.cjs +7 -0
- package/dist/cjs/SplitFlap/SplitFlap.module.css.cjs.map +1 -0
- package/dist/cjs/SplitFlap/use-split-flap.cjs +258 -0
- package/dist/cjs/SplitFlap/use-split-flap.cjs.map +1 -0
- package/dist/cjs/TextAnimate.cjs +114 -29
- package/dist/cjs/TextAnimate.cjs.map +1 -1
- package/dist/cjs/TextTicker/TextTicker.cjs +6 -0
- package/dist/cjs/TextTicker/TextTicker.cjs.map +1 -1
- package/dist/cjs/TextTicker/use-text-ticker.cjs +97 -7
- package/dist/cjs/TextTicker/use-text-ticker.cjs.map +1 -1
- package/dist/cjs/Typewriter/Typewriter.cjs +40 -20
- package/dist/cjs/Typewriter/Typewriter.cjs.map +1 -1
- package/dist/cjs/Typewriter/use-typewriter.cjs +85 -6
- package/dist/cjs/Typewriter/use-typewriter.cjs.map +1 -1
- package/dist/cjs/index.cjs +8 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/use-text-animate.cjs +38 -0
- package/dist/cjs/use-text-animate.cjs.map +1 -0
- package/dist/esm/Gradient/Gradient.mjs +78 -0
- package/dist/esm/Gradient/Gradient.mjs.map +1 -0
- package/dist/esm/Gradient/Gradient.module.css.mjs +5 -0
- package/dist/esm/Gradient/Gradient.module.css.mjs.map +1 -0
- package/dist/esm/Highlight/Highlight.mjs +76 -0
- package/dist/esm/Highlight/Highlight.mjs.map +1 -0
- package/dist/esm/Highlight/Highlight.module.css.mjs +5 -0
- package/dist/esm/Highlight/Highlight.module.css.mjs.map +1 -0
- package/dist/esm/Morphing/Morphing.mjs +77 -0
- package/dist/esm/Morphing/Morphing.mjs.map +1 -0
- package/dist/esm/Morphing/Morphing.module.css.mjs +5 -0
- package/dist/esm/Morphing/Morphing.module.css.mjs.map +1 -0
- package/dist/esm/Morphing/use-morphing.mjs +238 -0
- package/dist/esm/Morphing/use-morphing.mjs.map +1 -0
- package/dist/esm/NumberTicker/NumberTicker.mjs +11 -3
- package/dist/esm/NumberTicker/NumberTicker.mjs.map +1 -1
- package/dist/esm/NumberTicker/use-number-ticker.mjs +15 -3
- package/dist/esm/NumberTicker/use-number-ticker.mjs.map +1 -1
- package/dist/esm/RotatingText/RotatingText.mjs +69 -0
- package/dist/esm/RotatingText/RotatingText.mjs.map +1 -0
- package/dist/esm/RotatingText/RotatingText.module.css.mjs +5 -0
- package/dist/esm/RotatingText/RotatingText.module.css.mjs.map +1 -0
- package/dist/esm/RotatingText/use-rotating-text.mjs +110 -0
- package/dist/esm/RotatingText/use-rotating-text.mjs.map +1 -0
- package/dist/esm/Spinner/Spinner.mjs +43 -32
- package/dist/esm/Spinner/Spinner.mjs.map +1 -1
- package/dist/esm/SplitFlap/SplitFlap.mjs +90 -0
- package/dist/esm/SplitFlap/SplitFlap.mjs.map +1 -0
- package/dist/esm/SplitFlap/SplitFlap.module.css.mjs +5 -0
- package/dist/esm/SplitFlap/SplitFlap.module.css.mjs.map +1 -0
- package/dist/esm/SplitFlap/use-split-flap.mjs +256 -0
- package/dist/esm/SplitFlap/use-split-flap.mjs.map +1 -0
- package/dist/esm/TextAnimate.mjs +115 -30
- package/dist/esm/TextAnimate.mjs.map +1 -1
- package/dist/esm/TextTicker/TextTicker.mjs +6 -0
- package/dist/esm/TextTicker/TextTicker.mjs.map +1 -1
- package/dist/esm/TextTicker/use-text-ticker.mjs +97 -7
- package/dist/esm/TextTicker/use-text-ticker.mjs.map +1 -1
- package/dist/esm/Typewriter/Typewriter.mjs +40 -20
- package/dist/esm/Typewriter/Typewriter.mjs.map +1 -1
- package/dist/esm/Typewriter/use-typewriter.mjs +86 -7
- package/dist/esm/Typewriter/use-typewriter.mjs.map +1 -1
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/use-text-animate.mjs +36 -0
- package/dist/esm/use-text-animate.mjs.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/styles.layer.css +1 -1
- package/dist/types/Gradient/Gradient.d.ts +73 -0
- package/dist/types/Highlight/Highlight.d.ts +78 -0
- package/dist/types/Morphing/Morphing.d.ts +50 -0
- package/dist/types/Morphing/use-morphing.d.ts +73 -0
- package/dist/types/NumberTicker/NumberTicker.d.ts +12 -4
- package/dist/types/NumberTicker/use-number-ticker.d.ts +8 -1
- package/dist/types/RotatingText/RotatingText.d.ts +55 -0
- package/dist/types/RotatingText/use-rotating-text.d.ts +49 -0
- package/dist/types/Spinner/Spinner.d.ts +10 -7
- package/dist/types/SplitFlap/SplitFlap.d.ts +85 -0
- package/dist/types/SplitFlap/use-split-flap.d.ts +85 -0
- package/dist/types/TextAnimate.d.ts +79 -4
- package/dist/types/TextTicker/TextTicker.d.ts +3 -3
- package/dist/types/TextTicker/use-text-ticker.d.ts +15 -1
- package/dist/types/Typewriter/Typewriter.d.ts +3 -3
- package/dist/types/Typewriter/use-typewriter.d.ts +26 -2
- package/dist/types/index.d.mts +10 -1
- package/dist/types/index.d.ts +10 -1
- package/dist/types/use-text-animate.d.ts +36 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Mantine Text Animate Component
|
|
2
2
|
|
|
3
|
-
<img alt="Mantine Text Animate" src="https://github.com/gfazioli/mantine-text-animate/blob/master/logo.
|
|
3
|
+
<img alt="Mantine Text Animate" src="https://github.com/gfazioli/mantine-text-animate/blob/master/logo.jpeg" />
|
|
4
4
|
|
|
5
5
|
<div align="center">
|
|
6
6
|
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
var Gradient_module = require('./Gradient.module.css.cjs');
|
|
7
|
+
|
|
8
|
+
const defaultProps = {
|
|
9
|
+
speed: 1,
|
|
10
|
+
direction: 90,
|
|
11
|
+
animate: true
|
|
12
|
+
};
|
|
13
|
+
const varsResolver = core.createVarsResolver((_, { speed, direction }) => {
|
|
14
|
+
const d = direction ?? 90;
|
|
15
|
+
const rad = d * Math.PI / 180;
|
|
16
|
+
const endX = Math.round(Math.sin(rad) * 200);
|
|
17
|
+
const endY = Math.round(-Math.cos(rad) * 200);
|
|
18
|
+
return {
|
|
19
|
+
root: {
|
|
20
|
+
"--text-animate-gradient-speed": `${3 / (speed || 1)}s`,
|
|
21
|
+
"--text-animate-gradient-direction": `${d}deg`,
|
|
22
|
+
"--text-animate-gradient-end-x": `${endX}%`,
|
|
23
|
+
"--text-animate-gradient-end-y": `${endY}%`
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
});
|
|
27
|
+
const Gradient = core.polymorphicFactory((_props, ref) => {
|
|
28
|
+
const props = core.useProps("Gradient", defaultProps, _props);
|
|
29
|
+
const {
|
|
30
|
+
colors,
|
|
31
|
+
speed,
|
|
32
|
+
direction,
|
|
33
|
+
animate,
|
|
34
|
+
children,
|
|
35
|
+
classNames,
|
|
36
|
+
style,
|
|
37
|
+
styles,
|
|
38
|
+
unstyled,
|
|
39
|
+
vars,
|
|
40
|
+
className,
|
|
41
|
+
...others
|
|
42
|
+
} = props;
|
|
43
|
+
const theme = core.useMantineTheme();
|
|
44
|
+
const getStyles = core.useStyles({
|
|
45
|
+
name: "Gradient",
|
|
46
|
+
props,
|
|
47
|
+
classes: Gradient_module,
|
|
48
|
+
className,
|
|
49
|
+
style,
|
|
50
|
+
classNames,
|
|
51
|
+
styles,
|
|
52
|
+
unstyled,
|
|
53
|
+
vars,
|
|
54
|
+
varsResolver
|
|
55
|
+
});
|
|
56
|
+
const resolvedColors = colors.map((c) => core.parseThemeColor({ color: c, theme }).value);
|
|
57
|
+
const gradientColors = resolvedColors.length > 0 ? resolvedColors.join(", ") : "#000, #fff";
|
|
58
|
+
const backgroundImage = `linear-gradient(${direction ?? 90}deg, ${gradientColors}, ${resolvedColors[0] || "#000"})`;
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
core.Box,
|
|
61
|
+
{
|
|
62
|
+
ref,
|
|
63
|
+
...getStyles("root", {
|
|
64
|
+
style: {
|
|
65
|
+
backgroundImage
|
|
66
|
+
}
|
|
67
|
+
}),
|
|
68
|
+
component: "span",
|
|
69
|
+
"data-text-animate-gradient-animate": animate,
|
|
70
|
+
"aria-live": "polite",
|
|
71
|
+
...others
|
|
72
|
+
},
|
|
73
|
+
children
|
|
74
|
+
);
|
|
75
|
+
});
|
|
76
|
+
Gradient.classes = Gradient_module;
|
|
77
|
+
Gradient.displayName = "Gradient";
|
|
78
|
+
|
|
79
|
+
exports.Gradient = Gradient;
|
|
80
|
+
//# sourceMappingURL=Gradient.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gradient.cjs","sources":["../../../src/Gradient/Gradient.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n createVarsResolver,\n parseThemeColor,\n polymorphicFactory,\n useMantineTheme,\n useProps,\n useStyles,\n type BoxProps,\n type MantineColor,\n type PolymorphicFactory,\n type StylesApiProps,\n} from '@mantine/core';\nimport classes from './Gradient.module.css';\n\nexport type GradientStylesNames = 'root';\n\nexport type GradientCssVariables = {\n root:\n | '--text-animate-gradient-speed'\n | '--text-animate-gradient-direction'\n | '--text-animate-gradient-end-x'\n | '--text-animate-gradient-end-y';\n};\n\nexport interface GradientBaseProps {\n /**\n * Array of color values for the gradient — accepts Mantine color names or CSS values\n * @example ['red', '#00ff00', 'blue']\n */\n colors: MantineColor[];\n\n /**\n * Animation speed multiplier (higher = faster)\n * @default 1\n */\n speed?: number;\n\n /**\n * Gradient direction in degrees\n * @default 90\n */\n direction?: number;\n\n /**\n * Whether the gradient animation is active\n * @default true\n */\n animate?: boolean;\n\n /**\n * The text content to display with gradient\n */\n children: React.ReactNode;\n}\n\nexport interface GradientProps\n extends BoxProps, GradientBaseProps, StylesApiProps<GradientFactory> {}\n\nexport type GradientFactory = PolymorphicFactory<{\n props: GradientProps;\n defaultComponent: 'span';\n defaultRef: HTMLSpanElement;\n stylesNames: GradientStylesNames;\n vars: GradientCssVariables;\n}>;\n\nconst defaultProps: Partial<GradientProps> = {\n speed: 1,\n direction: 90,\n animate: true,\n};\n\nconst varsResolver = createVarsResolver<GradientFactory>((_, { speed, direction }) => {\n const d = direction ?? 90;\n const rad = (d * Math.PI) / 180;\n // CSS gradient angles: 0deg=up, 90deg=right → sin for x, -cos for y\n const endX = Math.round(Math.sin(rad) * 200);\n const endY = Math.round(-Math.cos(rad) * 200);\n\n return {\n root: {\n '--text-animate-gradient-speed': `${3 / (speed || 1)}s`,\n '--text-animate-gradient-direction': `${d}deg`,\n '--text-animate-gradient-end-x': `${endX}%`,\n '--text-animate-gradient-end-y': `${endY}%`,\n },\n };\n});\n\n/**\n * Gradient Component\n *\n * A component that displays text with an animated gradient background.\n */\nexport const Gradient = polymorphicFactory<GradientFactory>((_props, ref) => {\n const props = useProps('Gradient', defaultProps, _props);\n\n const {\n colors,\n speed,\n direction,\n animate,\n children,\n\n classNames,\n style,\n styles,\n unstyled,\n vars,\n className,\n\n ...others\n } = props;\n\n const theme = useMantineTheme();\n\n const getStyles = useStyles<GradientFactory>({\n name: 'Gradient',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n // Resolve Mantine color names (e.g. \"grape\") to CSS color values\n const resolvedColors = colors.map((c) => parseThemeColor({ color: c, theme }).value);\n\n // Build the gradient string from resolved colors\n const gradientColors = resolvedColors.length > 0 ? resolvedColors.join(', ') : '#000, #fff';\n const backgroundImage = `linear-gradient(${direction ?? 90}deg, ${gradientColors}, ${resolvedColors[0] || '#000'})`;\n\n return (\n <Box\n ref={ref}\n {...getStyles('root', {\n style: {\n backgroundImage,\n },\n })}\n component=\"span\"\n data-text-animate-gradient-animate={animate}\n aria-live=\"polite\"\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nGradient.classes = classes;\nGradient.displayName = 'Gradient';\n"],"names":["createVarsResolver","polymorphicFactory","useProps","useMantineTheme","useStyles","classes","parseThemeColor","Box"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gradient.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
var Highlight_module = require('./Highlight.module.css.cjs');
|
|
7
|
+
|
|
8
|
+
const defaultProps = {
|
|
9
|
+
color: "#ffeb3b",
|
|
10
|
+
animate: true,
|
|
11
|
+
speed: 1,
|
|
12
|
+
highlightHeight: "40%",
|
|
13
|
+
highlightOffset: "60%"
|
|
14
|
+
};
|
|
15
|
+
const varsResolver = core.createVarsResolver(
|
|
16
|
+
(theme, { speed, highlightHeight, highlightOffset, color }) => {
|
|
17
|
+
const resolvedColor = color ? core.parseThemeColor({ color, theme }).value : "#ffeb3b";
|
|
18
|
+
return {
|
|
19
|
+
root: {
|
|
20
|
+
"--text-animate-highlight-speed": `${1 / (speed || 1)}s`,
|
|
21
|
+
"--text-animate-highlight-height": highlightHeight || "40%",
|
|
22
|
+
"--text-animate-highlight-offset": highlightOffset || "60%",
|
|
23
|
+
"--text-animate-highlight-color": resolvedColor
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
const Highlight = core.polymorphicFactory((_props, ref) => {
|
|
29
|
+
const props = core.useProps("Highlight", defaultProps, _props);
|
|
30
|
+
const {
|
|
31
|
+
children,
|
|
32
|
+
color,
|
|
33
|
+
animate,
|
|
34
|
+
speed,
|
|
35
|
+
highlightHeight,
|
|
36
|
+
highlightOffset,
|
|
37
|
+
classNames,
|
|
38
|
+
style,
|
|
39
|
+
styles,
|
|
40
|
+
unstyled,
|
|
41
|
+
vars,
|
|
42
|
+
className,
|
|
43
|
+
...others
|
|
44
|
+
} = props;
|
|
45
|
+
const getStyles = core.useStyles({
|
|
46
|
+
name: "Highlight",
|
|
47
|
+
props,
|
|
48
|
+
classes: Highlight_module,
|
|
49
|
+
className,
|
|
50
|
+
style,
|
|
51
|
+
classNames,
|
|
52
|
+
styles,
|
|
53
|
+
unstyled,
|
|
54
|
+
vars,
|
|
55
|
+
varsResolver
|
|
56
|
+
});
|
|
57
|
+
return /* @__PURE__ */ React.createElement(
|
|
58
|
+
core.Box,
|
|
59
|
+
{
|
|
60
|
+
ref,
|
|
61
|
+
...getStyles("root", {
|
|
62
|
+
style: {
|
|
63
|
+
backgroundImage: `linear-gradient(to right, var(--text-animate-highlight-color), var(--text-animate-highlight-color))`
|
|
64
|
+
}
|
|
65
|
+
}),
|
|
66
|
+
component: "span",
|
|
67
|
+
"data-text-animate-highlight-animate": animate,
|
|
68
|
+
"aria-live": "polite",
|
|
69
|
+
...others
|
|
70
|
+
},
|
|
71
|
+
children
|
|
72
|
+
);
|
|
73
|
+
});
|
|
74
|
+
Highlight.classes = Highlight_module;
|
|
75
|
+
Highlight.displayName = "Highlight";
|
|
76
|
+
|
|
77
|
+
exports.Highlight = Highlight;
|
|
78
|
+
//# sourceMappingURL=Highlight.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Highlight.cjs","sources":["../../../src/Highlight/Highlight.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n createVarsResolver,\n parseThemeColor,\n polymorphicFactory,\n useProps,\n useStyles,\n type BoxProps,\n type MantineColor,\n type PolymorphicFactory,\n type StylesApiProps,\n} from '@mantine/core';\nimport classes from './Highlight.module.css';\n\nexport type HighlightStylesNames = 'root';\n\nexport type HighlightCssVariables = {\n root:\n | '--text-animate-highlight-color'\n | '--text-animate-highlight-speed'\n | '--text-animate-highlight-height'\n | '--text-animate-highlight-offset';\n};\n\nexport interface HighlightBaseProps {\n /**\n * The text content to display with highlight\n */\n children: React.ReactNode;\n\n /**\n * Highlight color\n * @default '#ffeb3b'\n */\n color?: MantineColor;\n\n /**\n * Whether the highlight animation is active\n * @default true\n */\n animate?: boolean;\n\n /**\n * Animation speed multiplier (higher = faster)\n * @default 1\n */\n speed?: number;\n\n /**\n * Height of the highlight bar\n * @default '40%'\n */\n highlightHeight?: string;\n\n /**\n * Vertical offset from top\n * @default '60%'\n */\n highlightOffset?: string;\n}\n\nexport interface HighlightProps\n extends BoxProps, HighlightBaseProps, StylesApiProps<HighlightFactory> {}\n\nexport type HighlightFactory = PolymorphicFactory<{\n props: HighlightProps;\n defaultComponent: 'span';\n defaultRef: HTMLSpanElement;\n stylesNames: HighlightStylesNames;\n vars: HighlightCssVariables;\n}>;\n\nconst defaultProps: Partial<HighlightProps> = {\n color: '#ffeb3b',\n animate: true,\n speed: 1,\n highlightHeight: '40%',\n highlightOffset: '60%',\n};\n\nconst varsResolver = createVarsResolver<HighlightFactory>(\n (theme, { speed, highlightHeight, highlightOffset, color }) => {\n const resolvedColor = color ? parseThemeColor({ color, theme }).value : '#ffeb3b';\n\n return {\n root: {\n '--text-animate-highlight-speed': `${1 / (speed || 1)}s`,\n '--text-animate-highlight-height': highlightHeight || '40%',\n '--text-animate-highlight-offset': highlightOffset || '60%',\n '--text-animate-highlight-color': resolvedColor,\n },\n };\n }\n);\n\n/**\n * Highlight Component\n *\n * A component that displays text with an animated highlight (marker) effect.\n */\nexport const Highlight = polymorphicFactory<HighlightFactory>((_props, ref) => {\n const props = useProps('Highlight', defaultProps, _props);\n\n const {\n children,\n color,\n animate,\n speed,\n highlightHeight,\n highlightOffset,\n\n classNames,\n style,\n styles,\n unstyled,\n vars,\n className,\n\n ...others\n } = props;\n\n const getStyles = useStyles<HighlightFactory>({\n name: 'Highlight',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n ref={ref}\n {...getStyles('root', {\n style: {\n backgroundImage: `linear-gradient(to right, var(--text-animate-highlight-color), var(--text-animate-highlight-color))`,\n },\n })}\n component=\"span\"\n data-text-animate-highlight-animate={animate}\n aria-live=\"polite\"\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nHighlight.classes = classes;\nHighlight.displayName = 'Highlight';\n"],"names":["createVarsResolver","parseThemeColor","polymorphicFactory","useProps","useStyles","classes","Box"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Highlight.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var core = require('@mantine/core');
|
|
6
|
+
var useMorphing = require('./use-morphing.cjs');
|
|
7
|
+
var Morphing_module = require('./Morphing.module.css.cjs');
|
|
8
|
+
|
|
9
|
+
const defaultProps = {
|
|
10
|
+
animate: true,
|
|
11
|
+
speed: 1
|
|
12
|
+
};
|
|
13
|
+
const varsResolver = core.createVarsResolver((_, { speed }) => ({
|
|
14
|
+
root: {
|
|
15
|
+
"--text-animate-morphing-speed": `${1 / (speed || 1)}s`
|
|
16
|
+
}
|
|
17
|
+
}));
|
|
18
|
+
const Morphing = core.polymorphicFactory((_props, ref) => {
|
|
19
|
+
const props = core.useProps("Morphing", defaultProps, _props);
|
|
20
|
+
const {
|
|
21
|
+
value,
|
|
22
|
+
animate,
|
|
23
|
+
speed,
|
|
24
|
+
onCompleted,
|
|
25
|
+
classNames,
|
|
26
|
+
style,
|
|
27
|
+
styles,
|
|
28
|
+
unstyled,
|
|
29
|
+
vars,
|
|
30
|
+
className,
|
|
31
|
+
...others
|
|
32
|
+
} = props;
|
|
33
|
+
const getStyles = core.useStyles({
|
|
34
|
+
name: "Morphing",
|
|
35
|
+
props,
|
|
36
|
+
classes: Morphing_module,
|
|
37
|
+
className,
|
|
38
|
+
style,
|
|
39
|
+
classNames,
|
|
40
|
+
styles,
|
|
41
|
+
unstyled,
|
|
42
|
+
vars,
|
|
43
|
+
varsResolver
|
|
44
|
+
});
|
|
45
|
+
const { characters, width } = useMorphing.useMorphing({
|
|
46
|
+
value,
|
|
47
|
+
animate,
|
|
48
|
+
speed,
|
|
49
|
+
onCompleted
|
|
50
|
+
});
|
|
51
|
+
return /* @__PURE__ */ React.createElement(
|
|
52
|
+
core.Box,
|
|
53
|
+
{
|
|
54
|
+
ref,
|
|
55
|
+
...getStyles("root"),
|
|
56
|
+
component: "div",
|
|
57
|
+
"aria-live": "polite",
|
|
58
|
+
"aria-label": value,
|
|
59
|
+
style: { width: `${width}ch`, height: "1.2em" },
|
|
60
|
+
...others
|
|
61
|
+
},
|
|
62
|
+
characters.map((char) => /* @__PURE__ */ React.createElement(
|
|
63
|
+
core.Box,
|
|
64
|
+
{
|
|
65
|
+
key: char.key,
|
|
66
|
+
component: "span",
|
|
67
|
+
...getStyles("character"),
|
|
68
|
+
style: { left: `${char.toX}ch` },
|
|
69
|
+
"data-morph-state": char.state
|
|
70
|
+
},
|
|
71
|
+
char.char
|
|
72
|
+
))
|
|
73
|
+
);
|
|
74
|
+
});
|
|
75
|
+
Morphing.classes = Morphing_module;
|
|
76
|
+
Morphing.displayName = "Morphing";
|
|
77
|
+
|
|
78
|
+
exports.Morphing = Morphing;
|
|
79
|
+
//# sourceMappingURL=Morphing.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Morphing.cjs","sources":["../../../src/Morphing/Morphing.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n createVarsResolver,\n polymorphicFactory,\n useProps,\n useStyles,\n type BoxProps,\n type PolymorphicFactory,\n type StylesApiProps,\n} from '@mantine/core';\nimport { useMorphing, type MorphingBaseProps } from './use-morphing';\nimport classes from './Morphing.module.css';\n\nexport type MorphingStylesNames = 'root' | 'character';\n\nexport type MorphingCssVariables = {\n root: '--text-animate-morphing-speed';\n};\n\nexport interface MorphingProps\n extends BoxProps, MorphingBaseProps, StylesApiProps<MorphingFactory> {}\n\nexport type MorphingFactory = PolymorphicFactory<{\n props: MorphingProps;\n defaultComponent: 'div';\n defaultRef: HTMLDivElement;\n stylesNames: MorphingStylesNames;\n vars: MorphingCssVariables;\n}>;\n\nconst defaultProps: Partial<MorphingProps> = {\n animate: true,\n speed: 1,\n};\n\nconst varsResolver = createVarsResolver<MorphingFactory>((_, { speed }) => ({\n root: {\n '--text-animate-morphing-speed': `${1 / (speed || 1)}s`,\n },\n}));\n\n/**\n * Morphing Component\n *\n * Creates fluid text transitions using LCS (Longest Common Subsequence) to\n * identify shared characters. Shared characters slide to their new positions\n * while unique characters fade in or out.\n */\nexport const Morphing = polymorphicFactory<MorphingFactory>((_props, ref) => {\n const props = useProps('Morphing', defaultProps, _props);\n\n const {\n value,\n animate,\n speed,\n onCompleted,\n\n classNames,\n style,\n styles,\n unstyled,\n vars,\n className,\n\n ...others\n } = props;\n\n const getStyles = useStyles<MorphingFactory>({\n name: 'Morphing',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const { characters, width } = useMorphing({\n value,\n animate,\n speed,\n onCompleted,\n });\n\n return (\n <Box\n ref={ref}\n {...getStyles('root')}\n component=\"div\"\n aria-live=\"polite\"\n aria-label={value}\n style={{ width: `${width}ch`, height: '1.2em' }}\n {...others}\n >\n {characters.map((char) => (\n <Box\n key={char.key}\n component=\"span\"\n {...getStyles('character')}\n style={{ left: `${char.toX}ch` }}\n data-morph-state={char.state}\n >\n {char.char}\n </Box>\n ))}\n </Box>\n );\n});\n\nMorphing.classes = classes;\nMorphing.displayName = 'Morphing';\n"],"names":["createVarsResolver","polymorphicFactory","useProps","useStyles","classes","useMorphing","Box"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Morphing.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
function lcs(a, b) {
|
|
7
|
+
const m = a.length;
|
|
8
|
+
const n = b.length;
|
|
9
|
+
const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
|
|
10
|
+
for (let i2 = 1; i2 <= m; i2++) {
|
|
11
|
+
for (let j2 = 1; j2 <= n; j2++) {
|
|
12
|
+
if (a[i2 - 1] === b[j2 - 1]) {
|
|
13
|
+
dp[i2][j2] = dp[i2 - 1][j2 - 1] + 1;
|
|
14
|
+
} else {
|
|
15
|
+
dp[i2][j2] = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
let result = "";
|
|
20
|
+
let i = m;
|
|
21
|
+
let j = n;
|
|
22
|
+
while (i > 0 && j > 0) {
|
|
23
|
+
if (a[i - 1] === b[j - 1]) {
|
|
24
|
+
result = a[i - 1] + result;
|
|
25
|
+
i--;
|
|
26
|
+
j--;
|
|
27
|
+
} else if (dp[i - 1][j] > dp[i][j - 1]) {
|
|
28
|
+
i--;
|
|
29
|
+
} else {
|
|
30
|
+
j--;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return result;
|
|
34
|
+
}
|
|
35
|
+
function buildCharacters(prevValue, nextValue, counterRef) {
|
|
36
|
+
const common = lcs(prevValue, nextValue);
|
|
37
|
+
const characters = [];
|
|
38
|
+
let ci = 0;
|
|
39
|
+
let pi = 0;
|
|
40
|
+
let ni = 0;
|
|
41
|
+
const lcsOldPositions = [];
|
|
42
|
+
let tempPi = 0;
|
|
43
|
+
let tempCi = 0;
|
|
44
|
+
while (tempCi < common.length && tempPi < prevValue.length) {
|
|
45
|
+
if (prevValue[tempPi] === common[tempCi]) {
|
|
46
|
+
lcsOldPositions.push(tempPi);
|
|
47
|
+
tempCi++;
|
|
48
|
+
}
|
|
49
|
+
tempPi++;
|
|
50
|
+
}
|
|
51
|
+
const lcsNewPositions = [];
|
|
52
|
+
let tempNi = 0;
|
|
53
|
+
tempCi = 0;
|
|
54
|
+
while (tempCi < common.length && tempNi < nextValue.length) {
|
|
55
|
+
if (nextValue[tempNi] === common[tempCi]) {
|
|
56
|
+
lcsNewPositions.push(tempNi);
|
|
57
|
+
tempCi++;
|
|
58
|
+
}
|
|
59
|
+
tempNi++;
|
|
60
|
+
}
|
|
61
|
+
for (let k = 0; k < common.length; k++) {
|
|
62
|
+
const fromX = lcsOldPositions[k];
|
|
63
|
+
const toX = lcsNewPositions[k];
|
|
64
|
+
const state = fromX === toX ? "static" : "moving";
|
|
65
|
+
characters.push({
|
|
66
|
+
char: common[k],
|
|
67
|
+
key: `${common[k]}-lcs-${k}-${counterRef.current++}`,
|
|
68
|
+
state,
|
|
69
|
+
fromX,
|
|
70
|
+
toX
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
ci = 0;
|
|
74
|
+
pi = 0;
|
|
75
|
+
while (pi < prevValue.length) {
|
|
76
|
+
if (ci < common.length && prevValue[pi] === common[ci] && pi === lcsOldPositions[ci]) {
|
|
77
|
+
ci++;
|
|
78
|
+
} else {
|
|
79
|
+
characters.push({
|
|
80
|
+
char: prevValue[pi],
|
|
81
|
+
key: `${prevValue[pi]}-exit-${pi}-${counterRef.current++}`,
|
|
82
|
+
state: "exiting",
|
|
83
|
+
fromX: pi,
|
|
84
|
+
toX: pi
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
pi++;
|
|
88
|
+
}
|
|
89
|
+
ci = 0;
|
|
90
|
+
ni = 0;
|
|
91
|
+
while (ni < nextValue.length) {
|
|
92
|
+
if (ci < common.length && nextValue[ni] === common[ci] && ni === lcsNewPositions[ci]) {
|
|
93
|
+
ci++;
|
|
94
|
+
} else {
|
|
95
|
+
characters.push({
|
|
96
|
+
char: nextValue[ni],
|
|
97
|
+
key: `${nextValue[ni]}-enter-${ni}-${counterRef.current++}`,
|
|
98
|
+
state: "entering",
|
|
99
|
+
fromX: ni,
|
|
100
|
+
toX: ni
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
ni++;
|
|
104
|
+
}
|
|
105
|
+
return characters;
|
|
106
|
+
}
|
|
107
|
+
function useMorphing({
|
|
108
|
+
value,
|
|
109
|
+
animate = true,
|
|
110
|
+
speed = 1,
|
|
111
|
+
onCompleted
|
|
112
|
+
}) {
|
|
113
|
+
const [characters, setCharacters] = React.useState([]);
|
|
114
|
+
const [isAnimating, setIsAnimating] = React.useState(false);
|
|
115
|
+
const prevValueRef = React.useRef("");
|
|
116
|
+
const counterRef = React.useRef(0);
|
|
117
|
+
const timeoutRef = React.useRef(null);
|
|
118
|
+
const mountedRef = React.useRef(false);
|
|
119
|
+
const cleanup = React.useCallback(() => {
|
|
120
|
+
if (timeoutRef.current) {
|
|
121
|
+
clearTimeout(timeoutRef.current);
|
|
122
|
+
timeoutRef.current = null;
|
|
123
|
+
}
|
|
124
|
+
}, []);
|
|
125
|
+
const completeTransition = React.useCallback(() => {
|
|
126
|
+
prevValueRef.current = value;
|
|
127
|
+
setCharacters(
|
|
128
|
+
(prev) => prev.filter((c) => c.state !== "exiting").map((c) => ({
|
|
129
|
+
...c,
|
|
130
|
+
state: "static",
|
|
131
|
+
fromX: c.toX
|
|
132
|
+
}))
|
|
133
|
+
);
|
|
134
|
+
setIsAnimating(false);
|
|
135
|
+
onCompleted?.();
|
|
136
|
+
}, [value, onCompleted]);
|
|
137
|
+
const startTransition = React.useCallback(() => {
|
|
138
|
+
if (typeof window === "undefined") {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
142
|
+
if (prefersReducedMotion) {
|
|
143
|
+
const finalChars = value.split("").map((char, i) => ({
|
|
144
|
+
char,
|
|
145
|
+
key: `${char}-static-${i}-${counterRef.current++}`,
|
|
146
|
+
state: "static",
|
|
147
|
+
fromX: i,
|
|
148
|
+
toX: i
|
|
149
|
+
}));
|
|
150
|
+
setCharacters(finalChars);
|
|
151
|
+
prevValueRef.current = value;
|
|
152
|
+
onCompleted?.();
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
cleanup();
|
|
156
|
+
const chars = buildCharacters(prevValueRef.current, value, counterRef);
|
|
157
|
+
setCharacters(chars);
|
|
158
|
+
setIsAnimating(true);
|
|
159
|
+
const duration = 1e3 / (speed || 1);
|
|
160
|
+
timeoutRef.current = setTimeout(() => {
|
|
161
|
+
if (mountedRef.current) {
|
|
162
|
+
completeTransition();
|
|
163
|
+
}
|
|
164
|
+
}, duration);
|
|
165
|
+
}, [value, speed, cleanup, completeTransition, onCompleted]);
|
|
166
|
+
const start = React.useCallback(() => {
|
|
167
|
+
startTransition();
|
|
168
|
+
}, [startTransition]);
|
|
169
|
+
const stop = React.useCallback(() => {
|
|
170
|
+
cleanup();
|
|
171
|
+
setIsAnimating(false);
|
|
172
|
+
}, [cleanup]);
|
|
173
|
+
const reset = React.useCallback(() => {
|
|
174
|
+
cleanup();
|
|
175
|
+
setIsAnimating(false);
|
|
176
|
+
prevValueRef.current = "";
|
|
177
|
+
const chars = value.split("").map((char, i) => ({
|
|
178
|
+
char,
|
|
179
|
+
key: `${char}-static-${i}-${counterRef.current++}`,
|
|
180
|
+
state: "static",
|
|
181
|
+
fromX: i,
|
|
182
|
+
toX: i
|
|
183
|
+
}));
|
|
184
|
+
setCharacters(chars);
|
|
185
|
+
prevValueRef.current = value;
|
|
186
|
+
}, [cleanup, value]);
|
|
187
|
+
React.useEffect(() => {
|
|
188
|
+
mountedRef.current = true;
|
|
189
|
+
return () => {
|
|
190
|
+
mountedRef.current = false;
|
|
191
|
+
};
|
|
192
|
+
}, []);
|
|
193
|
+
React.useEffect(() => {
|
|
194
|
+
if (!mountedRef.current) {
|
|
195
|
+
const chars = value.split("").map((char, i) => ({
|
|
196
|
+
char,
|
|
197
|
+
key: `${char}-static-${i}-${counterRef.current++}`,
|
|
198
|
+
state: "static",
|
|
199
|
+
fromX: i,
|
|
200
|
+
toX: i
|
|
201
|
+
}));
|
|
202
|
+
setCharacters(chars);
|
|
203
|
+
prevValueRef.current = value;
|
|
204
|
+
mountedRef.current = true;
|
|
205
|
+
return;
|
|
206
|
+
}
|
|
207
|
+
if (value === prevValueRef.current) {
|
|
208
|
+
return;
|
|
209
|
+
}
|
|
210
|
+
if (animate) {
|
|
211
|
+
startTransition();
|
|
212
|
+
} else {
|
|
213
|
+
const chars = value.split("").map((char, i) => ({
|
|
214
|
+
char,
|
|
215
|
+
key: `${char}-static-${i}-${counterRef.current++}`,
|
|
216
|
+
state: "static",
|
|
217
|
+
fromX: i,
|
|
218
|
+
toX: i
|
|
219
|
+
}));
|
|
220
|
+
setCharacters(chars);
|
|
221
|
+
prevValueRef.current = value;
|
|
222
|
+
}
|
|
223
|
+
}, [value, animate, startTransition]);
|
|
224
|
+
React.useEffect(() => {
|
|
225
|
+
return () => {
|
|
226
|
+
cleanup();
|
|
227
|
+
};
|
|
228
|
+
}, [cleanup]);
|
|
229
|
+
return {
|
|
230
|
+
characters,
|
|
231
|
+
width: value.length,
|
|
232
|
+
start,
|
|
233
|
+
stop,
|
|
234
|
+
reset,
|
|
235
|
+
isAnimating
|
|
236
|
+
};
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
exports.useMorphing = useMorphing;
|
|
240
|
+
//# sourceMappingURL=use-morphing.cjs.map
|