@moldable-ai/ui 0.2.26 → 0.2.31

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 (186) hide show
  1. package/dist/catalog/component-catalog.d.ts +9 -2
  2. package/dist/catalog/component-catalog.d.ts.map +1 -1
  3. package/dist/catalog/component-catalog.js +11 -7
  4. package/dist/catalog/core-control-stories.d.ts.map +1 -1
  5. package/dist/catalog/core-control-stories.js +1 -1
  6. package/dist/catalog/core-foundation-stories.d.ts.map +1 -1
  7. package/dist/catalog/core-foundation-stories.js +15 -3
  8. package/dist/components/ui/app-frame.d.ts +20 -1
  9. package/dist/components/ui/app-frame.d.ts.map +1 -1
  10. package/dist/components/ui/app-frame.js +37 -7
  11. package/dist/components/ui/badge.d.ts +1 -1
  12. package/dist/components/ui/badge.js +1 -1
  13. package/dist/components/ui/button.d.ts +5 -3
  14. package/dist/components/ui/button.d.ts.map +1 -1
  15. package/dist/components/ui/button.js +39 -10
  16. package/dist/components/ui/card.d.ts +12 -2
  17. package/dist/components/ui/card.d.ts.map +1 -1
  18. package/dist/components/ui/card.js +3 -2
  19. package/dist/components/ui/checkbox.d.ts +4 -1
  20. package/dist/components/ui/checkbox.d.ts.map +1 -1
  21. package/dist/components/ui/checkbox.js +4 -4
  22. package/dist/components/ui/context-menu.js +6 -6
  23. package/dist/components/ui/date-field.d.ts +1 -1
  24. package/dist/components/ui/dropdown-menu.js +6 -6
  25. package/dist/components/ui/icon-button.d.ts +1 -1
  26. package/dist/components/ui/icon-button.d.ts.map +1 -1
  27. package/dist/components/ui/icon-button.js +1 -0
  28. package/dist/components/ui/index.d.ts +1 -0
  29. package/dist/components/ui/index.d.ts.map +1 -1
  30. package/dist/components/ui/index.js +1 -0
  31. package/dist/components/ui/input-group.d.ts +2 -2
  32. package/dist/components/ui/input.d.ts +6 -2
  33. package/dist/components/ui/input.d.ts.map +1 -1
  34. package/dist/components/ui/input.js +2 -2
  35. package/dist/components/ui/material.d.ts +8 -3
  36. package/dist/components/ui/material.d.ts.map +1 -1
  37. package/dist/components/ui/material.js +2 -2
  38. package/dist/components/ui/search-field.d.ts +3 -1
  39. package/dist/components/ui/search-field.d.ts.map +1 -1
  40. package/dist/components/ui/search-field.js +16 -6
  41. package/dist/components/ui/segmented-control.d.ts +3 -1
  42. package/dist/components/ui/segmented-control.d.ts.map +1 -1
  43. package/dist/components/ui/segmented-control.js +23 -17
  44. package/dist/components/ui/select.js +2 -2
  45. package/dist/components/ui/sidebar.d.ts +5 -3
  46. package/dist/components/ui/sidebar.d.ts.map +1 -1
  47. package/dist/components/ui/sidebar.js +53 -15
  48. package/dist/components/ui/status.d.ts +1 -1
  49. package/dist/components/ui/status.js +1 -1
  50. package/dist/components/ui/switch.d.ts +3 -1
  51. package/dist/components/ui/switch.d.ts.map +1 -1
  52. package/dist/components/ui/switch.js +3 -2
  53. package/dist/components/ui/toolbar-controls.d.ts +49 -0
  54. package/dist/components/ui/toolbar-controls.d.ts.map +1 -0
  55. package/dist/components/ui/toolbar-controls.js +47 -0
  56. package/dist/components/ui/toolbar.d.ts +5 -4
  57. package/dist/components/ui/toolbar.d.ts.map +1 -1
  58. package/dist/components/ui/toolbar.js +3 -3
  59. package/dist/index.d.ts +2 -1
  60. package/dist/index.d.ts.map +1 -1
  61. package/dist/index.js +3 -1
  62. package/dist/lib/frame-lifecycle.d.ts +1 -0
  63. package/dist/lib/frame-lifecycle.d.ts.map +1 -1
  64. package/dist/lib/frame-lifecycle.js +7 -0
  65. package/dist/lib/theme.d.ts +39 -5
  66. package/dist/lib/theme.d.ts.map +1 -1
  67. package/dist/lib/theme.js +105 -17
  68. package/dist/tokens/contracts.d.ts +79 -0
  69. package/dist/tokens/contracts.d.ts.map +1 -0
  70. package/dist/tokens/contracts.js +57 -0
  71. package/dist/tokens/index.d.ts +2 -0
  72. package/dist/tokens/index.d.ts.map +1 -0
  73. package/dist/tokens/index.js +1 -0
  74. package/docs/README.md +2 -0
  75. package/docs/adaptive-materials.md +14 -9
  76. package/docs/design-tokens.md +10 -6
  77. package/docs/foundations.md +3 -3
  78. package/docs/macos-design-audit.md +144 -0
  79. package/docs/native-integration.md +4 -4
  80. package/docs/platform-architecture.md +189 -0
  81. package/docs/standalone-app-windows.md +37 -0
  82. package/docs/visual-regression.md +6 -8
  83. package/package.json +13 -1
  84. package/src/components/ui/accordion.md +46 -0
  85. package/src/components/ui/alert.md +12 -4
  86. package/src/components/ui/app-frame.md +8 -5
  87. package/src/components/ui/aspect-ratio.md +37 -0
  88. package/src/components/ui/avatar.md +48 -0
  89. package/src/components/ui/breadcrumb.md +52 -0
  90. package/src/components/ui/button-group.md +43 -0
  91. package/src/components/ui/button.md +20 -4
  92. package/src/components/ui/calendar.md +42 -0
  93. package/src/components/ui/card.md +43 -0
  94. package/src/components/ui/carousel.md +47 -0
  95. package/src/components/ui/chart.md +52 -0
  96. package/src/components/ui/checkbox.md +36 -0
  97. package/src/components/ui/collapsible.md +2 -3
  98. package/src/components/ui/color-well.md +14 -4
  99. package/src/components/ui/combobox.md +3 -3
  100. package/src/components/ui/confirm-dialog.md +5 -4
  101. package/src/components/ui/context-menu.md +3 -2
  102. package/src/components/ui/date-field.md +6 -1
  103. package/src/components/ui/date-picker.md +6 -3
  104. package/src/components/ui/dialog.md +14 -12
  105. package/src/components/ui/drawer.md +58 -0
  106. package/src/components/ui/error-boundary-view.md +1 -1
  107. package/src/components/ui/field.md +2 -1
  108. package/src/components/ui/form.md +71 -0
  109. package/src/components/ui/grid.md +4 -3
  110. package/src/components/ui/icon-button.md +4 -1
  111. package/src/components/ui/input-group.md +49 -0
  112. package/src/components/ui/input-otp.md +56 -0
  113. package/src/components/ui/input.md +40 -0
  114. package/src/components/ui/inspector.md +47 -7
  115. package/src/components/ui/item.md +5 -3
  116. package/src/components/ui/kbd.md +30 -0
  117. package/src/components/ui/label.md +29 -0
  118. package/src/components/ui/list.md +2 -2
  119. package/src/components/ui/material.md +25 -12
  120. package/src/components/ui/menu-items.md +60 -0
  121. package/src/components/ui/menubar.md +58 -0
  122. package/src/components/ui/message-scroller-primitive.md +70 -0
  123. package/src/components/ui/message-scroller.md +86 -0
  124. package/src/components/ui/navigation-button-group.md +4 -3
  125. package/src/components/ui/navigation-menu.md +52 -0
  126. package/src/components/ui/number-input.md +8 -0
  127. package/src/components/ui/pagination.md +51 -0
  128. package/src/components/ui/panel.md +6 -0
  129. package/src/components/ui/popover.md +10 -7
  130. package/src/components/ui/progress.md +31 -0
  131. package/src/components/ui/radio-group.md +36 -0
  132. package/src/components/ui/resizable.md +2 -1
  133. package/src/components/ui/scroll-area.md +3 -1
  134. package/src/components/ui/search-field.md +6 -1
  135. package/src/components/ui/segmented-control.md +6 -1
  136. package/src/components/ui/separator.md +35 -0
  137. package/src/components/ui/sidebar.md +20 -3
  138. package/src/components/ui/skeleton.md +36 -0
  139. package/src/components/ui/slider.md +58 -0
  140. package/src/components/ui/spinner.md +41 -0
  141. package/src/components/ui/split-view.md +8 -4
  142. package/src/components/ui/switch.md +44 -0
  143. package/src/components/ui/table.md +7 -7
  144. package/src/components/ui/tabs.md +3 -1
  145. package/src/components/ui/textarea.md +41 -0
  146. package/src/components/ui/toggle-group.md +2 -2
  147. package/src/components/ui/toggle.md +9 -9
  148. package/src/components/ui/toolbar-controls.md +83 -0
  149. package/src/components/ui/toolbar.md +12 -6
  150. package/src/styles/index.css +199 -107
  151. package/src/tokens/contracts.ts +131 -0
  152. package/src/tokens/index.css +6 -0
  153. package/src/tokens/index.ts +23 -0
  154. package/src/tokens/macos-26/README.md +37 -0
  155. package/src/tokens/macos-26/aliases.css +53 -0
  156. package/src/tokens/macos-26/compatibility.css +7 -0
  157. package/src/tokens/macos-26/index.css +3 -0
  158. package/src/tokens/macos-26/source/provenance.generated.json +28 -0
  159. package/src/tokens/macos-26/source/sidebar.generated.css +29 -0
  160. package/src/tokens/macos-26/source.css +7 -0
  161. package/src/tokens/macos-26/web-adaptations.json +25 -0
  162. package/src/tokens/macos-26/web-adaptations.md +15 -0
  163. package/src/tokens/macos-27/accessibility.css +11 -0
  164. package/src/tokens/macos-27/aliases.css +304 -0
  165. package/src/tokens/macos-27/compatibility.css +212 -0
  166. package/src/tokens/macos-27/index.css +15 -0
  167. package/src/tokens/macos-27/recipes.css +23 -0
  168. package/src/tokens/macos-27/source/chrome.generated.css +338 -0
  169. package/src/tokens/macos-27/source/colors.generated.css +140 -0
  170. package/src/tokens/macos-27/source/context.generated.css +18 -0
  171. package/src/tokens/macos-27/source/controls.generated.css +764 -0
  172. package/src/tokens/macos-27/source/effects.generated.css +68 -0
  173. package/src/tokens/macos-27/source/kit.generated.css +50 -0
  174. package/src/tokens/macos-27/source/overlays-status.generated.css +931 -0
  175. package/src/tokens/macos-27/source/paint-styles.generated.css +81 -0
  176. package/src/tokens/macos-27/source/provenance.generated.json +62 -0
  177. package/src/tokens/macos-27/source/sizes.generated.css +385 -0
  178. package/src/tokens/macos-27/source/source.generated.json +554 -0
  179. package/src/tokens/macos-27/source/text-styles.generated.css +116 -0
  180. package/src/tokens/macos-27/source.css +17 -0
  181. package/src/tokens/macos-27/web-adaptations.css +98 -0
  182. package/src/tokens/macos-27/web-adaptations.json +163 -0
  183. package/src/tokens/macos-27/web-adaptations.md +117 -0
  184. package/src/tokens/moldable/brand.css +48 -0
  185. package/src/tokens/moldable/index.css +1 -0
  186. package/src/tokens/platform-contract.test.ts +290 -0
package/src/tokens/macos-27/source/colors.generated.css ADDED
@@ -0,0 +1,140 @@
1
+ /*
2
+ * Generated source data.
3
+ * Source: macOS 27.
4
+ * All 63 variables and both source modes are preserved.
5
+ */
6
+ [data-ui-platform='macos'][data-ui-platform-version='27'],
7
+ [data-ui-platform='macos'][data-ui-platform-version='27']
8
+ [data-ui-appearance='light'] {
9
+ --m27-source-color-accent-red: #ff383c;
10
+ --m27-source-color-accent-orange: #ff8d28;
11
+ --m27-source-color-accent-yellow: #ffcc00;
12
+ --m27-source-color-accent-green: #34c759;
13
+ --m27-source-color-accent-mint: #00c8b3;
14
+ --m27-source-color-accent-teal: #00c3d0;
15
+ --m27-source-color-accent-cyan: #00c0e8;
16
+ --m27-source-color-accent-blue: #0088ff;
17
+ --m27-source-color-accent-indigo: #6155f5;
18
+ --m27-source-color-accent-purple: #cb30e0;
19
+ --m27-source-color-accent-pink: #ff2d55;
20
+ --m27-source-color-accent-brown: #ac7f5e;
21
+ --m27-source-color-accent-vibrant-red: #f52f32;
22
+ --m27-source-color-accent-vibrant-orange: #f58625;
23
+ --m27-source-color-accent-vibrant-yellow: #f5c200;
24
+ --m27-source-color-accent-vibrant-green: #26bf4d;
25
+ --m27-source-color-accent-vibrant-mint: #00bda9;
26
+ --m27-source-color-accent-vibrant-teal: #00b3bf;
27
+ --m27-source-color-accent-vibrant-cyan: #00abcf;
28
+ --m27-source-color-accent-vibrant-blue: #0078f0;
29
+ --m27-source-color-accent-vibrant-indigo: #5c50e6;
30
+ --m27-source-color-accent-vibrant-purple: #b72bc9;
31
+ --m27-source-color-accent-vibrant-pink: #f5234b;
32
+ --m27-source-color-accent-vibrant-brown: #9e7354;
33
+ --m27-source-color-window-background: #ffffff;
34
+ --m27-source-color-black: #000000;
35
+ --m27-source-color-white: #ffffff;
36
+ --m27-source-color-gray: #8e8e93;
37
+ --m27-source-color-fill-primary: #0000001a;
38
+ --m27-source-color-fill-secondary: #00000014;
39
+ --m27-source-color-fill-tertiary: #0000000d;
40
+ --m27-source-color-fill-quaternary: #00000008;
41
+ --m27-source-color-fill-quinary: #00000005;
42
+ --m27-source-color-label-primary: #000000d9;
43
+ --m27-source-color-label-secondary: #00000080;
44
+ --m27-source-color-label-tertiary: #00000040;
45
+ --m27-source-color-label-quaternary: #0000001a;
46
+ --m27-source-color-label-quinary: #0000000d;
47
+ --m27-source-color-label-seximal: #00000008;
48
+ --m27-source-color-label-white: #ffffff;
49
+ --m27-source-color-vibrant-fill-primary: #d9d9d9;
50
+ --m27-source-color-vibrant-fill-secondary: #e6e6e6;
51
+ --m27-source-color-vibrant-fill-tertiary: #f2f2f2;
52
+ --m27-source-color-vibrant-fill-quaternary: #f7f7f7;
53
+ --m27-source-color-vibrant-fill-quinary: #fbfbfb;
54
+ --m27-source-color-vibrant-label-primary: #1a1a1a;
55
+ --m27-source-color-vibrant-label-secondary: #727272;
56
+ --m27-source-color-vibrant-label-tertiary: #bfbfbf;
57
+ --m27-source-color-vibrant-label-quaternary: #d9d9d9;
58
+ --m27-source-color-vibrant-label-quinary: #e6e6e6;
59
+ --m27-source-color-alert-overlay: #ababab99;
60
+ --m27-source-color-progress-track-stroke: #00000012;
61
+ --m27-source-color-sidebar-label-inactive: #878787;
62
+ --m27-source-color-table-alternating-row: #0000000d;
63
+ --m27-source-color-table-selected-active: #0165e2;
64
+ --m27-source-color-table-selected-inactive: #00000024;
65
+ --m27-source-color-table-column-separator: #0000001a;
66
+ --m27-source-color-tooltip-inner-stroke: #ffffff00;
67
+ --m27-source-color-tooltip-sidebar-active: #dae6f2;
68
+ --m27-source-color-tooltip-sidebar-inactive: #edf4fa;
69
+ --m27-source-color-scrollbar: #00000080;
70
+ --m27-source-color-mode: 'Light';
71
+ --m27-source-color-string: 'String value';
72
+ }
73
+
74
+ [data-ui-platform='macos'][data-ui-platform-version='27']
75
+ [data-ui-appearance='dark'],
76
+ [data-ui-platform='macos'][data-ui-platform-version='27'][data-ui-appearance='dark'] {
77
+ --m27-source-color-accent-red: #ff4245;
78
+ --m27-source-color-accent-orange: #ff9230;
79
+ --m27-source-color-accent-yellow: #ffd600;
80
+ --m27-source-color-accent-green: #30d158;
81
+ --m27-source-color-accent-mint: #00dac3;
82
+ --m27-source-color-accent-teal: #00d2e0;
83
+ --m27-source-color-accent-cyan: #3cd3fe;
84
+ --m27-source-color-accent-blue: #0091ff;
85
+ --m27-source-color-accent-indigo: #6d7cff;
86
+ --m27-source-color-accent-purple: #db34f2;
87
+ --m27-source-color-accent-pink: #ff375f;
88
+ --m27-source-color-accent-brown: #b78a66;
89
+ --m27-source-color-accent-vibrant-red: #ff4747;
90
+ --m27-source-color-accent-vibrant-orange: #ff9e33;
91
+ --m27-source-color-accent-vibrant-yellow: #ffe014;
92
+ --m27-source-color-accent-vibrant-green: #3bdb63;
93
+ --m27-source-color-accent-vibrant-mint: #2de0cd;
94
+ --m27-source-color-accent-vibrant-teal: #2dd7e0;
95
+ --m27-source-color-accent-vibrant-cyan: #47d8fc;
96
+ --m27-source-color-accent-vibrant-blue: #0a99ff;
97
+ --m27-source-color-accent-vibrant-indigo: #7163ff;
98
+ --m27-source-color-accent-vibrant-purple: #e647fc;
99
+ --m27-source-color-accent-vibrant-pink: #ff4169;
100
+ --m27-source-color-accent-vibrant-brown: #c29672;
101
+ --m27-source-color-window-background: #1e1e1e;
102
+ --m27-source-color-black: #000000;
103
+ --m27-source-color-white: #ffffff;
104
+ --m27-source-color-gray: #98989f;
105
+ --m27-source-color-fill-primary: #ffffff1a;
106
+ --m27-source-color-fill-secondary: #ffffff14;
107
+ --m27-source-color-fill-tertiary: #ffffff0d;
108
+ --m27-source-color-fill-quaternary: #ffffff08;
109
+ --m27-source-color-fill-quinary: #ffffff05;
110
+ --m27-source-color-label-primary: #ffffffd9;
111
+ --m27-source-color-label-secondary: #ffffff8c;
112
+ --m27-source-color-label-tertiary: #ffffff40;
113
+ --m27-source-color-label-quaternary: #ffffff1a;
114
+ --m27-source-color-label-quinary: #ffffff0d;
115
+ --m27-source-color-label-seximal: #ffffff08;
116
+ --m27-source-color-label-white: #ffffff;
117
+ --m27-source-color-vibrant-fill-primary: #242424;
118
+ --m27-source-color-vibrant-fill-secondary: #141414;
119
+ --m27-source-color-vibrant-fill-tertiary: #0d0d0d;
120
+ --m27-source-color-vibrant-fill-quaternary: #090909;
121
+ --m27-source-color-vibrant-fill-quinary: #070707;
122
+ --m27-source-color-vibrant-label-primary: #f5f5f5;
123
+ --m27-source-color-vibrant-label-secondary: #8a8a8a;
124
+ --m27-source-color-vibrant-label-tertiary: #404040;
125
+ --m27-source-color-vibrant-label-quaternary: #262626;
126
+ --m27-source-color-vibrant-label-quinary: #111111;
127
+ --m27-source-color-alert-overlay: #1717179e;
128
+ --m27-source-color-progress-track-stroke: #ffffff0a;
129
+ --m27-source-color-sidebar-label-inactive: #666666;
130
+ --m27-source-color-table-alternating-row: #ffffff0d;
131
+ --m27-source-color-table-selected-active: #0158d2;
132
+ --m27-source-color-table-selected-inactive: #ffffff2e;
133
+ --m27-source-color-table-column-separator: #ffffff1a;
134
+ --m27-source-color-tooltip-inner-stroke: #ffffff26;
135
+ --m27-source-color-tooltip-sidebar-active: #141517;
136
+ --m27-source-color-tooltip-sidebar-inactive: #131414;
137
+ --m27-source-color-scrollbar: #ffffff8c;
138
+ --m27-source-color-mode: 'Dark';
139
+ --m27-source-color-string: 'String value';
140
+ }
package/src/tokens/macos-27/source/context.generated.css ADDED
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Generated source data.
3
+ * Source: macOS 27.
4
+ * The one Context variable and both source modes are preserved.
5
+ */
6
+ [data-ui-platform='macos'][data-ui-platform-version='27'],
7
+ [data-ui-platform='macos'][data-ui-platform-version='27']
8
+ [data-material-context='content'] {
9
+ --m27-source-context-mode: 'Content Area';
10
+ --m27-source-context: content;
11
+ }
12
+
13
+ [data-ui-platform='macos'][data-ui-platform-version='27']
14
+ [data-material-context='over-glass'],
15
+ [data-ui-platform='macos'][data-ui-platform-version='27'][data-material-context='over-glass'] {
16
+ --m27-source-context-mode: 'Over-glass';
17
+ --m27-source-context: over-glass;
18
+ }