@gfazioli/mantine-text-animate 2.4.2 → 3.0.1

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.
Files changed (113) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/Gradient/Gradient.cjs +80 -0
  3. package/dist/cjs/Gradient/Gradient.cjs.map +1 -0
  4. package/dist/cjs/Gradient/Gradient.module.css.cjs +7 -0
  5. package/dist/cjs/Gradient/Gradient.module.css.cjs.map +1 -0
  6. package/dist/cjs/Highlight/Highlight.cjs +78 -0
  7. package/dist/cjs/Highlight/Highlight.cjs.map +1 -0
  8. package/dist/cjs/Highlight/Highlight.module.css.cjs +7 -0
  9. package/dist/cjs/Highlight/Highlight.module.css.cjs.map +1 -0
  10. package/dist/cjs/Morphing/Morphing.cjs +79 -0
  11. package/dist/cjs/Morphing/Morphing.cjs.map +1 -0
  12. package/dist/cjs/Morphing/Morphing.module.css.cjs +7 -0
  13. package/dist/cjs/Morphing/Morphing.module.css.cjs.map +1 -0
  14. package/dist/cjs/Morphing/use-morphing.cjs +240 -0
  15. package/dist/cjs/Morphing/use-morphing.cjs.map +1 -0
  16. package/dist/cjs/NumberTicker/NumberTicker.cjs +11 -3
  17. package/dist/cjs/NumberTicker/NumberTicker.cjs.map +1 -1
  18. package/dist/cjs/NumberTicker/use-number-ticker.cjs +15 -3
  19. package/dist/cjs/NumberTicker/use-number-ticker.cjs.map +1 -1
  20. package/dist/cjs/RotatingText/RotatingText.cjs +71 -0
  21. package/dist/cjs/RotatingText/RotatingText.cjs.map +1 -0
  22. package/dist/cjs/RotatingText/RotatingText.module.css.cjs +7 -0
  23. package/dist/cjs/RotatingText/RotatingText.module.css.cjs.map +1 -0
  24. package/dist/cjs/RotatingText/use-rotating-text.cjs +112 -0
  25. package/dist/cjs/RotatingText/use-rotating-text.cjs.map +1 -0
  26. package/dist/cjs/Spinner/Spinner.cjs +42 -31
  27. package/dist/cjs/Spinner/Spinner.cjs.map +1 -1
  28. package/dist/cjs/SplitFlap/SplitFlap.cjs +92 -0
  29. package/dist/cjs/SplitFlap/SplitFlap.cjs.map +1 -0
  30. package/dist/cjs/SplitFlap/SplitFlap.module.css.cjs +7 -0
  31. package/dist/cjs/SplitFlap/SplitFlap.module.css.cjs.map +1 -0
  32. package/dist/cjs/SplitFlap/use-split-flap.cjs +258 -0
  33. package/dist/cjs/SplitFlap/use-split-flap.cjs.map +1 -0
  34. package/dist/cjs/TextAnimate.cjs +114 -29
  35. package/dist/cjs/TextAnimate.cjs.map +1 -1
  36. package/dist/cjs/TextTicker/TextTicker.cjs +6 -0
  37. package/dist/cjs/TextTicker/TextTicker.cjs.map +1 -1
  38. package/dist/cjs/TextTicker/use-text-ticker.cjs +97 -7
  39. package/dist/cjs/TextTicker/use-text-ticker.cjs.map +1 -1
  40. package/dist/cjs/Typewriter/Typewriter.cjs +40 -20
  41. package/dist/cjs/Typewriter/Typewriter.cjs.map +1 -1
  42. package/dist/cjs/Typewriter/use-typewriter.cjs +85 -6
  43. package/dist/cjs/Typewriter/use-typewriter.cjs.map +1 -1
  44. package/dist/cjs/index.cjs +8 -0
  45. package/dist/cjs/index.cjs.map +1 -1
  46. package/dist/cjs/use-text-animate.cjs +38 -0
  47. package/dist/cjs/use-text-animate.cjs.map +1 -0
  48. package/dist/esm/Gradient/Gradient.mjs +78 -0
  49. package/dist/esm/Gradient/Gradient.mjs.map +1 -0
  50. package/dist/esm/Gradient/Gradient.module.css.mjs +5 -0
  51. package/dist/esm/Gradient/Gradient.module.css.mjs.map +1 -0
  52. package/dist/esm/Highlight/Highlight.mjs +76 -0
  53. package/dist/esm/Highlight/Highlight.mjs.map +1 -0
  54. package/dist/esm/Highlight/Highlight.module.css.mjs +5 -0
  55. package/dist/esm/Highlight/Highlight.module.css.mjs.map +1 -0
  56. package/dist/esm/Morphing/Morphing.mjs +77 -0
  57. package/dist/esm/Morphing/Morphing.mjs.map +1 -0
  58. package/dist/esm/Morphing/Morphing.module.css.mjs +5 -0
  59. package/dist/esm/Morphing/Morphing.module.css.mjs.map +1 -0
  60. package/dist/esm/Morphing/use-morphing.mjs +238 -0
  61. package/dist/esm/Morphing/use-morphing.mjs.map +1 -0
  62. package/dist/esm/NumberTicker/NumberTicker.mjs +11 -3
  63. package/dist/esm/NumberTicker/NumberTicker.mjs.map +1 -1
  64. package/dist/esm/NumberTicker/use-number-ticker.mjs +15 -3
  65. package/dist/esm/NumberTicker/use-number-ticker.mjs.map +1 -1
  66. package/dist/esm/RotatingText/RotatingText.mjs +69 -0
  67. package/dist/esm/RotatingText/RotatingText.mjs.map +1 -0
  68. package/dist/esm/RotatingText/RotatingText.module.css.mjs +5 -0
  69. package/dist/esm/RotatingText/RotatingText.module.css.mjs.map +1 -0
  70. package/dist/esm/RotatingText/use-rotating-text.mjs +110 -0
  71. package/dist/esm/RotatingText/use-rotating-text.mjs.map +1 -0
  72. package/dist/esm/Spinner/Spinner.mjs +43 -32
  73. package/dist/esm/Spinner/Spinner.mjs.map +1 -1
  74. package/dist/esm/SplitFlap/SplitFlap.mjs +90 -0
  75. package/dist/esm/SplitFlap/SplitFlap.mjs.map +1 -0
  76. package/dist/esm/SplitFlap/SplitFlap.module.css.mjs +5 -0
  77. package/dist/esm/SplitFlap/SplitFlap.module.css.mjs.map +1 -0
  78. package/dist/esm/SplitFlap/use-split-flap.mjs +256 -0
  79. package/dist/esm/SplitFlap/use-split-flap.mjs.map +1 -0
  80. package/dist/esm/TextAnimate.mjs +115 -30
  81. package/dist/esm/TextAnimate.mjs.map +1 -1
  82. package/dist/esm/TextTicker/TextTicker.mjs +6 -0
  83. package/dist/esm/TextTicker/TextTicker.mjs.map +1 -1
  84. package/dist/esm/TextTicker/use-text-ticker.mjs +97 -7
  85. package/dist/esm/TextTicker/use-text-ticker.mjs.map +1 -1
  86. package/dist/esm/Typewriter/Typewriter.mjs +40 -20
  87. package/dist/esm/Typewriter/Typewriter.mjs.map +1 -1
  88. package/dist/esm/Typewriter/use-typewriter.mjs +86 -7
  89. package/dist/esm/Typewriter/use-typewriter.mjs.map +1 -1
  90. package/dist/esm/index.mjs +4 -0
  91. package/dist/esm/index.mjs.map +1 -1
  92. package/dist/esm/use-text-animate.mjs +36 -0
  93. package/dist/esm/use-text-animate.mjs.map +1 -0
  94. package/dist/styles.css +1 -1
  95. package/dist/styles.layer.css +1 -1
  96. package/dist/types/Gradient/Gradient.d.ts +73 -0
  97. package/dist/types/Highlight/Highlight.d.ts +78 -0
  98. package/dist/types/Morphing/Morphing.d.ts +50 -0
  99. package/dist/types/Morphing/use-morphing.d.ts +73 -0
  100. package/dist/types/NumberTicker/NumberTicker.d.ts +9 -1
  101. package/dist/types/NumberTicker/use-number-ticker.d.ts +8 -1
  102. package/dist/types/RotatingText/RotatingText.d.ts +55 -0
  103. package/dist/types/RotatingText/use-rotating-text.d.ts +49 -0
  104. package/dist/types/Spinner/Spinner.d.ts +7 -4
  105. package/dist/types/SplitFlap/SplitFlap.d.ts +85 -0
  106. package/dist/types/SplitFlap/use-split-flap.d.ts +85 -0
  107. package/dist/types/TextAnimate.d.ts +76 -1
  108. package/dist/types/TextTicker/use-text-ticker.d.ts +15 -1
  109. package/dist/types/Typewriter/use-typewriter.d.ts +26 -2
  110. package/dist/types/index.d.mts +10 -1
  111. package/dist/types/index.d.ts +10 -1
  112. package/dist/types/use-text-animate.d.ts +36 -0
  113. 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.png" />
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,7 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ var classes = {"root":"me_3a41d93f","gradient-shift":"me_99509bc2"};
5
+
6
+ module.exports = classes;
7
+ //# sourceMappingURL=Gradient.module.css.cjs.map
@@ -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,7 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ var classes = {"root":"me_6050b27b","highlight-sweep":"me_101c7d5a"};
5
+
6
+ module.exports = classes;
7
+ //# sourceMappingURL=Highlight.module.css.cjs.map
@@ -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,7 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ var classes = {"root":"me_5f180d5","character":"me_76d0bb16","morph-enter":"me_a29f1e80","morph-exit":"me_811e0c76"};
5
+
6
+ module.exports = classes;
7
+ //# sourceMappingURL=Morphing.module.css.cjs.map
@@ -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