matrix-design-system 1.1.0 → 2.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.
Files changed (136) hide show
  1. package/README.md +40 -1
  2. package/dist/atoms/animation/motion-div/motion-div.d.mts +2 -3
  3. package/dist/atoms/buttons/button/button.d.mts +2 -3
  4. package/dist/atoms/buttons/button/button.mjs +1 -1
  5. package/dist/atoms/buttons/switch/switch.d.mts +2 -3
  6. package/dist/atoms/buttons/switch/switch.mjs +2 -2
  7. package/dist/atoms/call-to-actions/call-to-action-external-with-tracking/call-to-action-external-with-tracking.d.mts +2 -3
  8. package/dist/atoms/call-to-actions/call-to-action-internal-with-tracking/call-to-action-internal-with-tracking.d.mts +3 -4
  9. package/dist/atoms/chip/chip.d.mts +3 -4
  10. package/dist/atoms/chip/chip.mjs +1 -1
  11. package/dist/atoms/effects/glassmorphism-background/glassmorphism-background.d.mts +2 -3
  12. package/dist/atoms/effects/image-glow/image-glow.d.mts +3 -4
  13. package/dist/atoms/effects/image-shimmer-placeholder/image-shimmer-placeholder.d.mts +2 -3
  14. package/dist/atoms/effects/matrix-rain/matrix-rain/matrix-rain.d.mts +2 -3
  15. package/dist/atoms/effects/overlay/overlay.d.mts +3 -4
  16. package/dist/atoms/effects/overlay/overlay.mjs +1 -1
  17. package/dist/atoms/effects/pills/pills.d.mts +4 -5
  18. package/dist/atoms/effects/plain-image/plain-image.d.mts +6 -7
  19. package/dist/atoms/icons/chat-icon/chat-icon.d.mts +2 -3
  20. package/dist/atoms/icons/chat-icon/chat-icon.mjs +1 -1
  21. package/dist/atoms/icons/copy-icon/copy-icon.d.mts +4 -5
  22. package/dist/atoms/icons/rounded-icon/rounded-icon.d.mts +2 -3
  23. package/dist/atoms/links/anchor-link/anchor-link.d.mts +5 -6
  24. package/dist/atoms/links/external-link/external-link.d.mts +2 -3
  25. package/dist/atoms/links/internal-link/internal-link.d.mts +3 -4
  26. package/dist/atoms/loader/loader/loader.d.mts +2 -3
  27. package/dist/atoms/loader/loader/loader.mjs +1 -1
  28. package/dist/atoms/typography/input-field/input-field.d.mts +2 -3
  29. package/dist/atoms/typography/label/label.d.mts +3 -4
  30. package/dist/atoms/typography/markdown/markdown.d.mts +3 -4
  31. package/dist/atoms/typography/terminal-blocks/terminal-blocks.d.mts +8 -9
  32. package/dist/atoms/typography/terminal-blocks/terminal-blocks.mjs +3 -3
  33. package/dist/atoms/typography/textarea/textarea.d.mts +2 -3
  34. package/dist/hooks/use-clipboard-available.d.mts +2 -3
  35. package/dist/hooks/use-device-capabilities.d.mts +2 -3
  36. package/dist/hooks/use-glassmorphism.d.mts +2 -3
  37. package/dist/hooks/use-in-view-list.d.mts +2 -3
  38. package/dist/hooks/use-in-view.d.mts +2 -3
  39. package/dist/hooks/use-is-ios.d.mts +2 -3
  40. package/dist/hooks/use-lock-body-scroll.d.mts +2 -3
  41. package/dist/hooks/use-matrix-settings-store.d.mts +2 -3
  42. package/dist/hooks/use-motion-store.d.mts +2 -3
  43. package/dist/hooks/use-os-modifier-key.d.mts +3 -4
  44. package/dist/hooks/use-reading-progress.d.mts +2 -3
  45. package/dist/hooks/use-reduced-motions.d.mts +2 -3
  46. package/dist/hooks/use-scroll-direction.d.mts +3 -4
  47. package/dist/hooks/use-typewriter.d.mts +3 -4
  48. package/dist/hooks/use-webgpu-supported.d.mts +2 -3
  49. package/dist/index.d.mts +5 -6
  50. package/dist/molecules/accordion/accordion/accordion.d.mts +2 -3
  51. package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.d.mts +4 -5
  52. package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.mjs +5 -5
  53. package/dist/molecules/buttons/pagination-navigation/pagination-navigation.d.mts +3 -4
  54. package/dist/molecules/buttons/pills-buttons/pills-buttons.d.mts +3 -4
  55. package/dist/molecules/buttons/pills-buttons/pills-buttons.mjs +2 -2
  56. package/dist/molecules/buttons/segmented-control/segmented-control.d.mts +3 -4
  57. package/dist/molecules/buttons/segmented-control/segmented-control.mjs +2 -2
  58. package/dist/molecules/buttons/social-contact/social-contact.d.mts +3 -4
  59. package/dist/molecules/buttons/tag/tag.d.mts +3 -4
  60. package/dist/molecules/buttons/terminal-button/terminal-button.d.mts +3 -4
  61. package/dist/molecules/buttons/terminal-button/terminal-button.mjs +2 -2
  62. package/dist/molecules/chart/chart-panel/chart-panel.d.mts +3 -4
  63. package/dist/molecules/chart/chart-tooltip/chart-tooltip.d.mts +3 -4
  64. package/dist/molecules/chart/donut-chart/donut-chart.d.mts +3 -4
  65. package/dist/molecules/chart/donut-chart/donut-chart.mjs +1 -1
  66. package/dist/molecules/containers/content-container/content-container.d.mts +2 -3
  67. package/dist/molecules/containers/content-container/content-container.mjs +1 -1
  68. package/dist/molecules/controls/control-slider/control-slider.d.mts +2 -3
  69. package/dist/molecules/controls/control-slider/control-slider.mjs +2 -2
  70. package/dist/molecules/effects/matrix-background/matrix-background.d.mts +2 -3
  71. package/dist/molecules/effects/matrix-background/matrix-background.mjs +3 -3
  72. package/dist/molecules/effects/matrix-header-background/matrix-header-background.d.mts +2 -3
  73. package/dist/molecules/effects/matrix-header-background/matrix-header-background.mjs +2 -2
  74. package/dist/molecules/effects/matrix-terminal/matrix-terminal.d.mts +2 -3
  75. package/dist/molecules/effects/matrix-terminal/matrix-terminal.mjs +1 -1
  76. package/dist/molecules/form/filter-input/filter-input.d.mts +3 -4
  77. package/dist/molecules/form/form-error-summary/form-error-summary.d.mts +3 -4
  78. package/dist/molecules/form/form-field/form-field.d.mts +3 -4
  79. package/dist/molecules/form/form-success-message/form-success-message.d.mts +3 -4
  80. package/dist/molecules/form/form-success-message/form-success-message.mjs +2 -2
  81. package/dist/molecules/form/form-textarea/form-textarea.d.mts +3 -4
  82. package/dist/molecules/lightbox-image/lightbox-image.d.mts +2 -3
  83. package/dist/molecules/links/pills-links/pills-links.d.mts +4 -5
  84. package/dist/molecules/menu/close/close.d.mts +2 -3
  85. package/dist/molecules/menu/close/close.mjs +1 -1
  86. package/dist/molecules/menu/dropdown-menu/dropdown-menu.d.mts +3 -4
  87. package/dist/molecules/menu/dropdown-menu/dropdown-menu.mjs +3 -3
  88. package/dist/molecules/menu/hamburger-menu/hamburger-menu.d.mts +2 -3
  89. package/dist/molecules/menu/menu-item/menu-item.d.mts +3 -4
  90. package/dist/molecules/stat-card/stat-card.d.mts +3 -4
  91. package/dist/molecules/stat-card/stat-card.mjs +3 -3
  92. package/dist/molecules/terminal-list-item/terminal-list-item.d.mts +3 -4
  93. package/dist/molecules/terminal-progress-bar/terminal-progress-bar.d.mts +2 -3
  94. package/dist/molecules/typography/page-title/page-title.d.mts +2 -3
  95. package/dist/molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.d.mts +2 -3
  96. package/dist/molecules/typography/section-heading/section-heading.d.mts +3 -4
  97. package/dist/molecules/typography/section-heading/section-heading.mjs +1 -1
  98. package/dist/molecules/video/self-hosted-video/self-hosted-video.d.mts +2 -3
  99. package/dist/molecules/video/self-hosted-video/self-hosted-video.mjs +1 -2
  100. package/dist/molecules/video/youtube/youtube.d.mts +2 -3
  101. package/dist/organism/command-palette/command-palette/command-palette.d.mts +3 -4
  102. package/dist/organism/command-palette/command-palette-group/command-palette-group.d.mts +3 -4
  103. package/dist/organism/command-palette/command-palette-item/command-palette-item.d.mts +3 -4
  104. package/dist/organism/command-palette/toggle-motion-item/toggle-motion-item.d.mts +3 -4
  105. package/dist/organism/cookie-consent-banner/cookie-consent-banner.d.mts +2 -3
  106. package/dist/organism/cookie-consent-banner/cookie-consent-banner.mjs +4 -4
  107. package/dist/organism/footer/footer.d.mts +12 -13
  108. package/dist/organism/footer/footer.mjs +77 -153
  109. package/dist/organism/footer/index.d.mts +3 -3
  110. package/dist/organism/footer/use-footer-store.d.mts +2 -11
  111. package/dist/organism/footer/use-footer-store.mjs +13 -31
  112. package/dist/organism/header/brand-header/brand-header.d.mts +3 -4
  113. package/dist/organism/header/brand-header/brand-header.mjs +1 -1
  114. package/dist/organism/image-carousel/fullscreen-modal/fullscreen-modal.mjs +1 -1
  115. package/dist/organism/image-carousel/image-carousel.d.mts +3 -4
  116. package/dist/organism/image-carousel/image-carousel.mjs +2 -2
  117. package/dist/organism/image-carousel/navigation-buttons/navigation-buttons.mjs +2 -2
  118. package/dist/organism/lightbox/lightbox.d.mts +2 -3
  119. package/dist/organism/loading-bar/loading-bar.d.mts +2 -3
  120. package/dist/organism/menu/index.d.mts +2 -3
  121. package/dist/organism/menu/menu.d.mts +23 -23
  122. package/dist/organism/menu/menu.mjs +135 -273
  123. package/dist/organism/menu/use-menu-store.mjs +67 -232
  124. package/dist/organism/profile-hero/profile-hero.d.mts +3 -4
  125. package/dist/organism/profile-photo/profile-photo.d.mts +3 -4
  126. package/dist/organism/profile-photo/profile-photo.mjs +1 -1
  127. package/dist/organism/reading-content-progress-bar/reading-content-progress-bar.d.mts +2 -3
  128. package/dist/organism/social-contacts/social-contacts.d.mts +4 -5
  129. package/dist/state/command-palette/command-palette-context.d.mts +3 -4
  130. package/dist/state/command-palette/command-palette-events.d.mts +5 -6
  131. package/dist/state/command-palette/command-palette-trigger.d.mts +2 -3
  132. package/dist/state/lightbox/lightbox-events.d.mts +4 -5
  133. package/dist/state/matrix-rain/matrix-settings.d.mts +9 -10
  134. package/dist/state/motion/motion.d.mts +4 -5
  135. package/package.json +26 -26
  136. package/dist/organism/menu/use-menu-store.d.mts +0 -22
@@ -5,261 +5,96 @@ import { useOsModifierKey } from "../../hooks/use-os-modifier-key.mjs";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { useState } from "react";
7
7
  //#region src/organism/menu/use-menu-store.ts
8
- const useMenuStore = (pathname, chatSlug, onPaletteTrigger, tracking) => {
9
- const $ = c(62);
8
+ const useMenuStore = (pathname, pinnedOnPaths, onPaletteTrigger) => {
9
+ const $ = c(22);
10
10
  const direction = useScrollDirection();
11
11
  const [shouldOpenMenu, setShouldOpenMenu] = useState(false);
12
12
  const modifierKey = useOsModifierKey();
13
- const shouldHideMenu = pathname === chatSlug ? false : direction === "down";
14
13
  let t0;
15
- if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
16
- t0 = () => setShouldOpenMenu(true);
17
- $[0] = t0;
18
- } else t0 = $[0];
19
- const openMenu = t0;
14
+ if ($[0] !== direction || $[1] !== pathname || $[2] !== pinnedOnPaths) {
15
+ t0 = pinnedOnPaths.includes(pathname) ? false : direction === "down";
16
+ $[0] = direction;
17
+ $[1] = pathname;
18
+ $[2] = pinnedOnPaths;
19
+ $[3] = t0;
20
+ } else t0 = $[3];
21
+ const shouldHideMenu = t0;
20
22
  let t1;
21
- if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
22
- t1 = () => setShouldOpenMenu(false);
23
- $[1] = t1;
24
- } else t1 = $[1];
25
- const closeMenu = t1;
23
+ if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
24
+ t1 = () => setShouldOpenMenu(true);
25
+ $[4] = t1;
26
+ } else t1 = $[4];
27
+ const openMenu = t1;
26
28
  let t2;
27
- if ($[2] !== onPaletteTrigger) {
28
- t2 = () => {
29
- onPaletteTrigger?.();
30
- openCommandPalette();
31
- };
32
- $[2] = onPaletteTrigger;
33
- $[3] = t2;
34
- } else t2 = $[3];
35
- const handlePaletteTrigger = t2;
29
+ if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
30
+ t2 = () => setShouldOpenMenu(false);
31
+ $[5] = t2;
32
+ } else t2 = $[5];
33
+ const closeMenu = t2;
36
34
  let t3;
37
- if ($[4] !== tracking) {
35
+ if ($[6] !== onPaletteTrigger) {
38
36
  t3 = () => {
39
- tracking?.onTrackHome?.();
40
- closeMenu();
37
+ onPaletteTrigger?.();
38
+ openCommandPalette();
41
39
  };
42
- $[4] = tracking;
43
- $[5] = t3;
44
- } else t3 = $[5];
45
- const onClickHome = t3;
40
+ $[6] = onPaletteTrigger;
41
+ $[7] = t3;
42
+ } else t3 = $[7];
43
+ const handlePaletteTrigger = t3;
46
44
  let t4;
47
- if ($[6] !== tracking) {
48
- t4 = () => {
49
- tracking?.onTrackBlog?.();
45
+ if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
46
+ t4 = (onClick) => () => {
47
+ onClick?.();
50
48
  closeMenu();
51
49
  };
52
- $[6] = tracking;
53
- $[7] = t4;
54
- } else t4 = $[7];
55
- const onClickBlog = t4;
50
+ $[8] = t4;
51
+ } else t4 = $[8];
52
+ const handleLinkClick = t4;
56
53
  let t5;
57
- if ($[8] !== tracking) {
58
- t5 = () => {
59
- tracking?.onTrackBlogAuthors?.();
60
- closeMenu();
61
- };
62
- $[8] = tracking;
63
- $[9] = t5;
64
- } else t5 = $[9];
65
- const onClickBlogAuthors = t5;
54
+ if ($[9] !== pathname) {
55
+ t5 = (link) => !link.external && (link.to === pathname || (link.activePathPrefixes?.some((prefix) => pathname.startsWith(prefix)) ?? false));
56
+ $[9] = pathname;
57
+ $[10] = t5;
58
+ } else t5 = $[10];
59
+ const isSelected = t5;
66
60
  let t6;
67
- if ($[10] !== tracking) {
68
- t6 = () => {
69
- tracking?.onTrackBlogTags?.();
70
- closeMenu();
71
- };
72
- $[10] = tracking;
73
- $[11] = t6;
74
- } else t6 = $[11];
75
- const onClickBlogTags = t6;
76
- let t7;
77
- if ($[12] !== tracking) {
78
- t7 = () => {
79
- tracking?.onTrackBlogArchive?.();
80
- closeMenu();
81
- };
82
- $[12] = tracking;
83
- $[13] = t7;
84
- } else t7 = $[13];
85
- const onClickBlogArchive = t7;
86
- let t8;
87
- if ($[14] !== tracking) {
88
- t8 = () => {
89
- tracking?.onTrackBlogStats?.();
90
- closeMenu();
91
- };
92
- $[14] = tracking;
93
- $[15] = t8;
94
- } else t8 = $[15];
95
- const onClickBlogStats = t8;
96
- let t9;
97
- if ($[16] !== tracking) {
98
- t9 = () => {
99
- tracking?.onTrackDsaRoadmap?.();
100
- closeMenu();
101
- };
102
- $[16] = tracking;
103
- $[17] = t9;
104
- } else t9 = $[17];
105
- const onClickDsaRoadmap = t9;
106
- let t10;
107
- if ($[18] !== tracking) {
108
- t10 = () => {
109
- tracking?.onTrackDsaExercises?.();
110
- closeMenu();
111
- };
112
- $[18] = tracking;
113
- $[19] = t10;
114
- } else t10 = $[19];
115
- const onClickDsaExercises = t10;
116
- let t11;
117
- if ($[20] !== tracking) {
118
- t11 = () => {
119
- tracking?.onTrackChat?.();
120
- closeMenu();
121
- };
122
- $[20] = tracking;
123
- $[21] = t11;
124
- } else t11 = $[21];
125
- const onClickChat = t11;
126
- let t12;
127
- if ($[22] !== tracking) {
128
- t12 = () => {
129
- tracking?.onTrackMcp?.();
130
- closeMenu();
131
- };
132
- $[22] = tracking;
133
- $[23] = t12;
134
- } else t12 = $[23];
135
- const onClickMcp = t12;
136
- let t13;
137
- if ($[24] !== tracking) {
138
- t13 = () => {
139
- tracking?.onTrackMatrixRain?.();
140
- closeMenu();
141
- };
142
- $[24] = tracking;
143
- $[25] = t13;
144
- } else t13 = $[25];
145
- const onClickMatrixRain = t13;
146
- let t14;
147
- if ($[26] !== tracking) {
148
- t14 = () => {
149
- tracking?.onTrackEasterEggHunt?.();
150
- closeMenu();
151
- };
152
- $[26] = tracking;
153
- $[27] = t14;
154
- } else t14 = $[27];
155
- const onClickEasterEggHunt = t14;
156
- let t15;
157
- if ($[28] !== tracking) {
158
- t15 = () => {
159
- tracking?.onTrackAboutMe?.();
160
- closeMenu();
161
- };
162
- $[28] = tracking;
163
- $[29] = t15;
164
- } else t15 = $[29];
165
- const onClickAboutMe = t15;
166
- let t16;
167
- if ($[30] !== tracking) {
168
- t16 = () => {
169
- tracking?.onTrackArt?.();
170
- closeMenu();
171
- };
172
- $[30] = tracking;
173
- $[31] = t16;
174
- } else t16 = $[31];
175
- const onClickArt = t16;
176
- let t17;
177
- if ($[32] !== tracking) {
178
- t17 = () => {
179
- tracking?.onTrackVideogames?.();
180
- closeMenu();
181
- };
182
- $[32] = tracking;
183
- $[33] = t17;
184
- } else t17 = $[33];
185
- const onClickVideogames = t17;
186
- let t18;
187
- if ($[34] !== tracking) {
188
- t18 = () => {
189
- tracking?.onTrackContact?.();
190
- closeMenu();
191
- };
192
- $[34] = tracking;
193
- $[35] = t18;
194
- } else t18 = $[35];
195
- const onClickContact = t18;
196
- let t19;
197
- if ($[36] !== modifierKey || $[37] !== pathname || $[38] !== shouldHideMenu || $[39] !== shouldOpenMenu) {
198
- t19 = {
61
+ if ($[11] !== modifierKey || $[12] !== pathname || $[13] !== shouldHideMenu || $[14] !== shouldOpenMenu) {
62
+ t6 = {
199
63
  pathname,
200
64
  shouldHideMenu,
201
65
  shouldOpenMenu,
202
66
  modifierKey
203
67
  };
204
- $[36] = modifierKey;
205
- $[37] = pathname;
206
- $[38] = shouldHideMenu;
207
- $[39] = shouldOpenMenu;
208
- $[40] = t19;
209
- } else t19 = $[40];
210
- let t20;
211
- if ($[41] !== handlePaletteTrigger || $[42] !== onClickAboutMe || $[43] !== onClickArt || $[44] !== onClickBlog || $[45] !== onClickBlogArchive || $[46] !== onClickBlogAuthors || $[47] !== onClickBlogStats || $[48] !== onClickBlogTags || $[49] !== onClickChat || $[50] !== onClickContact || $[51] !== onClickDsaExercises || $[52] !== onClickDsaRoadmap || $[53] !== onClickEasterEggHunt || $[54] !== onClickHome || $[55] !== onClickMatrixRain || $[56] !== onClickMcp || $[57] !== onClickVideogames) {
212
- t20 = {
68
+ $[11] = modifierKey;
69
+ $[12] = pathname;
70
+ $[13] = shouldHideMenu;
71
+ $[14] = shouldOpenMenu;
72
+ $[15] = t6;
73
+ } else t6 = $[15];
74
+ let t7;
75
+ if ($[16] !== handlePaletteTrigger || $[17] !== isSelected) {
76
+ t7 = {
213
77
  openMenu,
214
78
  closeMenu,
215
79
  handlePaletteTrigger,
216
- onClickHome,
217
- onClickBlog,
218
- onClickBlogAuthors,
219
- onClickBlogTags,
220
- onClickBlogArchive,
221
- onClickBlogStats,
222
- onClickDsaRoadmap,
223
- onClickDsaExercises,
224
- onClickChat,
225
- onClickMcp,
226
- onClickMatrixRain,
227
- onClickEasterEggHunt,
228
- onClickAboutMe,
229
- onClickArt,
230
- onClickVideogames,
231
- onClickContact
80
+ handleLinkClick,
81
+ isSelected
232
82
  };
233
- $[41] = handlePaletteTrigger;
234
- $[42] = onClickAboutMe;
235
- $[43] = onClickArt;
236
- $[44] = onClickBlog;
237
- $[45] = onClickBlogArchive;
238
- $[46] = onClickBlogAuthors;
239
- $[47] = onClickBlogStats;
240
- $[48] = onClickBlogTags;
241
- $[49] = onClickChat;
242
- $[50] = onClickContact;
243
- $[51] = onClickDsaExercises;
244
- $[52] = onClickDsaRoadmap;
245
- $[53] = onClickEasterEggHunt;
246
- $[54] = onClickHome;
247
- $[55] = onClickMatrixRain;
248
- $[56] = onClickMcp;
249
- $[57] = onClickVideogames;
250
- $[58] = t20;
251
- } else t20 = $[58];
252
- let t21;
253
- if ($[59] !== t19 || $[60] !== t20) {
254
- t21 = {
255
- state: t19,
256
- effects: t20
257
- };
258
- $[59] = t19;
259
- $[60] = t20;
260
- $[61] = t21;
261
- } else t21 = $[61];
262
- return t21;
83
+ $[16] = handlePaletteTrigger;
84
+ $[17] = isSelected;
85
+ $[18] = t7;
86
+ } else t7 = $[18];
87
+ let t8;
88
+ if ($[19] !== t6 || $[20] !== t7) {
89
+ t8 = {
90
+ state: t6,
91
+ effects: t7
92
+ };
93
+ $[19] = t6;
94
+ $[20] = t7;
95
+ $[21] = t8;
96
+ } else t8 = $[21];
97
+ return t8;
263
98
  };
264
99
  //#endregion
265
100
  export { useMenuStore };
@@ -2,7 +2,7 @@ import { ImageComponent } from "../../atoms/effects/plain-image/plain-image.mjs"
2
2
  import "../../atoms/effects/plain-image/index.mjs";
3
3
  import { FC, ReactNode } from "react";
4
4
  //#region src/organism/profile-hero/profile-hero.d.ts
5
- interface ProfileHeroProps {
5
+ export interface ProfileHeroProps {
6
6
  name: string;
7
7
  role?: string;
8
8
  imageSrc?: string;
@@ -10,6 +10,5 @@ interface ProfileHeroProps {
10
10
  children?: ReactNode;
11
11
  imageComponent?: ImageComponent;
12
12
  }
13
- declare const ProfileHero: FC<ProfileHeroProps>;
14
- //#endregion
15
- export { ProfileHero, ProfileHeroProps };
13
+ export declare const ProfileHero: FC<ProfileHeroProps>;
14
+ //#endregion
@@ -2,11 +2,10 @@ import { ImageComponent } from "../../atoms/effects/plain-image/plain-image.mjs"
2
2
  import "../../atoms/effects/plain-image/index.mjs";
3
3
  import { FC } from "react";
4
4
  //#region src/organism/profile-photo/profile-photo.d.ts
5
- interface ProfilePhotoProps {
5
+ export interface ProfilePhotoProps {
6
6
  author: string;
7
7
  src?: string;
8
8
  imageComponent?: ImageComponent;
9
9
  }
10
- declare const ProfilePhoto: FC<ProfilePhotoProps>;
11
- //#endregion
12
- export { ProfilePhoto, ProfilePhotoProps };
10
+ export declare const ProfilePhoto: FC<ProfilePhotoProps>;
11
+ //#endregion
@@ -6,7 +6,7 @@ const ProfilePhoto = ({ author, src = defaultProfilePhoto, imageComponent }) =>
6
6
  className: "flex items-center justify-center",
7
7
  children: /* @__PURE__ */ jsx(ImageGlow, {
8
8
  imageComponent,
9
- className: "w-[150px] h-[150px] rounded-full",
9
+ className: "h-[150px] w-[150px] rounded-full",
10
10
  src,
11
11
  alt: author,
12
12
  width: 150,
@@ -3,6 +3,5 @@ import React from "react";
3
3
  interface ContentProgressBarProps {
4
4
  contentId: string;
5
5
  }
6
- declare const ContentProgressBar: React.FC<ContentProgressBarProps>;
7
- //#endregion
8
- export { ContentProgressBar };
6
+ export declare const ContentProgressBar: React.FC<ContentProgressBarProps>;
7
+ //#endregion
@@ -2,7 +2,7 @@ import { LinkComponent } from "../../atoms/links/anchor-link/anchor-link.mjs";
2
2
  import "../../atoms/links/anchor-link/index.mjs";
3
3
  import { FC } from "react";
4
4
  //#region src/organism/social-contacts/social-contacts.d.ts
5
- interface SocialContactLinks {
5
+ export interface SocialContactLinks {
6
6
  github: string;
7
7
  linkedin: string;
8
8
  medium: string;
@@ -11,7 +11,7 @@ interface SocialContactLinks {
11
11
  facebook: string;
12
12
  instagram: string;
13
13
  }
14
- interface SocialContactsProps {
14
+ export interface SocialContactsProps {
15
15
  linkComponent?: LinkComponent;
16
16
  links: SocialContactLinks;
17
17
  contactHref: string;
@@ -24,6 +24,5 @@ interface SocialContactsProps {
24
24
  onTrackFacebook?: () => void;
25
25
  onTrackInstagram?: () => void;
26
26
  }
27
- declare const SocialContacts: FC<SocialContactsProps>;
28
- //#endregion
29
- export { SocialContactLinks, SocialContacts, SocialContactsProps };
27
+ export declare const SocialContacts: FC<SocialContactsProps>;
28
+ //#endregion
@@ -1,9 +1,8 @@
1
1
  //#region src/state/command-palette/command-palette-context.d.ts
2
- type CommandPaletteClose = () => void;
2
+ export type CommandPaletteClose = () => void;
3
3
  /**
4
4
  * Scopes "close the palette I belong to" to the enclosing CommandPalette, so that two palettes on
5
5
  * one page never close each other. Out-of-tree callers use closeCommandPalette() instead.
6
6
  */
7
- declare const CommandPaletteContext: import("react").Context<CommandPaletteClose | null>;
8
- //#endregion
9
- export { CommandPaletteClose, CommandPaletteContext };
7
+ export declare const CommandPaletteContext: import("react").Context<CommandPaletteClose | null>;
8
+ //#endregion
@@ -1,11 +1,10 @@
1
1
  //#region src/state/command-palette/command-palette-events.d.ts
2
- declare const commandPaletteOpenEvent = "command-palette-open";
3
- declare const openCommandPalette: () => void;
4
- declare const commandPaletteCloseEvent = "command-palette-close";
2
+ export declare const commandPaletteOpenEvent = "command-palette-open";
3
+ export declare const openCommandPalette: () => void;
4
+ export declare const commandPaletteCloseEvent = "command-palette-close";
5
5
  /**
6
6
  * Closes every mounted palette. Items inside a palette must not use this — they close their own
7
7
  * palette through CommandPaletteContext. This exists for callers outside the palette's React tree.
8
8
  */
9
- declare const closeCommandPalette: () => void;
10
- //#endregion
11
- export { closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, openCommandPalette };
9
+ export declare const closeCommandPalette: () => void;
10
+ //#endregion
@@ -3,6 +3,5 @@
3
3
  * What caused a palette to open or close. Consumers need this to tell a deliberate open (the header
4
4
  * button dispatching the open event) apart from an incidental one (the keyboard shortcut).
5
5
  */
6
- type CommandPaletteTrigger = "shortcut" | "event" | "escape" | "dismiss";
7
- //#endregion
8
- export { CommandPaletteTrigger };
6
+ export type CommandPaletteTrigger = "shortcut" | "event" | "escape" | "dismiss";
7
+ //#endregion
@@ -1,9 +1,8 @@
1
1
  //#region src/state/lightbox/lightbox-events.d.ts
2
- interface LightboxOpenDetail {
2
+ export interface LightboxOpenDetail {
3
3
  src: string;
4
4
  alt: string;
5
5
  }
6
- declare const lightboxOpenEvent = "lightbox-open";
7
- declare const openLightbox: (detail: LightboxOpenDetail) => void;
8
- //#endregion
9
- export { LightboxOpenDetail, lightboxOpenEvent, openLightbox };
6
+ export declare const lightboxOpenEvent = "lightbox-open";
7
+ export declare const openLightbox: (detail: LightboxOpenDetail) => void;
8
+ //#endregion
@@ -16,22 +16,21 @@ interface MatrixRainRainSettings {
16
16
  stepRate: number;
17
17
  fontSize: number;
18
18
  }
19
- interface MatrixRainSettings {
19
+ export interface MatrixRainSettings {
20
20
  version: number;
21
21
  rain: MatrixRainRainSettings;
22
22
  bloom: MatrixRainBloomSettings;
23
23
  crt: MatrixRainCrtSettings;
24
24
  }
25
- interface MatrixRainProps {
25
+ export interface MatrixRainProps {
26
26
  rain: RainOptions;
27
27
  bloom: BloomOptions | false;
28
28
  crt: CrtOptions | false;
29
29
  }
30
- declare const MATRIX_RAIN_DEFAULTS: MatrixRainSettings;
31
- declare const MATRIX_RAIN_PRESETS: Record<string, MatrixRainSettings>;
32
- declare const matrixSettingsChangeEvent = "matrix-settings-change";
33
- declare const readMatrixSettings: () => MatrixRainSettings;
34
- declare const writeMatrixSettings: (settings: MatrixRainSettings) => void;
35
- declare const settingsToProps: (settings: MatrixRainSettings) => MatrixRainProps;
36
- //#endregion
37
- export { MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixRainProps, MatrixRainSettings, matrixSettingsChangeEvent, readMatrixSettings, settingsToProps, writeMatrixSettings };
30
+ export declare const MATRIX_RAIN_DEFAULTS: MatrixRainSettings;
31
+ export declare const MATRIX_RAIN_PRESETS: Record<string, MatrixRainSettings>;
32
+ export declare const matrixSettingsChangeEvent = "matrix-settings-change";
33
+ export declare const readMatrixSettings: () => MatrixRainSettings;
34
+ export declare const writeMatrixSettings: (settings: MatrixRainSettings) => void;
35
+ export declare const settingsToProps: (settings: MatrixRainSettings) => MatrixRainProps;
36
+ //#endregion
@@ -1,6 +1,5 @@
1
1
  //#region src/state/motion/motion.d.ts
2
- declare const motionChangeEvent = "motion-change";
3
- declare const hasMotion: () => boolean;
4
- declare const writeMotion: (value: "on" | "off") => void;
5
- //#endregion
6
- export { hasMotion, motionChangeEvent, writeMotion };
2
+ export declare const motionChangeEvent = "motion-change";
3
+ export declare const hasMotion: () => boolean;
4
+ export declare const writeMotion: (value: "on" | "off") => void;
5
+ //#endregion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "matrix-design-system",
3
- "version": "1.1.0",
3
+ "version": "2.0.0",
4
4
  "description": "A Matrix-inspired React design system: green on near-black, terminal-flavoured, framework-agnostic.",
5
5
  "keywords": [
6
6
  "react",
@@ -60,7 +60,7 @@
60
60
  "prepublishOnly": "npx turbo run build --filter=matrix-design-system",
61
61
  "dev": "tsdown --watch",
62
62
  "typecheck": "tsc --noEmit",
63
- "lint": "eslint .",
63
+ "lint": "eslint . --max-warnings 0",
64
64
  "test": "vitest",
65
65
  "test:run": "vitest run",
66
66
  "test:coverage": "vitest run --coverage",
@@ -69,7 +69,7 @@
69
69
  },
70
70
  "peerDependencies": {
71
71
  "cmdk": ">=1",
72
- "framer-motion": "^12.42.2",
72
+ "framer-motion": "^13.4.3",
73
73
  "react": ">=19",
74
74
  "react-dom": ">=19",
75
75
  "react-markdown": ">=10",
@@ -117,33 +117,33 @@
117
117
  "dependencies": {
118
118
  "matrix-component-store": "^1.0.0",
119
119
  "matrix-rain-webgpu": "^2.0.0",
120
- "react-icons": "^5.6.0"
120
+ "react-icons": "^5.7.0"
121
121
  },
122
122
  "devDependencies": {
123
- "@babel/core": "^7.28.5",
124
- "@eslint/js": "^9",
125
- "@rolldown/plugin-babel": "^0.2.3",
126
- "@storybook/react-vite": "^10.5.10",
127
- "@testing-library/dom": "^10.4.1",
128
- "@testing-library/jest-dom": "^6.9.1",
123
+ "@babel/core": "^8.0.6",
124
+ "@eslint/js": "^10",
125
+ "@rolldown/plugin-babel": "^0.2.4",
126
+ "@storybook/react-vite": "^10.6.0",
127
+ "@testing-library/dom": "^10.4.2",
128
+ "@testing-library/jest-dom": "^7.0.1",
129
129
  "@testing-library/react": "^16.3.2",
130
- "@testing-library/user-event": "^14.6.1",
131
- "@types/react": "19.2.14",
132
- "@types/react-dom": "19.2.3",
133
- "@vitejs/plugin-react": "^6.0.5",
134
- "@vitest/coverage-v8": "^4.1.9",
130
+ "@testing-library/user-event": "^14.6.7",
131
+ "@types/react": "19.3.0",
132
+ "@types/react-dom": "19.3.0",
133
+ "@vitejs/plugin-react": "^6.1.1",
134
+ "@vitest/coverage-v8": "^5.0.1",
135
135
  "babel-plugin-react-compiler": "^1.0.0",
136
136
  "cmdk": "^1.1.1",
137
- "dependency-cruiser": "^18.1.0",
137
+ "dependency-cruiser": "^18.4.0",
138
138
  "eslint": "^9",
139
139
  "eslint-plugin-chicio": "^1.0.0",
140
140
  "eslint-plugin-react": "^7",
141
- "eslint-plugin-react-hooks": "^7",
142
- "framer-motion": "^12.42.2",
143
- "globals": "^16",
144
- "jsdom": "^30.0.0",
145
- "react": "19.2.6",
146
- "react-dom": "19.2.6",
141
+ "eslint-plugin-react-hooks": "^7.1.1",
142
+ "framer-motion": "^13.4.3",
143
+ "globals": "^17",
144
+ "jsdom": "^30.1.1",
145
+ "react": "19.3.0",
146
+ "react-dom": "19.3.0",
147
147
  "react-markdown": "^10.1.0",
148
148
  "recharts": "^3.9.0",
149
149
  "rehype-highlight": "^7.0.2",
@@ -152,10 +152,10 @@
152
152
  "remark-gfm": "^4.0.1",
153
153
  "remark-math": "^6.0.0",
154
154
  "remark-parse": "^11.0.0",
155
- "tsdown": "0.22.14",
156
- "typescript": "^5",
157
- "typescript-eslint": "^8",
155
+ "tsdown": "0.23.0",
156
+ "typescript": "^7.0.2",
157
+ "typescript-eslint": "^8.70.1",
158
158
  "unified": "^11.0.5",
159
- "vitest": "^4.1.10"
159
+ "vitest": "^5.0.1"
160
160
  }
161
161
  }
@@ -1,22 +0,0 @@
1
- import "matrix-component-store";
2
- //#region src/organism/menu/use-menu-store.d.ts
3
- interface MenuTrackingCallbacks {
4
- onTrackHome?: () => void;
5
- onTrackBlog?: () => void;
6
- onTrackBlogAuthors?: () => void;
7
- onTrackBlogTags?: () => void;
8
- onTrackBlogArchive?: () => void;
9
- onTrackBlogStats?: () => void;
10
- onTrackDsaRoadmap?: () => void;
11
- onTrackDsaExercises?: () => void;
12
- onTrackChat?: () => void;
13
- onTrackMcp?: () => void;
14
- onTrackMatrixRain?: () => void;
15
- onTrackEasterEggHunt?: () => void;
16
- onTrackAboutMe?: () => void;
17
- onTrackArt?: () => void;
18
- onTrackVideogames?: () => void;
19
- onTrackContact?: () => void;
20
- }
21
- //#endregion
22
- export { MenuTrackingCallbacks };