@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/effects.generated.css ADDED
@@ -0,0 +1,68 @@
1
+ /*
2
+ * Generated source data.
3
+ * Source: macOS 27.
4
+ * Atomic web-portable values are kept here; exact ordered composite recipes
5
+ * live in source.generated.json because CSS cannot reproduce every blend.
6
+ */
7
+ [data-ui-platform='macos'][data-ui-platform-version='27'] {
8
+ --m27-source-effect-window-active: 0 0 1px #000000cc, 0 18px 54px #0000004d;
9
+ --m27-source-effect-window-inactive: 0 0 1px #000000cc, 0 7px 21px #00000033;
10
+
11
+ --m27-source-liquid-glass-light-intensity: 0.25;
12
+ --m27-source-liquid-glass-light-angle: 0deg;
13
+ --m27-source-liquid-glass-refraction-ratio: 0.7;
14
+ --m27-source-liquid-glass-depth-value: 30;
15
+ --m27-source-liquid-glass-dispersion-ratio: 0.2;
16
+ --m27-source-liquid-glass-small-frost-radius: 6px;
17
+ --m27-source-liquid-glass-medium-frost-radius: 16px;
18
+ --m27-source-liquid-glass-large-frost-radius: 16px;
19
+ --m27-source-liquid-glass-small-width: 48px;
20
+ --m27-source-liquid-glass-small-height: 48px;
21
+ --m27-source-liquid-glass-small-radius: 1000px;
22
+ --m27-source-liquid-glass-medium-width: 160px;
23
+ --m27-source-liquid-glass-medium-height: 160px;
24
+ --m27-source-liquid-glass-medium-radius: 34px;
25
+ --m27-source-liquid-glass-large-width: 160px;
26
+ --m27-source-liquid-glass-large-height: 160px;
27
+ --m27-source-liquid-glass-large-radius: 34px;
28
+ --m27-source-liquid-glass-corner-smoothing: 0.6;
29
+
30
+ --m27-source-scroll-edge-soft-width: 200px;
31
+ --m27-source-scroll-edge-soft-height: 200px;
32
+ --m27-source-scroll-edge-soft-mask-top: linear-gradient(#000000, #00000000);
33
+ --m27-source-scroll-edge-soft-mask-bottom: linear-gradient(
34
+ #ff0000,
35
+ #ff000000
36
+ );
37
+ --m27-source-scroll-edge-soft-mask-bottom-opacity: 0.9;
38
+ --m27-source-scroll-edge-soft-layer-color: #000000;
39
+ --m27-source-scroll-edge-soft-layer-blend: screen;
40
+ --m27-source-scroll-edge-soft-layer-opacity: 0.9;
41
+ --m27-source-scroll-edge-soft-background-blur: 100px;
42
+
43
+ --m27-source-scroll-edge-hard-width: 200px;
44
+ --m27-source-scroll-edge-hard-height: 200px;
45
+ --m27-source-scroll-edge-hard-background-blur: 6px;
46
+ }
47
+
48
+ [data-ui-platform='macos'][data-ui-platform-version='27'],
49
+ [data-ui-platform='macos'][data-ui-platform-version='27']
50
+ [data-ui-appearance='light'] {
51
+ --m27-source-effect-liquid-glass-medium:
52
+ 0 18px 48px #00000040, 0 0 0 0.5px #dbdbdb;
53
+ --m27-source-effect-liquid-glass-large:
54
+ 0 18px 48px #00000040, 0 0 0 0.5px #dbdbdb;
55
+ --m27-source-scroll-edge-hard-fill: #ffffffd9;
56
+ --m27-source-scroll-edge-hard-stroke: #0000000d;
57
+ }
58
+
59
+ [data-ui-platform='macos'][data-ui-platform-version='27']
60
+ [data-ui-appearance='dark'],
61
+ [data-ui-platform='macos'][data-ui-platform-version='27'][data-ui-appearance='dark'] {
62
+ --m27-source-effect-liquid-glass-medium:
63
+ 0 18px 48px #00000073, 0 0 0 0.5px #a6a6a6;
64
+ --m27-source-effect-liquid-glass-large:
65
+ 0 18px 48px #00000073, 0 0 0 0.5px #a6a6a6;
66
+ --m27-source-scroll-edge-hard-fill: #1f1f1f8c;
67
+ --m27-source-scroll-edge-hard-stroke: #ffffff1a;
68
+ }
package/src/tokens/macos-27/source/kit.generated.css ADDED
@@ -0,0 +1,50 @@
1
+ /*
2
+ * Generated source data.
3
+ * Source: macOS 27.
4
+ * All 18 variables in the single source mode are preserved.
5
+ */
6
+ [data-ui-platform='macos'][data-ui-platform-version='27'] {
7
+ --m27-source-kit-component-fill: #0000001a;
8
+ --m27-source-kit-component-stroke: #c399ff;
9
+ --m27-source-kit-subcomponent-fill: #0000001a;
10
+ --m27-source-kit-subcomponent-stroke: #00000066;
11
+ --m27-source-kit-section-fill: #0000001a;
12
+ --m27-source-kit-section-stroke: #00000066;
13
+ --m27-source-kit-liquid-glass-light-angle: 0;
14
+ --m27-source-kit-liquid-glass-opacity: 25;
15
+ --m27-source-kit-liquid-glass-refraction: 70;
16
+ --m27-source-kit-liquid-glass-depth-regular: 30;
17
+ --m27-source-kit-liquid-glass-depth-medium-large: 30;
18
+ --m27-source-kit-liquid-glass-dispersion: 20;
19
+ --m27-source-kit-liquid-glass-frost-regular: 6px;
20
+ --m27-source-kit-liquid-glass-frost-medium: 16px;
21
+ --m27-source-kit-liquid-glass-frost-large: 16px;
22
+ --m27-source-kit-liquid-glass-splay-regular: 20;
23
+ --m27-source-kit-liquid-glass-splay-medium-large: 20;
24
+ --m27-source-kit-link: #98ccff;
25
+ --m27-source-kit-mode: 'Mode 1';
26
+
27
+ /* Compatibility names used by the semantic adapter. */
28
+ --m27-source-liquid-glass-depth: var(
29
+ --m27-source-kit-liquid-glass-depth-regular
30
+ );
31
+ --m27-source-liquid-glass-dispersion: var(
32
+ --m27-source-kit-liquid-glass-dispersion
33
+ );
34
+ --m27-source-liquid-glass-opacity: var(--m27-source-kit-liquid-glass-opacity);
35
+ --m27-source-liquid-glass-refraction: var(
36
+ --m27-source-kit-liquid-glass-refraction
37
+ );
38
+ --m27-source-liquid-glass-splay: var(
39
+ --m27-source-kit-liquid-glass-splay-regular
40
+ );
41
+ --m27-source-liquid-glass-small-frost: var(
42
+ --m27-source-kit-liquid-glass-frost-regular
43
+ );
44
+ --m27-source-liquid-glass-medium-frost: var(
45
+ --m27-source-kit-liquid-glass-frost-medium
46
+ );
47
+ --m27-source-liquid-glass-large-frost: var(
48
+ --m27-source-kit-liquid-glass-frost-large
49
+ );
50
+ }