matrix-design-system 1.0.0 → 1.1.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 (131) hide show
  1. package/README.md +26 -10
  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/molecules/accordion/accordion/accordion.d.mts +2 -3
  50. package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.d.mts +4 -5
  51. package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.mjs +5 -5
  52. package/dist/molecules/buttons/pagination-navigation/pagination-navigation.d.mts +3 -4
  53. package/dist/molecules/buttons/pills-buttons/pills-buttons.d.mts +3 -4
  54. package/dist/molecules/buttons/pills-buttons/pills-buttons.mjs +2 -2
  55. package/dist/molecules/buttons/segmented-control/segmented-control.d.mts +3 -4
  56. package/dist/molecules/buttons/segmented-control/segmented-control.mjs +2 -2
  57. package/dist/molecules/buttons/social-contact/social-contact.d.mts +3 -4
  58. package/dist/molecules/buttons/tag/tag.d.mts +3 -4
  59. package/dist/molecules/buttons/terminal-button/terminal-button.d.mts +3 -4
  60. package/dist/molecules/buttons/terminal-button/terminal-button.mjs +2 -2
  61. package/dist/molecules/chart/chart-panel/chart-panel.d.mts +3 -4
  62. package/dist/molecules/chart/chart-tooltip/chart-tooltip.d.mts +3 -4
  63. package/dist/molecules/chart/donut-chart/donut-chart.d.mts +3 -4
  64. package/dist/molecules/chart/donut-chart/donut-chart.mjs +1 -1
  65. package/dist/molecules/containers/content-container/content-container.d.mts +2 -3
  66. package/dist/molecules/containers/content-container/content-container.mjs +1 -1
  67. package/dist/molecules/controls/control-slider/control-slider.d.mts +2 -3
  68. package/dist/molecules/controls/control-slider/control-slider.mjs +2 -2
  69. package/dist/molecules/effects/matrix-background/matrix-background.d.mts +2 -3
  70. package/dist/molecules/effects/matrix-background/matrix-background.mjs +3 -3
  71. package/dist/molecules/effects/matrix-header-background/matrix-header-background.d.mts +2 -3
  72. package/dist/molecules/effects/matrix-header-background/matrix-header-background.mjs +2 -2
  73. package/dist/molecules/effects/matrix-terminal/matrix-terminal.d.mts +2 -3
  74. package/dist/molecules/effects/matrix-terminal/matrix-terminal.mjs +1 -1
  75. package/dist/molecules/form/filter-input/filter-input.d.mts +3 -4
  76. package/dist/molecules/form/form-error-summary/form-error-summary.d.mts +3 -4
  77. package/dist/molecules/form/form-field/form-field.d.mts +3 -4
  78. package/dist/molecules/form/form-success-message/form-success-message.d.mts +3 -4
  79. package/dist/molecules/form/form-success-message/form-success-message.mjs +2 -2
  80. package/dist/molecules/form/form-textarea/form-textarea.d.mts +3 -4
  81. package/dist/molecules/lightbox-image/lightbox-image.d.mts +2 -3
  82. package/dist/molecules/links/pills-links/pills-links.d.mts +4 -5
  83. package/dist/molecules/menu/close/close.d.mts +2 -3
  84. package/dist/molecules/menu/close/close.mjs +1 -1
  85. package/dist/molecules/menu/dropdown-menu/dropdown-menu.d.mts +3 -4
  86. package/dist/molecules/menu/dropdown-menu/dropdown-menu.mjs +3 -3
  87. package/dist/molecules/menu/hamburger-menu/hamburger-menu.d.mts +2 -3
  88. package/dist/molecules/menu/menu-item/menu-item.d.mts +3 -4
  89. package/dist/molecules/stat-card/stat-card.d.mts +3 -4
  90. package/dist/molecules/stat-card/stat-card.mjs +3 -3
  91. package/dist/molecules/terminal-list-item/terminal-list-item.d.mts +3 -4
  92. package/dist/molecules/terminal-progress-bar/terminal-progress-bar.d.mts +2 -3
  93. package/dist/molecules/typography/page-title/page-title.d.mts +2 -3
  94. package/dist/molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.d.mts +2 -3
  95. package/dist/molecules/typography/section-heading/section-heading.d.mts +3 -4
  96. package/dist/molecules/typography/section-heading/section-heading.mjs +1 -1
  97. package/dist/molecules/video/self-hosted-video/self-hosted-video.d.mts +2 -3
  98. package/dist/molecules/video/self-hosted-video/self-hosted-video.mjs +1 -2
  99. package/dist/molecules/video/youtube/youtube.d.mts +2 -3
  100. package/dist/organism/command-palette/command-palette/command-palette.d.mts +3 -4
  101. package/dist/organism/command-palette/command-palette-group/command-palette-group.d.mts +3 -4
  102. package/dist/organism/command-palette/command-palette-item/command-palette-item.d.mts +3 -4
  103. package/dist/organism/command-palette/toggle-motion-item/toggle-motion-item.d.mts +3 -4
  104. package/dist/organism/cookie-consent-banner/cookie-consent-banner.d.mts +2 -3
  105. package/dist/organism/cookie-consent-banner/cookie-consent-banner.mjs +4 -4
  106. package/dist/organism/footer/footer.d.mts +4 -4
  107. package/dist/organism/footer/footer.mjs +3 -3
  108. package/dist/organism/footer/use-footer-store.d.mts +3 -4
  109. package/dist/organism/header/brand-header/brand-header.d.mts +3 -4
  110. package/dist/organism/header/brand-header/brand-header.mjs +1 -1
  111. package/dist/organism/image-carousel/fullscreen-modal/fullscreen-modal.mjs +1 -1
  112. package/dist/organism/image-carousel/image-carousel.d.mts +3 -4
  113. package/dist/organism/image-carousel/image-carousel.mjs +2 -2
  114. package/dist/organism/image-carousel/navigation-buttons/navigation-buttons.mjs +2 -2
  115. package/dist/organism/lightbox/lightbox.d.mts +2 -3
  116. package/dist/organism/loading-bar/loading-bar.d.mts +2 -3
  117. package/dist/organism/menu/menu.d.mts +4 -5
  118. package/dist/organism/menu/menu.mjs +10 -10
  119. package/dist/organism/menu/use-menu-store.d.mts +2 -3
  120. package/dist/organism/profile-hero/profile-hero.d.mts +3 -4
  121. package/dist/organism/profile-photo/profile-photo.d.mts +3 -4
  122. package/dist/organism/profile-photo/profile-photo.mjs +1 -1
  123. package/dist/organism/reading-content-progress-bar/reading-content-progress-bar.d.mts +2 -3
  124. package/dist/organism/social-contacts/social-contacts.d.mts +4 -5
  125. package/dist/state/command-palette/command-palette-context.d.mts +3 -4
  126. package/dist/state/command-palette/command-palette-events.d.mts +5 -6
  127. package/dist/state/command-palette/command-palette-trigger.d.mts +2 -3
  128. package/dist/state/lightbox/lightbox-events.d.mts +4 -5
  129. package/dist/state/matrix-rain/matrix-settings.d.mts +9 -10
  130. package/dist/state/motion/motion.d.mts +4 -5
  131. package/package.json +23 -22
@@ -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.0.0",
3
+ "version": "1.1.1",
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.2.0",
73
73
  "react": ">=19",
74
74
  "react-dom": ">=19",
75
75
  "react-markdown": ">=10",
@@ -117,32 +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",
123
+ "@babel/core": "^8.0.1",
124
+ "@eslint/js": "^10",
125
125
  "@rolldown/plugin-babel": "^0.2.3",
126
+ "@storybook/react-vite": "^10.6.0",
126
127
  "@testing-library/dom": "^10.4.1",
127
- "@testing-library/jest-dom": "^6.9.1",
128
+ "@testing-library/jest-dom": "^7.0.1",
128
129
  "@testing-library/react": "^16.3.2",
129
- "@testing-library/user-event": "^14.6.1",
130
- "@types/react": "19.2.14",
131
- "@types/react-dom": "19.2.3",
132
- "@vitejs/plugin-react": "^6.0.5",
133
- "@vitest/coverage-v8": "^4.1.9",
130
+ "@testing-library/user-event": "^14.6.7",
131
+ "@types/react": "19.2.18",
132
+ "@types/react-dom": "19.2.7",
133
+ "@vitejs/plugin-react": "^6.1.1",
134
+ "@vitest/coverage-v8": "^5.0.0",
134
135
  "babel-plugin-react-compiler": "^1.0.0",
135
136
  "cmdk": "^1.1.1",
136
- "dependency-cruiser": "^18.1.0",
137
+ "dependency-cruiser": "^18.2.0",
137
138
  "eslint": "^9",
138
139
  "eslint-plugin-chicio": "^1.0.0",
139
140
  "eslint-plugin-react": "^7",
140
- "eslint-plugin-react-hooks": "^7",
141
- "framer-motion": "^12.42.2",
142
- "globals": "^16",
141
+ "eslint-plugin-react-hooks": "^7.1.1",
142
+ "framer-motion": "^13.2.0",
143
+ "globals": "^17",
143
144
  "jsdom": "^30.0.0",
144
- "react": "19.2.6",
145
- "react-dom": "19.2.6",
145
+ "react": "19.2.8",
146
+ "react-dom": "19.2.8",
146
147
  "react-markdown": "^10.1.0",
147
148
  "recharts": "^3.9.0",
148
149
  "rehype-highlight": "^7.0.2",
@@ -151,10 +152,10 @@
151
152
  "remark-gfm": "^4.0.1",
152
153
  "remark-math": "^6.0.0",
153
154
  "remark-parse": "^11.0.0",
154
- "tsdown": "0.22.14",
155
- "typescript": "^5",
156
- "typescript-eslint": "^8",
155
+ "tsdown": "0.23.0",
156
+ "typescript": "^7.0.2",
157
+ "typescript-eslint": "^8.69.0",
157
158
  "unified": "^11.0.5",
158
- "vitest": "^4.1.10"
159
+ "vitest": "^5.0.0"
159
160
  }
160
161
  }