@hjmds/design-contracts 1.29.0 → 1.31.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 (97) hide show
  1. package/dist/behaviors.d.ts +1 -0
  2. package/dist/behaviors.d.ts.map +1 -1
  3. package/dist/bottom-navigation.d.ts +24 -0
  4. package/dist/bottom-navigation.d.ts.map +1 -1
  5. package/dist/bottom-navigation.js +34 -0
  6. package/dist/bottom-navigation.js.map +1 -1
  7. package/dist/carousel.d.ts +30 -0
  8. package/dist/carousel.d.ts.map +1 -1
  9. package/dist/carousel.js +32 -0
  10. package/dist/carousel.js.map +1 -1
  11. package/dist/catalog.d.ts +382 -64
  12. package/dist/catalog.d.ts.map +1 -1
  13. package/dist/catalog.js +147 -131
  14. package/dist/catalog.js.map +1 -1
  15. package/dist/component-definitions.d.ts +21 -131
  16. package/dist/component-definitions.d.ts.map +1 -1
  17. package/dist/component-definitions.js +9 -132
  18. package/dist/component-definitions.js.map +1 -1
  19. package/dist/component-recipes.d.ts +87 -0
  20. package/dist/component-recipes.d.ts.map +1 -1
  21. package/dist/component-recipes.js +44 -1
  22. package/dist/component-recipes.js.map +1 -1
  23. package/dist/icon.d.ts +58 -1
  24. package/dist/icon.d.ts.map +1 -1
  25. package/dist/icon.js +69 -0
  26. package/dist/icon.js.map +1 -1
  27. package/dist/image-choice.d.ts +7 -0
  28. package/dist/image-choice.d.ts.map +1 -1
  29. package/dist/image-choice.js +7 -0
  30. package/dist/image-choice.js.map +1 -1
  31. package/dist/index.d.ts +4 -4
  32. package/dist/index.d.ts.map +1 -1
  33. package/dist/index.js +3 -3
  34. package/dist/index.js.map +1 -1
  35. package/dist/recipes.d.ts +1 -1
  36. package/dist/recipes.d.ts.map +1 -1
  37. package/dist/recipes.js.map +1 -1
  38. package/dist/screen-patterns.d.ts +100 -0
  39. package/dist/screen-patterns.d.ts.map +1 -1
  40. package/dist/screen-patterns.js +98 -3
  41. package/dist/screen-patterns.js.map +1 -1
  42. package/dist/showcase.d.ts.map +1 -1
  43. package/dist/showcase.js +10 -0
  44. package/dist/showcase.js.map +1 -1
  45. package/dist/steps.d.ts +16 -7
  46. package/dist/steps.d.ts.map +1 -1
  47. package/dist/steps.js +6 -1
  48. package/dist/steps.js.map +1 -1
  49. package/dist/version.d.ts +1 -1
  50. package/dist/version.js +1 -1
  51. package/dist/version.js.map +1 -1
  52. package/docs/architecture.md +18 -0
  53. package/docs/bottom-navigation.md +10 -0
  54. package/docs/carousel.md +8 -0
  55. package/docs/dialog.md +23 -0
  56. package/docs/generated/component-maturity.md +32 -29
  57. package/docs/generated/renderer-evidence.json +1551 -1118
  58. package/docs/generated/renderer-evidence.md +243 -237
  59. package/docs/generated/showcase-manifest.json +688 -69
  60. package/docs/icon.md +9 -0
  61. package/docs/screen-patterns.md +18 -0
  62. package/docs/stable-core.md +22 -0
  63. package/docs/steps.md +4 -3
  64. package/docs/usage/README.md +28 -25
  65. package/docs/usage/SELECTION.md +1 -1
  66. package/docs/usage/components/auth-screen-layout.md +15 -5
  67. package/docs/usage/components/bottom-navigation.md +65 -2
  68. package/docs/usage/components/card.md +36 -5
  69. package/docs/usage/components/carousel.md +1 -0
  70. package/docs/usage/components/chat-date-separator.md +86 -0
  71. package/docs/usage/components/chat-message.md +10 -1
  72. package/docs/usage/components/chat-screen.md +3 -2
  73. package/docs/usage/components/comment-thread-row.md +11 -3
  74. package/docs/usage/components/comment-thread-screen.md +1 -1
  75. package/docs/usage/components/dialog.md +69 -0
  76. package/docs/usage/components/editor-screen.md +6 -2
  77. package/docs/usage/components/field.md +13 -0
  78. package/docs/usage/components/icon-button.md +1 -0
  79. package/docs/usage/components/icon-tile.md +10 -1
  80. package/docs/usage/components/icon.md +45 -6
  81. package/docs/usage/components/image-choice-group.md +3 -1
  82. package/docs/usage/components/media-selection-screen.md +17 -0
  83. package/docs/usage/components/message-composer.md +4 -1
  84. package/docs/usage/components/moderation-screen.md +88 -2
  85. package/docs/usage/components/page-indicator.md +102 -0
  86. package/docs/usage/components/profile-screen.md +9 -3
  87. package/docs/usage/components/profile-summary.md +3 -3
  88. package/docs/usage/components/screen-layout.md +9 -0
  89. package/docs/usage/components/steps.md +14 -7
  90. package/docs/usage/components/tabs.md +21 -1
  91. package/docs/usage/components/text.md +30 -1
  92. package/docs/usage/components/typing-indicator.md +89 -0
  93. package/docs/usage/screens/common-login.md +3 -1
  94. package/docs/usage/screens/common-profile.md +3 -3
  95. package/docs/usage/screens/flow-editor.md +13 -2
  96. package/docs/usage/screens/flow-moderation.md +31 -3
  97. package/package.json +2 -1
package/docs/generated/renderer-evidence.md CHANGED
@@ -1,247 +1,253 @@
1
1
  # Renderer evidence coverage
2
2
 
3
- > Generated for HJM 1.29.0. Do not edit directly; run `pnpm evidence:sync`.
3
+ > Generated for HJM 1.31.0. Do not edit directly; run `pnpm evidence:sync`.
4
4
 
5
5
  This projection joins the canonical surface maturity manifest with first-party renderer claims. Missing scenarios are explicit beta promotion debt; stable surfaces are blocked by CI until none remain.
6
6
 
7
- - web: 125/127 active implementations; 119/127 required scenario sets
8
- - native: 105/109 active implementations; 100/109 required scenario sets
7
+ - web: 130/130 active implementations; 129/130 required scenario sets
8
+ - native: 112/112 active implementations; 109/112 required scenario sets
9
9
 
10
10
  | Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
11
11
  | --- | --- | --- | --- | --- | --- | --- | --- |
12
- | Text | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text, test/scenario-matrix.browser.test.tsx#text |
13
- | TextFormat | web | stable | @hjmds/react | ./text-formats | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text-format, test/scenario-matrix.browser.test.tsx#text-format |
14
- | Heading | web | stable | @hjmds/react | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#heading, test/scenario-matrix.browser.test.tsx#heading |
15
- | Icon | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#icon, test/scenario-matrix.browser.test.tsx#icon |
16
- | Surface | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#surface, test/scenario-matrix.browser.test.tsx#surface |
17
- | Divider | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#divider, test/scenario-matrix.browser.test.tsx#divider |
18
- | Section | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#section, test/scenario-matrix.browser.test.tsx#section |
19
- | Stack | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#stack, test/scenario-matrix.browser.test.tsx#stack |
20
- | Container | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#container, test/scenario-matrix.browser.test.tsx#container |
21
- | AspectRatio | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#aspect-ratio, test/scenario-matrix.browser.test.tsx#aspect-ratio |
22
- | Grid | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#grid, test/scenario-matrix.browser.test.tsx#grid |
23
- | Layout | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#layout, test/scenario-matrix.browser.test.tsx#layout, test/stable-core.browser.test.tsx#layout |
24
- | Top | web | stable | @hjmds/react | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#top, test/scenario-matrix.browser.test.tsx#top |
25
- | Masonry | web | stable | @hjmds/react | ./masonry | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#masonry, test/scenario-matrix.browser.test.tsx#masonry |
26
- | Splitter | web | stable | @hjmds/react | ./splitter | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#splitter, test/scenario-matrix.browser.test.tsx#splitter, test/splitter.browser.test.tsx#splitter |
27
- | Button | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#button, test/scenario-matrix.browser.test.tsx#button |
28
- | IconButton | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#icon-button, test/scenario-matrix.browser.test.tsx#icon-button |
29
- | Link | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#link, test/scenario-matrix.browser.test.tsx#link, test/stable-core.browser.test.tsx#link |
30
- | BottomCTA | web | stable | @hjmds/react | ./bottom-cta | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#bottom-cta, test/scenario-matrix.browser.test.tsx#bottom-cta |
31
- | FloatingActionButton | web | stable | @hjmds/react | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#floating-action-button, test/scenario-matrix.browser.test.tsx#floating-action-button, test/stable-core.browser.test.tsx#floating-action-button |
32
- | AuthScreenLayout | web | stable | @hjmds/react | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#auth-screen, test/scenario-matrix.browser.test.tsx#auth-screen |
33
- | AuthProviderButton | web | stable | @hjmds/react | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#auth-provider-button, test/scenario-matrix.browser.test.tsx#auth-provider-button, test/stable-core.browser.test.tsx#auth-provider-button |
34
- | Field | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#field, test/scenario-matrix.browser.test.tsx#field, test/stable-core.browser.test.tsx#field |
35
- | SearchField | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#search-field, test/scenario-matrix.browser.test.tsx#search-field, test/stable-core.browser.test.tsx#search-field |
36
- | TextArea | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text-area, test/scenario-matrix.browser.test.tsx#text-area |
37
- | PasswordField | web | stable | @hjmds/react | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#password-field, test/scenario-matrix.browser.test.tsx#password-field, test/stable-core.browser.test.tsx#password-field |
38
- | OtpField | web | stable | @hjmds/react | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#otp-field, test/scenario-matrix.browser.test.tsx#otp-field, test/stable-core.browser.test.tsx#otp-field |
39
- | Checkbox | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#checkbox, test/scenario-matrix.browser.test.tsx#checkbox, test/stable-core.browser.test.tsx#checkbox |
40
- | Radio | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#radio, test/scenario-matrix.browser.test.tsx#radio |
41
- | CheckboxGroup | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#checkbox-group, test/scenario-matrix.browser.test.tsx#checkbox-group, test/stable-core.browser.test.tsx#checkbox-group |
42
- | RadioGroup | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#radio-group, test/scenario-matrix.browser.test.tsx#radio-group, test/stable-core.browser.test.tsx#radio-group |
43
- | Switch | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#switch, test/scenario-matrix.browser.test.tsx#switch, test/stable-core.browser.test.tsx#switch |
44
- | Chip | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#chip, test/scenario-matrix.browser.test.tsx#chip, test/stable-core.browser.test.tsx#chip |
45
- | ImageChoiceGroup | web | beta | @hjmds/react | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none |
46
- | SegmentedControl | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#segmented-control, test/scenario-matrix.browser.test.tsx#segmented-control, test/stable-core.browser.test.tsx#segmented-control |
47
- | ToggleGroup | web | stable | @hjmds/react | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#toggle-group, test/scenario-matrix.browser.test.tsx#toggle-group, test/stable-core.browser.test.tsx#toggle-group |
48
- | TagsInput | web | stable | @hjmds/react | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tags-input, test/scenario-matrix.browser.test.tsx#tags-input, test/stable-core.browser.test.tsx#tags-input |
49
- | Slider | web | stable | @hjmds/react | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#slider, test/scenario-matrix.browser.test.tsx#slider, test/stable-core.browser.test.tsx#slider |
50
- | NumberField | web | stable | @hjmds/react | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#number-field, test/scenario-matrix.browser.test.tsx#number-field, test/stable-core.browser.test.tsx#number-field |
51
- | Select | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#select, test/scenario-matrix.browser.test.tsx#select, test/stable-core.browser.test.tsx#select |
52
- | Combobox | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#combobox, test/scenario-matrix.browser.test.tsx#combobox, test/stable-core.browser.test.tsx#combobox |
53
- | DatePicker | web | stable | @hjmds/react | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#date-picker, test/scenario-matrix.browser.test.tsx#date-picker, test/stable-core.browser.test.tsx#date-picker |
54
- | DateRangePicker | web | stable | @hjmds/react | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#date-range-picker, test/scenario-matrix.browser.test.tsx#date-range-picker, test/date-range.keyboard.browser.test.tsx#date-range-picker |
55
- | ColorPicker | web | stable | @hjmds/react | ./color-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#color-picker, test/scenario-matrix.browser.test.tsx#color-picker, test/web-additions.browser.test.tsx#color-picker |
56
- | FilePicker | web | stable | @hjmds/react | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#file-picker, test/scenario-matrix.browser.test.tsx#file-picker, test/file-picker.keyboard.browser.test.tsx#file-picker |
57
- | Form | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#form, test/scenario-matrix.browser.test.tsx#form, test/form.keyboard.browser.test.tsx#form |
58
- | Agreement | web | stable | @hjmds/react | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#agreement, test/scenario-matrix.browser.test.tsx#agreement, test/agreement.keyboard.browser.test.tsx#agreement |
59
- | Mentions | web | stable | @hjmds/react | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#mentions, test/scenario-matrix.browser.test.tsx#mentions, test/mentions.browser.test.tsx#mentions |
60
- | TransferList | web | stable | @hjmds/react | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#transfer-list, test/scenario-matrix.browser.test.tsx#transfer-list, test/transfer-list.browser.test.tsx#transfer-list |
61
- | UploadItem | web | stable | @hjmds/react | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#upload-item, test/scenario-matrix.browser.test.tsx#upload-item, test/upload-item.browser.test.tsx#upload-item |
62
- | Tabs | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tabs, test/scenario-matrix.browser.test.tsx#tabs, test/tabs.keyboard.browser.test.tsx#tabs |
63
- | TopBar | web | stable | @hjmds/react | ./top-bar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#top-bar, test/scenario-matrix.browser.test.tsx#top-bar |
64
- | Sidebar | web | stable | @hjmds/react | ./sidebar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar, test/sidebar.browser.test.tsx#sidebar |
65
- | BottomNavigation | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation, test/bottom-navigation.keyboard.browser.test.tsx#bottom-navigation |
66
- | Breadcrumb | web | stable | @hjmds/react | ./breadcrumb | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb, test/page-navigation.browser.test.tsx#breadcrumb |
67
- | Pagination | web | stable | @hjmds/react | ./pagination | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination, test/pagination.keyboard.browser.test.tsx#pagination |
68
- | LoadMore | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more, test/load-more.interactions.browser.test.tsx#load-more |
69
- | Steps | web | stable | @hjmds/react | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
70
- | Menubar | web | stable | @hjmds/react | ./menubar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#menubar, test/scenario-matrix.browser.test.tsx#menubar, test/menubar.keyboard.browser.test.tsx#menubar |
71
- | ContextMenu | web | stable | @hjmds/react | ./context-menu | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#context-menu, test/scenario-matrix.browser.test.tsx#context-menu, test/context-menu.interactions.browser.test.tsx#context-menu |
72
- | Menu | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#menu, test/scenario-matrix.browser.test.tsx#menu, test/menu.keyboard.browser.test.tsx#menu |
73
- | Anchor | web | stable | @hjmds/react | ./anchor | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#anchor, test/scenario-matrix.browser.test.tsx#anchor, test/anchor.browser.test.tsx#anchor |
74
- | Avatar | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#avatar, test/scenario-matrix.browser.test.tsx#avatar |
75
- | Asset | web | stable | @hjmds/react | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#asset, test/scenario-matrix.browser.test.tsx#asset |
76
- | Badge | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#badge, test/scenario-matrix.browser.test.tsx#badge |
77
- | CounterBadge | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#counter-badge, test/scenario-matrix.browser.test.tsx#counter-badge |
78
- | Card | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#card, test/scenario-matrix.browser.test.tsx#card |
79
- | List | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list, test/scenario-matrix.browser.test.tsx#list |
80
- | ListRow | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list-row, test/scenario-matrix.browser.test.tsx#list-row |
81
- | VirtualList | web | stable | @hjmds/react | ./virtual-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#virtual-list, test/scenario-matrix.browser.test.tsx#virtual-list |
82
- | Collapsible | web | stable | @hjmds/react | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#collapsible, test/scenario-matrix.browser.test.tsx#collapsible, test/collapsible.keyboard.browser.test.tsx#collapsible |
83
- | Accordion | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#accordion, test/scenario-matrix.browser.test.tsx#accordion, test/accordion.keyboard.browser.test.tsx#accordion |
84
- | Statistic | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#statistic, test/scenario-matrix.browser.test.tsx#statistic |
85
- | Timeline | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#timeline, test/scenario-matrix.browser.test.tsx#timeline |
86
- | DataTable | web | stable | @hjmds/react | ./data-table | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#data-table, test/scenario-matrix.browser.test.tsx#data-table, test/data-table.keyboard.browser.test.tsx#data-table |
87
- | Chart | web | beta | @hjmds/react | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none |
88
- | Tree | web | stable | @hjmds/react | ./tree | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tree, test/scenario-matrix.browser.test.tsx#tree, test/tree.browser.test.tsx#tree |
89
- | Calendar | web | stable | @hjmds/react | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#calendar, test/scenario-matrix.browser.test.tsx#calendar, test/calendar.browser.test.tsx#calendar |
90
- | Carousel | web | stable | @hjmds/react | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#carousel, test/scenario-matrix.browser.test.tsx#carousel, test/carousel.browser.test.tsx#carousel |
91
- | DescriptionList | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#description-list, test/scenario-matrix.browser.test.tsx#description-list |
92
- | Image | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#image, test/scenario-matrix.browser.test.tsx#image |
93
- | QRCode | web | stable | @hjmds/react | ./qr-code | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#qr-code, test/scenario-matrix.browser.test.tsx#qr-code |
94
- | Tag | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#tag, test/scenario-matrix.browser.test.tsx#tag |
95
- | Tour | web | stable | @hjmds/react | ./tour | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#tour, test/scenario-matrix.browser.test.tsx#tour, test/tour.browser.test.tsx#tour |
96
- | EmptyState | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#empty-state, test/scenario-matrix.browser.test.tsx#empty-state |
97
- | Notice | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notice, test/scenario-matrix.browser.test.tsx#notice |
98
- | Progress | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#progress, test/scenario-matrix.browser.test.tsx#progress |
12
+ | Text | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#text, test/scenario-matrix.browser.test.tsx#text |
13
+ | TextFormat | web | stable | @hjmds/react | ./text-formats | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#text-format, test/scenario-matrix.browser.test.tsx#text-format |
14
+ | Heading | web | stable | @hjmds/react | ./heading | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#heading, test/scenario-matrix.browser.test.tsx#heading |
15
+ | Icon | web | stable | @hjmds/react | ./display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#icon, test/scenario-matrix.browser.test.tsx#icon |
16
+ | Surface | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#surface, test/scenario-matrix.browser.test.tsx#surface |
17
+ | Divider | web | stable | @hjmds/react | ./display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#divider, test/scenario-matrix.browser.test.tsx#divider |
18
+ | Section | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#section, test/scenario-matrix.browser.test.tsx#section |
19
+ | Stack | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#stack, test/scenario-matrix.browser.test.tsx#stack |
20
+ | Container | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#container, test/scenario-matrix.browser.test.tsx#container |
21
+ | AspectRatio | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#aspect-ratio, test/scenario-matrix.browser.test.tsx#aspect-ratio |
22
+ | Grid | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#grid, test/scenario-matrix.browser.test.tsx#grid |
23
+ | Layout | web | stable | @hjmds/react | ./layout | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#layout, test/scenario-matrix.browser.test.tsx#layout, test/stable-core.browser.test.tsx#layout |
24
+ | Top | web | stable | @hjmds/react | ./top | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#top, test/scenario-matrix.browser.test.tsx#top |
25
+ | Masonry | web | stable | @hjmds/react | ./masonry | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#masonry, test/scenario-matrix.browser.test.tsx#masonry |
26
+ | Splitter | web | stable | @hjmds/react | ./splitter | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#splitter, test/scenario-matrix.browser.test.tsx#splitter, test/splitter.browser.test.tsx#splitter |
27
+ | Button | web | stable | @hjmds/react | ./actions | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#button, test/scenario-matrix.browser.test.tsx#button |
28
+ | IconButton | web | stable | @hjmds/react | ./actions | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#icon-button, test/scenario-matrix.browser.test.tsx#icon-button |
29
+ | Link | web | stable | @hjmds/react | ./actions | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#link, test/scenario-matrix.browser.test.tsx#link, test/stable-core.browser.test.tsx#link |
30
+ | BottomCTA | web | stable | @hjmds/react | ./bottom-cta | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#bottom-cta, test/scenario-matrix.browser.test.tsx#bottom-cta |
31
+ | FloatingActionButton | web | stable | @hjmds/react | ./floating-action-button | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#floating-action-button, test/scenario-matrix.browser.test.tsx#floating-action-button, test/stable-core.browser.test.tsx#floating-action-button |
32
+ | AuthScreenLayout | web | stable | @hjmds/react | ./auth-screen | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#auth-screen, test/scenario-matrix.browser.test.tsx#auth-screen |
33
+ | AuthProviderButton | web | stable | @hjmds/react | ./provider-button | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#auth-provider-button, test/scenario-matrix.browser.test.tsx#auth-provider-button, test/stable-core.browser.test.tsx#auth-provider-button |
34
+ | Field | web | stable | @hjmds/react | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#field, test/scenario-matrix.browser.test.tsx#field, test/stable-core.browser.test.tsx#field |
35
+ | SearchField | web | stable | @hjmds/react | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#search-field, test/scenario-matrix.browser.test.tsx#search-field, test/stable-core.browser.test.tsx#search-field |
36
+ | TextArea | web | stable | @hjmds/react | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#text-area, test/scenario-matrix.browser.test.tsx#text-area |
37
+ | PasswordField | web | stable | @hjmds/react | ./password-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#password-field, test/scenario-matrix.browser.test.tsx#password-field, test/stable-core.browser.test.tsx#password-field |
38
+ | OtpField | web | stable | @hjmds/react | ./otp-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#otp-field, test/scenario-matrix.browser.test.tsx#otp-field, test/stable-core.browser.test.tsx#otp-field |
39
+ | Checkbox | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#checkbox, test/scenario-matrix.browser.test.tsx#checkbox, test/stable-core.browser.test.tsx#checkbox |
40
+ | Radio | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#radio, test/scenario-matrix.browser.test.tsx#radio |
41
+ | CheckboxGroup | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#checkbox-group, test/scenario-matrix.browser.test.tsx#checkbox-group, test/stable-core.browser.test.tsx#checkbox-group |
42
+ | RadioGroup | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#radio-group, test/scenario-matrix.browser.test.tsx#radio-group, test/stable-core.browser.test.tsx#radio-group |
43
+ | Switch | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#switch, test/scenario-matrix.browser.test.tsx#switch, test/stable-core.browser.test.tsx#switch |
44
+ | Chip | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#chip, test/scenario-matrix.browser.test.tsx#chip, test/stable-core.browser.test.tsx#chip |
45
+ | ImageChoiceGroup | web | beta | @hjmds/react | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#image-choice-group, test/scenario-matrix.browser.test.tsx#image-choice-group |
46
+ | SegmentedControl | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#segmented-control, test/scenario-matrix.browser.test.tsx#segmented-control, test/stable-core.browser.test.tsx#segmented-control |
47
+ | ToggleGroup | web | stable | @hjmds/react | ./toggle-group | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#toggle-group, test/scenario-matrix.browser.test.tsx#toggle-group, test/stable-core.browser.test.tsx#toggle-group |
48
+ | TagsInput | web | stable | @hjmds/react | ./tags-input | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tags-input, test/scenario-matrix.browser.test.tsx#tags-input, test/stable-core.browser.test.tsx#tags-input |
49
+ | Slider | web | stable | @hjmds/react | ./slider | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#slider, test/scenario-matrix.browser.test.tsx#slider, test/stable-core.browser.test.tsx#slider |
50
+ | NumberField | web | stable | @hjmds/react | ./number-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#number-field, test/scenario-matrix.browser.test.tsx#number-field, test/stable-core.browser.test.tsx#number-field |
51
+ | Select | web | stable | @hjmds/react | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#select, test/scenario-matrix.browser.test.tsx#select, test/stable-core.browser.test.tsx#select |
52
+ | Combobox | web | stable | @hjmds/react | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#combobox, test/scenario-matrix.browser.test.tsx#combobox, test/stable-core.browser.test.tsx#combobox |
53
+ | DatePicker | web | stable | @hjmds/react | ./date-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#date-picker, test/scenario-matrix.browser.test.tsx#date-picker, test/stable-core.browser.test.tsx#date-picker |
54
+ | DateRangePicker | web | stable | @hjmds/react | ./date-range | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#date-range-picker, test/scenario-matrix.browser.test.tsx#date-range-picker, test/date-range.keyboard.browser.test.tsx#date-range-picker |
55
+ | ColorPicker | web | stable | @hjmds/react | ./color-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#color-picker, test/scenario-matrix.browser.test.tsx#color-picker, test/web-additions.browser.test.tsx#color-picker |
56
+ | FilePicker | web | stable | @hjmds/react | ./file-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#file-picker, test/scenario-matrix.browser.test.tsx#file-picker, test/file-picker.keyboard.browser.test.tsx#file-picker |
57
+ | Form | web | stable | @hjmds/react | ./forms | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#form, test/scenario-matrix.browser.test.tsx#form, test/form.keyboard.browser.test.tsx#form |
58
+ | Agreement | web | stable | @hjmds/react | ./agreement | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#agreement, test/scenario-matrix.browser.test.tsx#agreement, test/agreement.keyboard.browser.test.tsx#agreement |
59
+ | Mentions | web | stable | @hjmds/react | ./mentions | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#mentions, test/scenario-matrix.browser.test.tsx#mentions, test/mentions.browser.test.tsx#mentions |
60
+ | TransferList | web | stable | @hjmds/react | ./transfer-list | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#transfer-list, test/scenario-matrix.browser.test.tsx#transfer-list, test/transfer-list.browser.test.tsx#transfer-list |
61
+ | UploadItem | web | stable | @hjmds/react | ./upload-item | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#upload-item, test/scenario-matrix.browser.test.tsx#upload-item, test/upload-item.browser.test.tsx#upload-item |
62
+ | Tabs | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tabs, test/scenario-matrix.browser.test.tsx#tabs, test/tabs.keyboard.browser.test.tsx#tabs |
63
+ | TopBar | web | stable | @hjmds/react | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#top-bar, test/scenario-matrix.browser.test.tsx#top-bar |
64
+ | Sidebar | web | stable | @hjmds/react | ./sidebar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar, test/sidebar.browser.test.tsx#sidebar |
65
+ | BottomNavigation | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation, test/bottom-navigation.keyboard.browser.test.tsx#bottom-navigation |
66
+ | Breadcrumb | web | stable | @hjmds/react | ./breadcrumb | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb, test/page-navigation.browser.test.tsx#breadcrumb |
67
+ | PageIndicator | web | beta | @hjmds/react | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#page-indicator, test/scenario-matrix.browser.test.tsx#page-indicator |
68
+ | Pagination | web | stable | @hjmds/react | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination, test/pagination.keyboard.browser.test.tsx#pagination |
69
+ | LoadMore | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more, test/load-more.interactions.browser.test.tsx#load-more |
70
+ | Steps | web | stable | @hjmds/react | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
71
+ | Menubar | web | stable | @hjmds/react | ./menubar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#menubar, test/scenario-matrix.browser.test.tsx#menubar, test/menubar.keyboard.browser.test.tsx#menubar |
72
+ | ContextMenu | web | stable | @hjmds/react | ./context-menu | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#context-menu, test/scenario-matrix.browser.test.tsx#context-menu, test/context-menu.interactions.browser.test.tsx#context-menu |
73
+ | Menu | web | stable | @hjmds/react | ./overlays | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#menu, test/scenario-matrix.browser.test.tsx#menu, test/menu.keyboard.browser.test.tsx#menu |
74
+ | Anchor | web | stable | @hjmds/react | ./anchor | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#anchor, test/scenario-matrix.browser.test.tsx#anchor, test/anchor.browser.test.tsx#anchor |
75
+ | Avatar | web | stable | @hjmds/react | ./display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#avatar, test/scenario-matrix.browser.test.tsx#avatar |
76
+ | Asset | web | stable | @hjmds/react | ./asset | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#asset, test/scenario-matrix.browser.test.tsx#asset |
77
+ | Badge | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#badge, test/scenario-matrix.browser.test.tsx#badge |
78
+ | CounterBadge | web | stable | @hjmds/react | ./display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#counter-badge, test/scenario-matrix.browser.test.tsx#counter-badge |
79
+ | Card | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#card, test/scenario-matrix.browser.test.tsx#card |
80
+ | List | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#list, test/scenario-matrix.browser.test.tsx#list |
81
+ | ListRow | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#list-row, test/scenario-matrix.browser.test.tsx#list-row |
82
+ | VirtualList | web | stable | @hjmds/react | ./virtual-list | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#virtual-list, test/scenario-matrix.browser.test.tsx#virtual-list |
83
+ | Collapsible | web | stable | @hjmds/react | ./collapsible | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#collapsible, test/scenario-matrix.browser.test.tsx#collapsible, test/collapsible.keyboard.browser.test.tsx#collapsible |
84
+ | Accordion | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#accordion, test/scenario-matrix.browser.test.tsx#accordion, test/accordion.keyboard.browser.test.tsx#accordion |
85
+ | Statistic | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#statistic, test/scenario-matrix.browser.test.tsx#statistic |
86
+ | Timeline | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#timeline, test/scenario-matrix.browser.test.tsx#timeline |
87
+ | DataTable | web | stable | @hjmds/react | ./data-table | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#data-table, test/scenario-matrix.browser.test.tsx#data-table, test/data-table.keyboard.browser.test.tsx#data-table |
88
+ | Chart | web | beta | @hjmds/react | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | keyboard | test/default-render.ssr.test.tsx#chart, test/scenario-matrix.browser.test.tsx#chart |
89
+ | Tree | web | stable | @hjmds/react | ./tree | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tree, test/scenario-matrix.browser.test.tsx#tree, test/tree.browser.test.tsx#tree |
90
+ | Calendar | web | stable | @hjmds/react | ./calendar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#calendar, test/scenario-matrix.browser.test.tsx#calendar, test/calendar.browser.test.tsx#calendar |
91
+ | Carousel | web | stable | @hjmds/react | ./carousel | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#carousel, test/scenario-matrix.browser.test.tsx#carousel, test/carousel.browser.test.tsx#carousel |
92
+ | DescriptionList | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#description-list, test/scenario-matrix.browser.test.tsx#description-list |
93
+ | Image | web | stable | @hjmds/react | ./display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#image, test/scenario-matrix.browser.test.tsx#image |
94
+ | QRCode | web | stable | @hjmds/react | ./qr-code | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#qr-code, test/scenario-matrix.browser.test.tsx#qr-code |
95
+ | Tag | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#tag, test/scenario-matrix.browser.test.tsx#tag |
96
+ | Tour | web | stable | @hjmds/react | ./tour | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#tour, test/scenario-matrix.browser.test.tsx#tour, test/tour.browser.test.tsx#tour |
97
+ | EmptyState | web | stable | @hjmds/react | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#empty-state, test/scenario-matrix.browser.test.tsx#empty-state |
98
+ | Notice | web | stable | @hjmds/react | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notice, test/scenario-matrix.browser.test.tsx#notice |
99
+ | Progress | web | stable | @hjmds/react | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#progress, test/scenario-matrix.browser.test.tsx#progress |
99
100
  | ThinkingOrb | web | stable | @hjmds/react | ./thinking-orb | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#thinking-orb, test/thinking-orb.browser.test.tsx#thinking-orb |
100
- | Spinner | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#spinner, test/scenario-matrix.browser.test.tsx#spinner |
101
- | Skeleton | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#skeleton, test/scenario-matrix.browser.test.tsx#skeleton |
102
- | Result | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#result, test/scenario-matrix.browser.test.tsx#result |
103
- | BottomInfo | web | stable | @hjmds/react | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#bottom-info, test/scenario-matrix.browser.test.tsx#bottom-info |
104
- | Toast | web | stable | @hjmds/react | ./toast | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#toast, test/scenario-matrix.browser.test.tsx#toast, test/stable-core.browser.test.tsx#toast, test/toast-layout.browser.test.tsx#toast |
105
- | Watermark | web | stable | @hjmds/react | ./watermark | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#watermark, test/scenario-matrix.browser.test.tsx#watermark |
106
- | Dialog | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#dialog, test/scenario-matrix.browser.test.tsx#dialog, test/advanced.browser.test.tsx#dialog |
107
- | AlertDialog | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#alert-dialog, test/scenario-matrix.browser.test.tsx#alert-dialog, test/alert-dialog.keyboard.browser.test.tsx#alert-dialog |
108
- | Sheet | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#sheet, test/scenario-matrix.browser.test.tsx#sheet, test/sheet-layout.browser.test.tsx#sheet |
109
- | SidePanel | web | stable | @hjmds/react | ./side-panel | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#side-panel, test/scenario-matrix.browser.test.tsx#side-panel, test/side-panel.browser.test.tsx#side-panel |
110
- | Popover | web | stable | @hjmds/react | ./popover | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#popover, test/scenario-matrix.browser.test.tsx#popover, test/popover.browser.test.tsx#popover |
111
- | Tooltip | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tooltip, test/scenario-matrix.browser.test.tsx#tooltip, test/tooltip.browser.test.tsx#tooltip |
112
- | CommandPalette | web | stable | @hjmds/react | ./command-palette | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#command-palette, test/scenario-matrix.browser.test.tsx#command-palette, test/command-palette.browser.test.tsx#command-palette |
113
- | Affix | web | stable | @hjmds/react | ./affix | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#affix, test/scenario-matrix.browser.test.tsx#affix |
114
- | DesignSystemProvider | web | stable | @hjmds/react | ./provider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#design-system-provider, test/scenario-matrix.browser.test.tsx#design-system-provider |
115
- | SkipNav | web | stable | @hjmds/react | ./skip-nav | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#skip-nav, test/scenario-matrix.browser.test.tsx#skip-nav, test/skip-nav.browser.test.tsx#skip-nav |
116
- | VisuallyHidden | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#visually-hidden, test/scenario-matrix.browser.test.tsx#visually-hidden |
117
- | ScreenLayout | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#screen-layout, test/scenario-matrix.browser.test.tsx#screen-layout |
118
- | CompositionLayout | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#composition-layout, test/scenario-matrix.browser.test.tsx#composition-layout |
119
- | SettingsScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#settings-screen, test/scenario-matrix.browser.test.tsx#settings-screen |
120
- | SearchScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#search-screen, test/scenario-matrix.browser.test.tsx#search-screen |
121
- | EditorScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#editor-screen, test/scenario-matrix.browser.test.tsx#editor-screen |
122
- | PermissionScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#permission-screen, test/scenario-matrix.browser.test.tsx#permission-screen |
123
- | OnboardingScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#onboarding-screen, test/scenario-matrix.browser.test.tsx#onboarding-screen |
124
- | ModerationScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#moderation-screen, test/scenario-matrix.browser.test.tsx#moderation-screen |
125
- | ChatScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#chat-screen, test/scenario-matrix.browser.test.tsx#chat-screen |
126
- | NotificationInboxScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notification-inbox-screen, test/scenario-matrix.browser.test.tsx#notification-inbox-screen |
127
- | CommentThreadScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#comment-thread-screen, test/scenario-matrix.browser.test.tsx#comment-thread-screen |
128
- | ListDetailScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list-detail-screen, test/scenario-matrix.browser.test.tsx#list-detail-screen |
129
- | MediaSelectionScreen | web | beta | @hjmds/react | ./screen-flows | default, dark, large-text, rtl, reduced-motion, long-copy | accessibility | test/default-render.ssr.test.tsx#media-selection-screen, test/scenario-matrix.browser.test.tsx#media-selection-screen |
130
- | ProfileScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#profile-screen, test/scenario-matrix.browser.test.tsx#profile-screen |
131
- | ChatMessage | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#chat-message, test/scenario-matrix.browser.test.tsx#chat-message |
132
- | NotificationRow | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notification-row, test/scenario-matrix.browser.test.tsx#notification-row |
133
- | NotificationItem | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#notification-item, test/scenario-matrix.browser.test.tsx#notification-item |
134
- | CommentThreadRow | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#comment-thread-row, test/scenario-matrix.browser.test.tsx#comment-thread-row |
135
- | ProfileSummary | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#profile-summary, test/scenario-matrix.browser.test.tsx#profile-summary |
136
- | IconTile | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#icon-tile, test/scenario-matrix.browser.test.tsx#icon-tile |
137
- | MessageComposer | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#message-composer, test/scenario-matrix.browser.test.tsx#message-composer |
138
- | PhotoSourceSheet | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#photo-source-sheet, test/scenario-matrix.browser.test.tsx#photo-source-sheet |
139
- | Text | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#text, test/scenario-matrix.test.tsx#text |
140
- | Heading | native | stable | @hjmds/react-native | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#heading, test/scenario-matrix.test.tsx#heading |
141
- | Icon | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#icon, test/scenario-matrix.test.tsx#icon |
142
- | Surface | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#surface, test/scenario-matrix.test.tsx#surface |
143
- | Divider | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#divider, test/scenario-matrix.test.tsx#divider |
144
- | Section | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#section, test/scenario-matrix.test.tsx#section |
145
- | Stack | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#stack, test/scenario-matrix.test.tsx#stack |
146
- | Container | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#container, test/scenario-matrix.test.tsx#container |
147
- | AspectRatio | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#aspect-ratio, test/scenario-matrix.test.tsx#aspect-ratio |
148
- | Grid | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#grid, test/scenario-matrix.test.tsx#grid |
149
- | Layout | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#layout, test/scenario-matrix.test.tsx#layout |
150
- | Top | native | stable | @hjmds/react-native | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#top, test/scenario-matrix.test.tsx#top |
151
- | Masonry | native | stable | @hjmds/react-native | ./masonry | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#masonry, test/scenario-matrix.test.tsx#masonry |
152
- | Button | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#button, test/scenario-matrix.test.tsx#button |
153
- | IconButton | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#icon-button, test/scenario-matrix.test.tsx#icon-button |
154
- | Link | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#link, test/scenario-matrix.test.tsx#link, test/stable-core.test.tsx#link |
155
- | BottomCTA | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#bottom-cta, test/scenario-matrix.test.tsx#bottom-cta |
156
- | FloatingActionButton | native | stable | @hjmds/react-native | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#floating-action-button, test/scenario-matrix.test.tsx#floating-action-button, test/stable-core.test.tsx#floating-action-button |
157
- | AuthScreenLayout | native | stable | @hjmds/react-native | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#auth-screen, test/scenario-matrix.test.tsx#auth-screen |
158
- | AuthProviderButton | native | stable | @hjmds/react-native | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#auth-provider-button, test/scenario-matrix.test.tsx#auth-provider-button, test/stable-core.test.tsx#auth-provider-button |
159
- | Field | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#field, test/scenario-matrix.test.tsx#field, test/stable-core.test.tsx#field |
160
- | SearchField | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#search-field, test/scenario-matrix.test.tsx#search-field, test/stable-core.test.tsx#search-field |
161
- | TextArea | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#text-area, test/scenario-matrix.test.tsx#text-area |
162
- | PasswordField | native | stable | @hjmds/react-native | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#password-field, test/scenario-matrix.test.tsx#password-field, test/stable-core.test.tsx#password-field |
163
- | OtpField | native | stable | @hjmds/react-native | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#otp-field, test/scenario-matrix.test.tsx#otp-field, test/stable-core.test.tsx#otp-field |
164
- | Checkbox | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#checkbox, test/scenario-matrix.test.tsx#checkbox, test/stable-core.test.tsx#checkbox |
165
- | Radio | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#radio, test/scenario-matrix.test.tsx#radio |
166
- | CheckboxGroup | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#checkbox-group, test/scenario-matrix.test.tsx#checkbox-group, test/stable-core.test.tsx#checkbox-group |
167
- | RadioGroup | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#radio-group, test/scenario-matrix.test.tsx#radio-group, test/stable-core.test.tsx#radio-group |
168
- | Switch | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#switch, test/scenario-matrix.test.tsx#switch, test/stable-core.test.tsx#switch |
169
- | Chip | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#chip, test/scenario-matrix.test.tsx#chip, test/stable-core.test.tsx#chip |
170
- | ImageChoiceGroup | native | beta | @hjmds/react-native | ./image-choice | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions | long-copy | test/default-render.test.tsx#image-choice-group, test/scenario-matrix.test.tsx#image-choice-group, test/image-choice.test.tsx#image-choice-group |
171
- | SegmentedControl | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#segmented-control, test/scenario-matrix.test.tsx#segmented-control, test/stable-core.test.tsx#segmented-control |
172
- | ToggleGroup | native | stable | @hjmds/react-native | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#toggle-group, test/scenario-matrix.test.tsx#toggle-group, test/stable-core.test.tsx#toggle-group |
173
- | TagsInput | native | stable | @hjmds/react-native | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#tags-input, test/scenario-matrix.test.tsx#tags-input, test/stable-core.test.tsx#tags-input |
174
- | Slider | native | stable | @hjmds/react-native | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#slider, test/scenario-matrix.test.tsx#slider, test/stable-core.test.tsx#slider |
175
- | NumberField | native | stable | @hjmds/react-native | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#number-field, test/scenario-matrix.test.tsx#number-field, test/stable-core.test.tsx#number-field |
176
- | Select | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#select, test/scenario-matrix.test.tsx#select, test/stable-core.test.tsx#select |
177
- | Combobox | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#combobox, test/scenario-matrix.test.tsx#combobox, test/stable-core.test.tsx#combobox |
178
- | DatePicker | native | stable | @hjmds/react-native | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#date-picker, test/scenario-matrix.test.tsx#date-picker, test/stable-core.test.tsx#date-picker |
179
- | DateRangePicker | native | stable | @hjmds/react-native | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions | none | test/default-render.test.tsx#date-range-picker, test/scenario-matrix.test.tsx#date-range-picker, test/date-range-actions.test.tsx#date-range-picker |
180
- | FilePicker | native | stable | @hjmds/react-native | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#file-picker, test/scenario-matrix.test.tsx#file-picker, test/file-picker-host-action.test.tsx#file-picker |
181
- | Form | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions | none | test/default-render.test.tsx#form, test/scenario-matrix.test.tsx#form, test/form.interaction.test.tsx#form |
182
- | Agreement | native | stable | @hjmds/react-native | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#agreement, test/scenario-matrix.test.tsx#agreement, test/agreement.interaction.test.tsx#agreement |
183
- | Mentions | native | stable | @hjmds/react-native | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#mentions, test/scenario-matrix.test.tsx#mentions, test/mentions-actions.test.tsx#mentions |
184
- | TransferList | native | stable | @hjmds/react-native | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#transfer-list, test/scenario-matrix.test.tsx#transfer-list, test/transfer-list-actions.test.tsx#transfer-list |
185
- | UploadItem | native | stable | @hjmds/react-native | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#upload-item, test/scenario-matrix.test.tsx#upload-item, test/upload-item.test.tsx#upload-item |
186
- | Tabs | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs, test/tabs-actions.test.tsx#tabs |
187
- | TopBar | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
188
- | BottomNavigation | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation, test/bottom-navigation.interaction.test.tsx#bottom-navigation |
189
- | Pagination | native | beta | @hjmds/react-native | unclaimed | none | default, dark, large-text, rtl, reduced-motion, accessibility | none |
190
- | LoadMore | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more, test/load-more.interactions.test.tsx#load-more |
191
- | Steps | native | stable | @hjmds/react-native | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
192
- | Menu | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions, long-copy | none | test/default-render.test.tsx#menu, test/scenario-matrix.test.tsx#menu, test/menu-actions.test.tsx#menu |
193
- | Avatar | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#avatar, test/scenario-matrix.test.tsx#avatar |
194
- | Asset | native | stable | @hjmds/react-native | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#asset, test/scenario-matrix.test.tsx#asset |
195
- | Badge | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#badge, test/scenario-matrix.test.tsx#badge |
196
- | CounterBadge | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#counter-badge, test/scenario-matrix.test.tsx#counter-badge |
197
- | Card | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#card, test/scenario-matrix.test.tsx#card |
198
- | List | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list, test/scenario-matrix.test.tsx#list |
199
- | ListRow | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list-row, test/scenario-matrix.test.tsx#list-row |
200
- | VirtualList | native | stable | @hjmds/react-native | ./virtual-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#virtual-list, test/scenario-matrix.test.tsx#virtual-list |
201
- | Collapsible | native | stable | @hjmds/react-native | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#collapsible, test/scenario-matrix.test.tsx#collapsible, test/collapsible-actions.test.tsx#collapsible |
202
- | Accordion | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#accordion, test/scenario-matrix.test.tsx#accordion, test/accordion-actions.test.tsx#accordion |
203
- | Statistic | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#statistic, test/scenario-matrix.test.tsx#statistic |
204
- | Timeline | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#timeline, test/scenario-matrix.test.tsx#timeline |
205
- | DataTable | native | beta | @hjmds/react-native | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none |
206
- | Chart | native | beta | @hjmds/react-native | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none |
207
- | Calendar | native | stable | @hjmds/react-native | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#calendar, test/scenario-matrix.test.tsx#calendar, test/calendar.test.tsx#calendar |
208
- | Carousel | native | stable | @hjmds/react-native | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#carousel, test/scenario-matrix.test.tsx#carousel, test/carousel.test.tsx#carousel |
209
- | DescriptionList | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#description-list, test/scenario-matrix.test.tsx#description-list |
210
- | Image | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#image, test/scenario-matrix.test.tsx#image |
211
- | QRCode | native | stable | @hjmds/react-native | ./qr-code | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#qr-code, test/scenario-matrix.test.tsx#qr-code |
212
- | Tag | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#tag, test/scenario-matrix.test.tsx#tag |
213
- | EmptyState | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#empty-state, test/scenario-matrix.test.tsx#empty-state |
214
- | Notice | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notice, test/scenario-matrix.test.tsx#notice |
215
- | Progress | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#progress, test/scenario-matrix.test.tsx#progress |
101
+ | Spinner | web | stable | @hjmds/react | ./feedback | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#spinner, test/scenario-matrix.browser.test.tsx#spinner |
102
+ | Skeleton | web | stable | @hjmds/react | ./feedback | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#skeleton, test/scenario-matrix.browser.test.tsx#skeleton |
103
+ | Result | web | stable | @hjmds/react | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#result, test/scenario-matrix.browser.test.tsx#result |
104
+ | BottomInfo | web | stable | @hjmds/react | ./bottom-info | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#bottom-info, test/scenario-matrix.browser.test.tsx#bottom-info |
105
+ | Toast | web | stable | @hjmds/react | ./toast | default, reduced-motion, accessibility, keyboard, dark, long-copy, large-text, rtl | none | test/default-render.ssr.test.tsx#toast, test/scenario-matrix.browser.test.tsx#toast, test/stable-core.browser.test.tsx#toast, test/toast-layout.browser.test.tsx#toast |
106
+ | Watermark | web | stable | @hjmds/react | ./watermark | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#watermark, test/scenario-matrix.browser.test.tsx#watermark |
107
+ | Dialog | web | stable | @hjmds/react | ./overlays | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#dialog, test/scenario-matrix.browser.test.tsx#dialog, test/advanced.browser.test.tsx#dialog |
108
+ | AlertDialog | web | stable | @hjmds/react | ./overlays | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#alert-dialog, test/scenario-matrix.browser.test.tsx#alert-dialog, test/alert-dialog.keyboard.browser.test.tsx#alert-dialog |
109
+ | Sheet | web | stable | @hjmds/react | ./overlays | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#sheet, test/scenario-matrix.browser.test.tsx#sheet, test/sheet-layout.browser.test.tsx#sheet |
110
+ | SidePanel | web | stable | @hjmds/react | ./side-panel | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#side-panel, test/scenario-matrix.browser.test.tsx#side-panel, test/side-panel.browser.test.tsx#side-panel |
111
+ | Popover | web | stable | @hjmds/react | ./popover | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#popover, test/scenario-matrix.browser.test.tsx#popover, test/popover.browser.test.tsx#popover |
112
+ | Tooltip | web | stable | @hjmds/react | ./overlays | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tooltip, test/scenario-matrix.browser.test.tsx#tooltip, test/tooltip.browser.test.tsx#tooltip |
113
+ | CommandPalette | web | stable | @hjmds/react | ./command-palette | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#command-palette, test/scenario-matrix.browser.test.tsx#command-palette, test/command-palette.browser.test.tsx#command-palette |
114
+ | Affix | web | stable | @hjmds/react | ./affix | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#affix, test/scenario-matrix.browser.test.tsx#affix |
115
+ | DesignSystemProvider | web | stable | @hjmds/react | ./provider | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#design-system-provider, test/scenario-matrix.browser.test.tsx#design-system-provider |
116
+ | SkipNav | web | stable | @hjmds/react | ./skip-nav | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard, long-copy | none | test/default-render.ssr.test.tsx#skip-nav, test/scenario-matrix.browser.test.tsx#skip-nav, test/skip-nav.browser.test.tsx#skip-nav |
117
+ | VisuallyHidden | web | stable | @hjmds/react | ./layout | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#visually-hidden, test/scenario-matrix.browser.test.tsx#visually-hidden |
118
+ | ScreenLayout | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#screen-layout, test/scenario-matrix.browser.test.tsx#screen-layout |
119
+ | CompositionLayout | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#composition-layout, test/scenario-matrix.browser.test.tsx#composition-layout |
120
+ | SettingsScreen | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#settings-screen, test/scenario-matrix.browser.test.tsx#settings-screen |
121
+ | SearchScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#search-screen, test/scenario-matrix.browser.test.tsx#search-screen |
122
+ | EditorScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#editor-screen, test/scenario-matrix.browser.test.tsx#editor-screen |
123
+ | PermissionScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#permission-screen, test/scenario-matrix.browser.test.tsx#permission-screen |
124
+ | OnboardingScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#onboarding-screen, test/scenario-matrix.browser.test.tsx#onboarding-screen |
125
+ | ModerationScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#moderation-screen, test/scenario-matrix.browser.test.tsx#moderation-screen |
126
+ | ChatScreen | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-screen, test/scenario-matrix.browser.test.tsx#chat-screen |
127
+ | NotificationInboxScreen | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-inbox-screen, test/scenario-matrix.browser.test.tsx#notification-inbox-screen |
128
+ | CommentThreadScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#comment-thread-screen, test/scenario-matrix.browser.test.tsx#comment-thread-screen |
129
+ | ListDetailScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#list-detail-screen, test/scenario-matrix.browser.test.tsx#list-detail-screen |
130
+ | MediaSelectionScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#media-selection-screen, test/scenario-matrix.browser.test.tsx#media-selection-screen |
131
+ | ProfileScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#profile-screen, test/scenario-matrix.browser.test.tsx#profile-screen |
132
+ | ChatMessage | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-message, test/scenario-matrix.browser.test.tsx#chat-message |
133
+ | TypingIndicator | web | beta | @hjmds/react | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#typing-indicator, test/scenario-matrix.browser.test.tsx#typing-indicator |
134
+ | ChatDateSeparator | web | beta | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-date-separator, test/scenario-matrix.browser.test.tsx#chat-date-separator |
135
+ | NotificationRow | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-row, test/scenario-matrix.browser.test.tsx#notification-row |
136
+ | NotificationItem | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-item, test/scenario-matrix.browser.test.tsx#notification-item |
137
+ | CommentThreadRow | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#comment-thread-row, test/scenario-matrix.browser.test.tsx#comment-thread-row |
138
+ | ProfileSummary | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#profile-summary, test/scenario-matrix.browser.test.tsx#profile-summary |
139
+ | IconTile | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#icon-tile, test/scenario-matrix.browser.test.tsx#icon-tile |
140
+ | MessageComposer | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#message-composer, test/scenario-matrix.browser.test.tsx#message-composer |
141
+ | PhotoSourceSheet | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#photo-source-sheet, test/scenario-matrix.browser.test.tsx#photo-source-sheet |
142
+ | Text | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#text, test/scenario-matrix.test.tsx#text |
143
+ | Heading | native | stable | @hjmds/react-native | ./heading | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#heading, test/scenario-matrix.test.tsx#heading |
144
+ | Icon | native | stable | @hjmds/react-native | ./primitives | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#icon, test/scenario-matrix.test.tsx#icon |
145
+ | Surface | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#surface, test/scenario-matrix.test.tsx#surface |
146
+ | Divider | native | stable | @hjmds/react-native | ./data-display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#divider, test/scenario-matrix.test.tsx#divider |
147
+ | Section | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#section, test/scenario-matrix.test.tsx#section |
148
+ | Stack | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#stack, test/scenario-matrix.test.tsx#stack |
149
+ | Container | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#container, test/scenario-matrix.test.tsx#container |
150
+ | AspectRatio | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#aspect-ratio, test/scenario-matrix.test.tsx#aspect-ratio |
151
+ | Grid | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#grid, test/scenario-matrix.test.tsx#grid |
152
+ | Layout | native | stable | @hjmds/react-native | ./primitives | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#layout, test/scenario-matrix.test.tsx#layout |
153
+ | Top | native | stable | @hjmds/react-native | ./top | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#top, test/scenario-matrix.test.tsx#top |
154
+ | Masonry | native | stable | @hjmds/react-native | ./masonry | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#masonry, test/scenario-matrix.test.tsx#masonry |
155
+ | Button | native | stable | @hjmds/react-native | ./bottom-cta | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#button, test/scenario-matrix.test.tsx#button |
156
+ | IconButton | native | stable | @hjmds/react-native | ./bottom-cta | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#icon-button, test/scenario-matrix.test.tsx#icon-button |
157
+ | Link | native | stable | @hjmds/react-native | ./bottom-cta | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#link, test/scenario-matrix.test.tsx#link, test/stable-core.test.tsx#link |
158
+ | BottomCTA | native | stable | @hjmds/react-native | ./bottom-cta | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#bottom-cta, test/scenario-matrix.test.tsx#bottom-cta |
159
+ | FloatingActionButton | native | stable | @hjmds/react-native | ./floating-action-button | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#floating-action-button, test/scenario-matrix.test.tsx#floating-action-button, test/stable-core.test.tsx#floating-action-button |
160
+ | AuthScreenLayout | native | stable | @hjmds/react-native | ./auth-screen | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#auth-screen, test/scenario-matrix.test.tsx#auth-screen |
161
+ | AuthProviderButton | native | stable | @hjmds/react-native | ./provider-button | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#auth-provider-button, test/scenario-matrix.test.tsx#auth-provider-button, test/stable-core.test.tsx#auth-provider-button |
162
+ | Field | native | stable | @hjmds/react-native | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#field, test/scenario-matrix.test.tsx#field, test/stable-core.test.tsx#field |
163
+ | SearchField | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#search-field, test/scenario-matrix.test.tsx#search-field, test/stable-core.test.tsx#search-field |
164
+ | TextArea | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#text-area, test/scenario-matrix.test.tsx#text-area |
165
+ | PasswordField | native | stable | @hjmds/react-native | ./password-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#password-field, test/scenario-matrix.test.tsx#password-field, test/stable-core.test.tsx#password-field |
166
+ | OtpField | native | stable | @hjmds/react-native | ./otp-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#otp-field, test/scenario-matrix.test.tsx#otp-field, test/stable-core.test.tsx#otp-field |
167
+ | Checkbox | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#checkbox, test/scenario-matrix.test.tsx#checkbox, test/stable-core.test.tsx#checkbox |
168
+ | Radio | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#radio, test/scenario-matrix.test.tsx#radio |
169
+ | CheckboxGroup | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#checkbox-group, test/scenario-matrix.test.tsx#checkbox-group, test/stable-core.test.tsx#checkbox-group |
170
+ | RadioGroup | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#radio-group, test/scenario-matrix.test.tsx#radio-group, test/stable-core.test.tsx#radio-group |
171
+ | Switch | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#switch, test/scenario-matrix.test.tsx#switch, test/stable-core.test.tsx#switch |
172
+ | Chip | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#chip, test/scenario-matrix.test.tsx#chip, test/stable-core.test.tsx#chip |
173
+ | ImageChoiceGroup | native | beta | @hjmds/react-native | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#image-choice-group, test/scenario-matrix.test.tsx#image-choice-group |
174
+ | SegmentedControl | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#segmented-control, test/scenario-matrix.test.tsx#segmented-control, test/stable-core.test.tsx#segmented-control |
175
+ | ToggleGroup | native | stable | @hjmds/react-native | ./toggle-group | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#toggle-group, test/scenario-matrix.test.tsx#toggle-group, test/stable-core.test.tsx#toggle-group |
176
+ | TagsInput | native | stable | @hjmds/react-native | ./tags-input | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#tags-input, test/scenario-matrix.test.tsx#tags-input, test/stable-core.test.tsx#tags-input |
177
+ | Slider | native | stable | @hjmds/react-native | ./slider | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#slider, test/scenario-matrix.test.tsx#slider, test/stable-core.test.tsx#slider |
178
+ | NumberField | native | stable | @hjmds/react-native | ./number-field | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#number-field, test/scenario-matrix.test.tsx#number-field, test/stable-core.test.tsx#number-field |
179
+ | Select | native | stable | @hjmds/react-native | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#select, test/scenario-matrix.test.tsx#select, test/stable-core.test.tsx#select |
180
+ | Combobox | native | stable | @hjmds/react-native | ./forms | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#combobox, test/scenario-matrix.test.tsx#combobox, test/stable-core.test.tsx#combobox |
181
+ | DatePicker | native | stable | @hjmds/react-native | ./date-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#date-picker, test/scenario-matrix.test.tsx#date-picker, test/stable-core.test.tsx#date-picker |
182
+ | DateRangePicker | native | stable | @hjmds/react-native | ./date-range | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#date-range-picker, test/scenario-matrix.test.tsx#date-range-picker, test/date-range-actions.test.tsx#date-range-picker |
183
+ | FilePicker | native | stable | @hjmds/react-native | ./file-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#file-picker, test/scenario-matrix.test.tsx#file-picker, test/file-picker-host-action.test.tsx#file-picker |
184
+ | Form | native | stable | @hjmds/react-native | ./forms | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#form, test/scenario-matrix.test.tsx#form, test/form.interaction.test.tsx#form |
185
+ | Agreement | native | stable | @hjmds/react-native | ./agreement | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#agreement, test/scenario-matrix.test.tsx#agreement, test/agreement.interaction.test.tsx#agreement |
186
+ | Mentions | native | stable | @hjmds/react-native | ./mentions | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#mentions, test/scenario-matrix.test.tsx#mentions, test/mentions-actions.test.tsx#mentions |
187
+ | TransferList | native | stable | @hjmds/react-native | ./transfer-list | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#transfer-list, test/scenario-matrix.test.tsx#transfer-list, test/transfer-list-actions.test.tsx#transfer-list |
188
+ | UploadItem | native | stable | @hjmds/react-native | ./upload-item | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#upload-item, test/scenario-matrix.test.tsx#upload-item, test/upload-item.test.tsx#upload-item |
189
+ | Tabs | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs, test/tabs-actions.test.tsx#tabs |
190
+ | TopBar | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
191
+ | BottomNavigation | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation, test/bottom-navigation.interaction.test.tsx#bottom-navigation |
192
+ | PageIndicator | native | beta | @hjmds/react-native | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#page-indicator, test/scenario-matrix.test.tsx#page-indicator |
193
+ | Pagination | native | beta | @hjmds/react-native | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#pagination, test/scenario-matrix.test.tsx#pagination |
194
+ | LoadMore | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more, test/load-more.interactions.test.tsx#load-more |
195
+ | Steps | native | stable | @hjmds/react-native | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
196
+ | Menu | native | stable | @hjmds/react-native | ./top-bar | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions, long-copy | none | test/default-render.test.tsx#menu, test/scenario-matrix.test.tsx#menu, test/menu-actions.test.tsx#menu |
197
+ | Avatar | native | stable | @hjmds/react-native | ./data-display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#avatar, test/scenario-matrix.test.tsx#avatar |
198
+ | Asset | native | stable | @hjmds/react-native | ./asset | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#asset, test/scenario-matrix.test.tsx#asset |
199
+ | Badge | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#badge, test/scenario-matrix.test.tsx#badge |
200
+ | CounterBadge | native | stable | @hjmds/react-native | ./data-display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#counter-badge, test/scenario-matrix.test.tsx#counter-badge |
201
+ | Card | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#card, test/scenario-matrix.test.tsx#card |
202
+ | List | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#list, test/scenario-matrix.test.tsx#list |
203
+ | ListRow | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#list-row, test/scenario-matrix.test.tsx#list-row |
204
+ | VirtualList | native | stable | @hjmds/react-native | ./virtual-list | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#virtual-list, test/scenario-matrix.test.tsx#virtual-list |
205
+ | Collapsible | native | stable | @hjmds/react-native | ./collapsible | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#collapsible, test/scenario-matrix.test.tsx#collapsible, test/collapsible-actions.test.tsx#collapsible |
206
+ | Accordion | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#accordion, test/scenario-matrix.test.tsx#accordion, test/accordion-actions.test.tsx#accordion |
207
+ | Statistic | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#statistic, test/scenario-matrix.test.tsx#statistic |
208
+ | Timeline | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#timeline, test/scenario-matrix.test.tsx#timeline |
209
+ | DataTable | native | beta | @hjmds/react-native | ./data-table | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#data-table, test/scenario-matrix.test.tsx#data-table |
210
+ | Chart | native | beta | @hjmds/react-native | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#chart, test/scenario-matrix.test.tsx#chart |
211
+ | Calendar | native | stable | @hjmds/react-native | ./calendar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#calendar, test/scenario-matrix.test.tsx#calendar, test/calendar.test.tsx#calendar |
212
+ | Carousel | native | stable | @hjmds/react-native | ./carousel | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#carousel, test/scenario-matrix.test.tsx#carousel, test/carousel.test.tsx#carousel |
213
+ | DescriptionList | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#description-list, test/scenario-matrix.test.tsx#description-list |
214
+ | Image | native | stable | @hjmds/react-native | ./data-display | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#image, test/scenario-matrix.test.tsx#image |
215
+ | QRCode | native | stable | @hjmds/react-native | ./qr-code | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#qr-code, test/scenario-matrix.test.tsx#qr-code |
216
+ | Tag | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#tag, test/scenario-matrix.test.tsx#tag |
217
+ | EmptyState | native | stable | @hjmds/react-native | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#empty-state, test/scenario-matrix.test.tsx#empty-state |
218
+ | Notice | native | stable | @hjmds/react-native | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notice, test/scenario-matrix.test.tsx#notice |
219
+ | Progress | native | stable | @hjmds/react-native | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#progress, test/scenario-matrix.test.tsx#progress |
216
220
  | ThinkingOrb | native | stable | @hjmds/react-native | ./thinking-orb | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#thinking-orb, test/thinking-orb.test.tsx#thinking-orb |
217
- | Spinner | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#spinner, test/scenario-matrix.test.tsx#spinner |
218
- | Skeleton | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#skeleton, test/scenario-matrix.test.tsx#skeleton |
219
- | Result | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#result, test/scenario-matrix.test.tsx#result |
220
- | BottomInfo | native | stable | @hjmds/react-native | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#bottom-info, test/scenario-matrix.test.tsx#bottom-info |
221
- | Toast | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#toast, test/scenario-matrix.test.tsx#toast, test/stable-core.test.tsx#toast |
222
- | Dialog | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#dialog, test/scenario-matrix.test.tsx#dialog, test/dialog-actions.test.tsx#dialog |
223
- | AlertDialog | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#alert-dialog, test/scenario-matrix.test.tsx#alert-dialog, test/alert-dialog-actions.test.tsx#alert-dialog |
224
- | Sheet | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions, long-copy | none | test/default-render.test.tsx#sheet, test/scenario-matrix.test.tsx#sheet, test/sheet-viewport.test.tsx#sheet |
225
- | DesignSystemProvider | native | stable | @hjmds/react-native | ./provider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#design-system-provider, test/scenario-matrix.test.tsx#design-system-provider |
226
- | ScreenLayout | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#screen-layout, test/scenario-matrix.test.tsx#screen-layout |
227
- | CompositionLayout | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#composition-layout, test/scenario-matrix.test.tsx#composition-layout |
228
- | SettingsScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#settings-screen, test/scenario-matrix.test.tsx#settings-screen |
229
- | SearchScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#search-screen, test/scenario-matrix.test.tsx#search-screen |
230
- | EditorScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#editor-screen, test/scenario-matrix.test.tsx#editor-screen |
231
- | PermissionScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#permission-screen, test/scenario-matrix.test.tsx#permission-screen |
232
- | OnboardingScreen | native | beta | @hjmds/react-native | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none |
233
- | ModerationScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#moderation-screen, test/scenario-matrix.test.tsx#moderation-screen |
234
- | ChatScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#chat-screen, test/scenario-matrix.test.tsx#chat-screen |
235
- | NotificationInboxScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-inbox-screen, test/scenario-matrix.test.tsx#notification-inbox-screen |
236
- | CommentThreadScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#comment-thread-screen, test/scenario-matrix.test.tsx#comment-thread-screen |
237
- | ListDetailScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list-detail-screen, test/scenario-matrix.test.tsx#list-detail-screen |
238
- | MediaSelectionScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#media-selection-screen, test/scenario-matrix.test.tsx#media-selection-screen |
239
- | ProfileScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#profile-screen, test/scenario-matrix.test.tsx#profile-screen |
240
- | ChatMessage | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#chat-message, test/scenario-matrix.test.tsx#chat-message |
241
- | NotificationRow | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-row, test/scenario-matrix.test.tsx#notification-row |
242
- | NotificationItem | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-item, test/scenario-matrix.test.tsx#notification-item |
243
- | CommentThreadRow | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#comment-thread-row, test/scenario-matrix.test.tsx#comment-thread-row |
244
- | ProfileSummary | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#profile-summary, test/scenario-matrix.test.tsx#profile-summary |
245
- | IconTile | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#icon-tile, test/scenario-matrix.test.tsx#icon-tile |
246
- | MessageComposer | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#message-composer, test/scenario-matrix.test.tsx#message-composer |
247
- | PhotoSourceSheet | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#photo-source-sheet, test/scenario-matrix.test.tsx#photo-source-sheet |
221
+ | Spinner | native | stable | @hjmds/react-native | ./feedback | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#spinner, test/scenario-matrix.test.tsx#spinner |
222
+ | Skeleton | native | stable | @hjmds/react-native | ./feedback | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#skeleton, test/scenario-matrix.test.tsx#skeleton |
223
+ | Result | native | stable | @hjmds/react-native | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#result, test/scenario-matrix.test.tsx#result |
224
+ | BottomInfo | native | stable | @hjmds/react-native | ./bottom-info | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#bottom-info, test/scenario-matrix.test.tsx#bottom-info |
225
+ | Toast | native | stable | @hjmds/react-native | ./feedback | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#toast, test/scenario-matrix.test.tsx#toast, test/stable-core.test.tsx#toast |
226
+ | Dialog | native | stable | @hjmds/react-native | ./overlays | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#dialog, test/scenario-matrix.test.tsx#dialog, test/dialog-actions.test.tsx#dialog |
227
+ | AlertDialog | native | stable | @hjmds/react-native | ./overlays | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#alert-dialog, test/scenario-matrix.test.tsx#alert-dialog, test/alert-dialog-actions.test.tsx#alert-dialog |
228
+ | Sheet | native | stable | @hjmds/react-native | ./overlays | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions, long-copy | none | test/default-render.test.tsx#sheet, test/scenario-matrix.test.tsx#sheet, test/sheet-viewport.test.tsx#sheet |
229
+ | DesignSystemProvider | native | stable | @hjmds/react-native | ./provider | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#design-system-provider, test/scenario-matrix.test.tsx#design-system-provider |
230
+ | ScreenLayout | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#screen-layout, test/scenario-matrix.test.tsx#screen-layout |
231
+ | CompositionLayout | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#composition-layout, test/scenario-matrix.test.tsx#composition-layout |
232
+ | SettingsScreen | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#settings-screen, test/scenario-matrix.test.tsx#settings-screen |
233
+ | SearchScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#search-screen, test/scenario-matrix.test.tsx#search-screen |
234
+ | EditorScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#editor-screen, test/scenario-matrix.test.tsx#editor-screen |
235
+ | PermissionScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#permission-screen, test/scenario-matrix.test.tsx#permission-screen |
236
+ | OnboardingScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#onboarding-screen, test/scenario-matrix.test.tsx#onboarding-screen |
237
+ | ModerationScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#moderation-screen, test/scenario-matrix.test.tsx#moderation-screen |
238
+ | ChatScreen | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-screen, test/scenario-matrix.test.tsx#chat-screen |
239
+ | NotificationInboxScreen | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-inbox-screen, test/scenario-matrix.test.tsx#notification-inbox-screen |
240
+ | CommentThreadScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#comment-thread-screen, test/scenario-matrix.test.tsx#comment-thread-screen |
241
+ | ListDetailScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#list-detail-screen, test/scenario-matrix.test.tsx#list-detail-screen |
242
+ | MediaSelectionScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#media-selection-screen, test/scenario-matrix.test.tsx#media-selection-screen |
243
+ | ProfileScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#profile-screen, test/scenario-matrix.test.tsx#profile-screen |
244
+ | ChatMessage | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-message, test/scenario-matrix.test.tsx#chat-message |
245
+ | TypingIndicator | native | beta | @hjmds/react-native | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#typing-indicator, test/scenario-matrix.test.tsx#typing-indicator |
246
+ | ChatDateSeparator | native | beta | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-date-separator, test/scenario-matrix.test.tsx#chat-date-separator |
247
+ | NotificationRow | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-row, test/scenario-matrix.test.tsx#notification-row |
248
+ | NotificationItem | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-item, test/scenario-matrix.test.tsx#notification-item |
249
+ | CommentThreadRow | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#comment-thread-row, test/scenario-matrix.test.tsx#comment-thread-row |
250
+ | ProfileSummary | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#profile-summary, test/scenario-matrix.test.tsx#profile-summary |
251
+ | IconTile | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#icon-tile, test/scenario-matrix.test.tsx#icon-tile |
252
+ | MessageComposer | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#message-composer, test/scenario-matrix.test.tsx#message-composer |
253
+ | PhotoSourceSheet | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#photo-source-sheet, test/scenario-matrix.test.tsx#photo-source-sheet |