@once-ui-system/core 1.7.11 → 1.7.12

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 (325) hide show
  1. package/ai/catalog.json +1650 -0
  2. package/ai/catalog.seed.json +411 -0
  3. package/ai/components/Accordion.json +136 -0
  4. package/ai/components/AccordionGroup.json +128 -0
  5. package/ai/components/Animation.json +146 -0
  6. package/ai/components/Arrow.json +128 -0
  7. package/ai/components/AutoScroll.json +130 -0
  8. package/ai/components/Avatar.json +133 -0
  9. package/ai/components/AvatarGroup.json +129 -0
  10. package/ai/components/Background.json +131 -0
  11. package/ai/components/Badge.json +132 -0
  12. package/ai/components/Banner.json +122 -0
  13. package/ai/components/BarChart.json +123 -0
  14. package/ai/components/BlobFx.json +125 -0
  15. package/ai/components/BlockQuote.json +132 -0
  16. package/ai/components/Button.json +26 -0
  17. package/ai/components/Card.json +129 -0
  18. package/ai/components/Carousel.json +134 -0
  19. package/ai/components/CelebrationFx.json +132 -0
  20. package/ai/components/ChartHeader.json +130 -0
  21. package/ai/components/ChartStatus.json +12 -0
  22. package/ai/components/Checkbox.json +13 -0
  23. package/ai/components/Chip.json +132 -0
  24. package/ai/components/CodeBlock.json +122 -0
  25. package/ai/components/ColorInput.json +13 -0
  26. package/ai/components/Column.json +128 -0
  27. package/ai/components/CompareImage.json +126 -0
  28. package/ai/components/ContextMenu.json +22 -0
  29. package/ai/components/CountFx.json +82 -0
  30. package/ai/components/CountdownFx.json +11 -0
  31. package/ai/components/Cursor.json +9 -0
  32. package/ai/components/CursorCard.json +128 -0
  33. package/ai/components/DataTooltip.json +15 -0
  34. package/ai/components/DateInput.json +21 -0
  35. package/ai/components/DatePicker.json +143 -0
  36. package/ai/components/DateRangeInput.json +18 -0
  37. package/ai/components/DateRangePicker.json +129 -0
  38. package/ai/components/Dialog.json +134 -0
  39. package/ai/components/DialogProvider.json +8 -0
  40. package/ai/components/Dropdown.json +128 -0
  41. package/ai/components/DropdownWrapper.json +28 -0
  42. package/ai/components/EmojiPicker.json +129 -0
  43. package/ai/components/EmojiPickerDropdown.json +13 -0
  44. package/ai/components/Fade.json +130 -0
  45. package/ai/components/FadingLettersFx.json +77 -0
  46. package/ai/components/Feedback.json +132 -0
  47. package/ai/components/Flex.json +125 -0
  48. package/ai/components/FlipFx.json +133 -0
  49. package/ai/components/GlitchFx.json +128 -0
  50. package/ai/components/Grid.json +121 -0
  51. package/ai/components/Heading.json +75 -0
  52. package/ai/components/HeadingLink.json +127 -0
  53. package/ai/components/HeadingNav.json +124 -0
  54. package/ai/components/HoloFx.json +128 -0
  55. package/ai/components/Hover.json +130 -0
  56. package/ai/components/HoverCard.json +122 -0
  57. package/ai/components/Icon.json +132 -0
  58. package/ai/components/IconButton.json +22 -0
  59. package/ai/components/InfiniteScroll.json +130 -0
  60. package/ai/components/InlineCode.json +126 -0
  61. package/ai/components/Input.json +24 -0
  62. package/ai/components/InteractiveDetails.json +14 -0
  63. package/ai/components/Kbar.json +10 -0
  64. package/ai/components/Kbd.json +127 -0
  65. package/ai/components/Legend.json +14 -0
  66. package/ai/components/LetterFx.json +14 -0
  67. package/ai/components/Line.json +125 -0
  68. package/ai/components/LineBarChart.json +123 -0
  69. package/ai/components/LineChart.json +123 -0
  70. package/ai/components/LinearGauge.json +130 -0
  71. package/ai/components/LinearGradient.json +15 -0
  72. package/ai/components/List.json +127 -0
  73. package/ai/components/ListItem.json +77 -0
  74. package/ai/components/Logo.json +16 -0
  75. package/ai/components/LogoCloud.json +124 -0
  76. package/ai/components/Mask.json +131 -0
  77. package/ai/components/MasonryGrid.json +132 -0
  78. package/ai/components/MatrixFx.json +135 -0
  79. package/ai/components/Media.json +142 -0
  80. package/ai/components/MediaUpload.json +122 -0
  81. package/ai/components/MegaMenu.json +125 -0
  82. package/ai/components/MobileMegaMenu.json +125 -0
  83. package/ai/components/Modal.json +12 -0
  84. package/ai/components/NavIcon.json +127 -0
  85. package/ai/components/NumberInput.json +16 -0
  86. package/ai/components/OTPInput.json +13 -0
  87. package/ai/components/OgCard.json +135 -0
  88. package/ai/components/Option.json +137 -0
  89. package/ai/components/Particle.json +135 -0
  90. package/ai/components/PasswordInput.json +8 -0
  91. package/ai/components/PieChart.json +123 -0
  92. package/ai/components/ProgressBar.json +131 -0
  93. package/ai/components/Pulse.json +129 -0
  94. package/ai/components/RadialGauge.json +134 -0
  95. package/ai/components/RadialGradient.json +16 -0
  96. package/ai/components/RadioButton.json +17 -0
  97. package/ai/components/RevealFx.json +131 -0
  98. package/ai/components/Row.json +128 -0
  99. package/ai/components/Schema.json +17 -0
  100. package/ai/components/ScrollContainer.json +126 -0
  101. package/ai/components/ScrollToTop.json +124 -0
  102. package/ai/components/Scroller.json +128 -0
  103. package/ai/components/SegmentedControl.json +132 -0
  104. package/ai/components/Select.json +21 -0
  105. package/ai/components/ShineFx.json +80 -0
  106. package/ai/components/Skeleton.json +129 -0
  107. package/ai/components/Slider.json +17 -0
  108. package/ai/components/SmartLink.json +17 -0
  109. package/ai/components/Spinner.json +127 -0
  110. package/ai/components/SplitView.json +129 -0
  111. package/ai/components/StatusIndicator.json +128 -0
  112. package/ai/components/StyleOverlay.json +126 -0
  113. package/ai/components/StylePanel.json +125 -0
  114. package/ai/components/Swiper.json +130 -0
  115. package/ai/components/Switch.json +20 -0
  116. package/ai/components/Table.json +125 -0
  117. package/ai/components/Tag.json +129 -0
  118. package/ai/components/TagInput.json +12 -0
  119. package/ai/components/Text.json +72 -0
  120. package/ai/components/Textarea.json +24 -0
  121. package/ai/components/ThemeSwitcher.json +122 -0
  122. package/ai/components/TiltFx.json +126 -0
  123. package/ai/components/Timeline.json +126 -0
  124. package/ai/components/Toast.json +13 -0
  125. package/ai/components/Toaster.json +14 -0
  126. package/ai/components/ToggleButton.json +24 -0
  127. package/ai/components/Tooltip.json +129 -0
  128. package/ai/components/TypeFx.json +15 -0
  129. package/ai/components/User.json +15 -0
  130. package/ai/components/UserMenu.json +16 -0
  131. package/ai/components/WeatherFx.json +133 -0
  132. package/ai/examples/auth.tsx +105 -0
  133. package/ai/examples/blocks/Background6.tsx +25 -0
  134. package/ai/examples/blocks/Chat1.tsx +70 -0
  135. package/ai/examples/blocks/Dashboard1.tsx +404 -0
  136. package/ai/examples/blocks/Feed3.tsx +151 -0
  137. package/ai/examples/blocks/Footer1.tsx +30 -0
  138. package/ai/examples/blocks/Footer2.tsx +96 -0
  139. package/ai/examples/blocks/Footer3.tsx +127 -0
  140. package/ai/examples/blocks/Footer4.tsx +406 -0
  141. package/ai/examples/blocks/Header1.tsx +370 -0
  142. package/ai/examples/blocks/Header2.tsx +98 -0
  143. package/ai/examples/blocks/Header3.tsx +133 -0
  144. package/ai/examples/blocks/Header4.tsx +123 -0
  145. package/ai/examples/blocks/Productivity1.tsx +318 -0
  146. package/ai/examples/blocks/Roadmap1.tsx +133 -0
  147. package/ai/examples/blocks/Sidebar1.tsx +34 -0
  148. package/ai/examples/blocks/Sidebar2.tsx +17 -0
  149. package/ai/examples/blocks/Sidebar4.tsx +92 -0
  150. package/ai/examples/blocks/Sidebar5.tsx +73 -0
  151. package/ai/examples/blocks/Streaming1.tsx +353 -0
  152. package/ai/examples/blocks/Table1.tsx +303 -0
  153. package/ai/examples/blocks/Waitlist1.tsx +141 -0
  154. package/ai/examples/blocks/content/chat1content.ts +65 -0
  155. package/ai/examples/blocks/content/resources.ts +5 -0
  156. package/ai/examples/blocks/content/roadmap1content.ts +51 -0
  157. package/ai/examples/blocks/manifest.json +191 -0
  158. package/ai/examples/dashboard.tsx +150 -0
  159. package/ai/examples/marketing-hero.tsx +152 -0
  160. package/ai/examples/pricing.tsx +219 -0
  161. package/ai/examples/settings.tsx +140 -0
  162. package/ai/gotchas.json +85 -0
  163. package/ai/manifest.json +21 -0
  164. package/ai/rules.compact.md +73 -0
  165. package/ai/spec.json +2679 -2701
  166. package/ai/tasks/auth.json +23 -0
  167. package/ai/tasks/chat.json +28 -0
  168. package/ai/tasks/dashboard.json +39 -0
  169. package/ai/tasks/index.json +12 -0
  170. package/ai/tasks/marketing-hero.json +38 -0
  171. package/ai/tasks/pricing.json +42 -0
  172. package/ai/tasks/roadmap.json +22 -0
  173. package/ai/tasks/settings.json +34 -0
  174. package/dist/ai/catalog.json +1650 -0
  175. package/dist/ai/catalog.seed.json +411 -0
  176. package/dist/ai/components/Accordion.json +136 -0
  177. package/dist/ai/components/AccordionGroup.json +128 -0
  178. package/dist/ai/components/Animation.json +146 -0
  179. package/dist/ai/components/Arrow.json +128 -0
  180. package/dist/ai/components/AutoScroll.json +130 -0
  181. package/dist/ai/components/Avatar.json +133 -0
  182. package/dist/ai/components/AvatarGroup.json +129 -0
  183. package/dist/ai/components/Background.json +131 -0
  184. package/dist/ai/components/Badge.json +132 -0
  185. package/dist/ai/components/Banner.json +122 -0
  186. package/dist/ai/components/BarChart.json +123 -0
  187. package/dist/ai/components/BlobFx.json +125 -0
  188. package/dist/ai/components/BlockQuote.json +132 -0
  189. package/dist/ai/components/Button.json +26 -0
  190. package/dist/ai/components/Card.json +129 -0
  191. package/dist/ai/components/Carousel.json +134 -0
  192. package/dist/ai/components/CelebrationFx.json +132 -0
  193. package/dist/ai/components/ChartHeader.json +130 -0
  194. package/dist/ai/components/ChartStatus.json +12 -0
  195. package/dist/ai/components/Checkbox.json +13 -0
  196. package/dist/ai/components/Chip.json +132 -0
  197. package/dist/ai/components/CodeBlock.json +122 -0
  198. package/dist/ai/components/ColorInput.json +13 -0
  199. package/dist/ai/components/Column.json +128 -0
  200. package/dist/ai/components/CompareImage.json +126 -0
  201. package/dist/ai/components/ContextMenu.json +22 -0
  202. package/dist/ai/components/CountFx.json +82 -0
  203. package/dist/ai/components/CountdownFx.json +11 -0
  204. package/dist/ai/components/Cursor.json +9 -0
  205. package/dist/ai/components/CursorCard.json +128 -0
  206. package/dist/ai/components/DataTooltip.json +15 -0
  207. package/dist/ai/components/DateInput.json +21 -0
  208. package/dist/ai/components/DatePicker.json +143 -0
  209. package/dist/ai/components/DateRangeInput.json +18 -0
  210. package/dist/ai/components/DateRangePicker.json +129 -0
  211. package/dist/ai/components/Dialog.json +134 -0
  212. package/dist/ai/components/DialogProvider.json +8 -0
  213. package/dist/ai/components/Dropdown.json +128 -0
  214. package/dist/ai/components/DropdownWrapper.json +28 -0
  215. package/dist/ai/components/EmojiPicker.json +129 -0
  216. package/dist/ai/components/EmojiPickerDropdown.json +13 -0
  217. package/dist/ai/components/Fade.json +130 -0
  218. package/dist/ai/components/FadingLettersFx.json +77 -0
  219. package/dist/ai/components/Feedback.json +132 -0
  220. package/dist/ai/components/Flex.json +125 -0
  221. package/dist/ai/components/FlipFx.json +133 -0
  222. package/dist/ai/components/GlitchFx.json +128 -0
  223. package/dist/ai/components/Grid.json +121 -0
  224. package/dist/ai/components/Heading.json +75 -0
  225. package/dist/ai/components/HeadingLink.json +127 -0
  226. package/dist/ai/components/HeadingNav.json +124 -0
  227. package/dist/ai/components/HoloFx.json +128 -0
  228. package/dist/ai/components/Hover.json +130 -0
  229. package/dist/ai/components/HoverCard.json +122 -0
  230. package/dist/ai/components/Icon.json +132 -0
  231. package/dist/ai/components/IconButton.json +22 -0
  232. package/dist/ai/components/InfiniteScroll.json +130 -0
  233. package/dist/ai/components/InlineCode.json +126 -0
  234. package/dist/ai/components/Input.json +24 -0
  235. package/dist/ai/components/InteractiveDetails.json +14 -0
  236. package/dist/ai/components/Kbar.json +10 -0
  237. package/dist/ai/components/Kbd.json +127 -0
  238. package/dist/ai/components/Legend.json +14 -0
  239. package/dist/ai/components/LetterFx.json +14 -0
  240. package/dist/ai/components/Line.json +125 -0
  241. package/dist/ai/components/LineBarChart.json +123 -0
  242. package/dist/ai/components/LineChart.json +123 -0
  243. package/dist/ai/components/LinearGauge.json +130 -0
  244. package/dist/ai/components/LinearGradient.json +15 -0
  245. package/dist/ai/components/List.json +127 -0
  246. package/dist/ai/components/ListItem.json +77 -0
  247. package/dist/ai/components/Logo.json +16 -0
  248. package/dist/ai/components/LogoCloud.json +124 -0
  249. package/dist/ai/components/Mask.json +131 -0
  250. package/dist/ai/components/MasonryGrid.json +132 -0
  251. package/dist/ai/components/MatrixFx.json +135 -0
  252. package/dist/ai/components/Media.json +142 -0
  253. package/dist/ai/components/MediaUpload.json +122 -0
  254. package/dist/ai/components/MegaMenu.json +125 -0
  255. package/dist/ai/components/MobileMegaMenu.json +125 -0
  256. package/dist/ai/components/Modal.json +12 -0
  257. package/dist/ai/components/NavIcon.json +127 -0
  258. package/dist/ai/components/NumberInput.json +16 -0
  259. package/dist/ai/components/OTPInput.json +13 -0
  260. package/dist/ai/components/OgCard.json +135 -0
  261. package/dist/ai/components/Option.json +137 -0
  262. package/dist/ai/components/Particle.json +135 -0
  263. package/dist/ai/components/PasswordInput.json +8 -0
  264. package/dist/ai/components/PieChart.json +123 -0
  265. package/dist/ai/components/ProgressBar.json +131 -0
  266. package/dist/ai/components/Pulse.json +129 -0
  267. package/dist/ai/components/RadialGauge.json +134 -0
  268. package/dist/ai/components/RadialGradient.json +16 -0
  269. package/dist/ai/components/RadioButton.json +17 -0
  270. package/dist/ai/components/RevealFx.json +131 -0
  271. package/dist/ai/components/Row.json +128 -0
  272. package/dist/ai/components/Schema.json +17 -0
  273. package/dist/ai/components/ScrollContainer.json +126 -0
  274. package/dist/ai/components/ScrollToTop.json +124 -0
  275. package/dist/ai/components/Scroller.json +128 -0
  276. package/dist/ai/components/SegmentedControl.json +132 -0
  277. package/dist/ai/components/Select.json +21 -0
  278. package/dist/ai/components/ShineFx.json +80 -0
  279. package/dist/ai/components/Skeleton.json +129 -0
  280. package/dist/ai/components/Slider.json +17 -0
  281. package/dist/ai/components/SmartLink.json +17 -0
  282. package/dist/ai/components/Spinner.json +127 -0
  283. package/dist/ai/components/SplitView.json +129 -0
  284. package/dist/ai/components/StatusIndicator.json +128 -0
  285. package/dist/ai/components/StyleOverlay.json +126 -0
  286. package/dist/ai/components/StylePanel.json +125 -0
  287. package/dist/ai/components/Swiper.json +130 -0
  288. package/dist/ai/components/Switch.json +20 -0
  289. package/dist/ai/components/Table.json +125 -0
  290. package/dist/ai/components/Tag.json +129 -0
  291. package/dist/ai/components/TagInput.json +12 -0
  292. package/dist/ai/components/Text.json +72 -0
  293. package/dist/ai/components/Textarea.json +24 -0
  294. package/dist/ai/components/ThemeSwitcher.json +122 -0
  295. package/dist/ai/components/TiltFx.json +126 -0
  296. package/dist/ai/components/Timeline.json +126 -0
  297. package/dist/ai/components/Toast.json +13 -0
  298. package/dist/ai/components/Toaster.json +14 -0
  299. package/dist/ai/components/ToggleButton.json +24 -0
  300. package/dist/ai/components/Tooltip.json +129 -0
  301. package/dist/ai/components/TypeFx.json +15 -0
  302. package/dist/ai/components/User.json +15 -0
  303. package/dist/ai/components/UserMenu.json +16 -0
  304. package/dist/ai/components/WeatherFx.json +133 -0
  305. package/dist/ai/eval-tasks.md +71 -0
  306. package/dist/ai/examples/blocks/manifest.json +191 -0
  307. package/dist/ai/gotchas.json +85 -0
  308. package/dist/ai/manifest.json +21 -0
  309. package/dist/ai/recipes.md +149 -0
  310. package/dist/ai/rules.compact.md +73 -0
  311. package/dist/ai/rules.md +217 -0
  312. package/dist/ai/spec.json +2680 -0
  313. package/dist/ai/tasks/auth.json +23 -0
  314. package/dist/ai/tasks/chat.json +28 -0
  315. package/dist/ai/tasks/dashboard.json +39 -0
  316. package/dist/ai/tasks/index.json +12 -0
  317. package/dist/ai/tasks/marketing-hero.json +38 -0
  318. package/dist/ai/tasks/pricing.json +42 -0
  319. package/dist/ai/tasks/roadmap.json +22 -0
  320. package/dist/ai/tasks/settings.json +34 -0
  321. package/dist/data/emoji-data.json +0 -18
  322. package/dist/package.json +13 -2
  323. package/package.json +139 -127
  324. package/LICENSE.md +0 -21
  325. package/next-env.d.ts +0 -5
@@ -0,0 +1,125 @@
1
+ {
2
+ "name": "MegaMenu",
3
+ "group": "modules",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "menuGroups": "!MenuGroup[]",
17
+ "className": "string"
18
+ },
19
+ "mixinsRef": [
20
+ "CommonProps",
21
+ "DisplayProps",
22
+ "FlexProps",
23
+ "SizeProps",
24
+ "SpacingProps",
25
+ "StyleProps"
26
+ ],
27
+ "tokensRef": "see spec.json mixins",
28
+ "resolvedMixins": {
29
+ "CommonProps": {
30
+ "onBackground": "Colors",
31
+ "onSolid": "Colors",
32
+ "align": "CSSProperties[\"textAlign\"]"
33
+ },
34
+ "DisplayProps": {
35
+ "as": "ElementType",
36
+ "inline": "boolean",
37
+ "hide": "boolean",
38
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
39
+ "position": "CSSProperties[\"position\"]",
40
+ "overflow": "CSSProperties[\"overflow\"]",
41
+ "overflowX": "CSSProperties[\"overflowX\"]",
42
+ "overflowY": "CSSProperties[\"overflowY\"]",
43
+ "scrollbar": "\"default\" | \"minimal\"",
44
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
45
+ "opacity": "Opacity",
46
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
47
+ "dark": "boolean",
48
+ "light": "boolean"
49
+ },
50
+ "FlexProps": {
51
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
52
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
53
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
54
+ "center": "boolean",
55
+ "wrap": "boolean",
56
+ "flex": "FlexValue"
57
+ },
58
+ "SizeProps": {
59
+ "width": "number | SpacingToken | CSSUnit",
60
+ "height": "number | SpacingToken | CSSUnit",
61
+ "maxWidth": "number | SpacingToken | CSSUnit",
62
+ "minWidth": "number | SpacingToken | CSSUnit",
63
+ "minHeight": "number | SpacingToken | CSSUnit",
64
+ "maxHeight": "number | SpacingToken | CSSUnit",
65
+ "fit": "boolean",
66
+ "fitWidth": "boolean",
67
+ "fitHeight": "boolean",
68
+ "fill": "boolean",
69
+ "fillWidth": "boolean",
70
+ "fillHeight": "boolean",
71
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
72
+ },
73
+ "SpacingProps": {
74
+ "padding": "SpacingToken | number",
75
+ "paddingLeft": "SpacingToken | number",
76
+ "paddingRight": "SpacingToken | number",
77
+ "paddingTop": "SpacingToken | number",
78
+ "paddingBottom": "SpacingToken | number",
79
+ "paddingX": "SpacingToken | number",
80
+ "paddingY": "SpacingToken | number",
81
+ "margin": "SpacingToken | number",
82
+ "marginLeft": "SpacingToken | number",
83
+ "marginRight": "SpacingToken | number",
84
+ "marginTop": "SpacingToken | number",
85
+ "marginBottom": "SpacingToken | number",
86
+ "marginX": "SpacingToken | number",
87
+ "marginY": "SpacingToken | number",
88
+ "gap": "SpacingToken | number | \"-1\"",
89
+ "top": "SpacingToken | number | CSSUnit",
90
+ "right": "SpacingToken | number | CSSUnit",
91
+ "bottom": "SpacingToken | number | CSSUnit",
92
+ "left": "SpacingToken | number | CSSUnit",
93
+ "translateX": "SpacingToken | number | CSSUnit",
94
+ "translateY": "SpacingToken | number | CSSUnit"
95
+ },
96
+ "StyleProps": {
97
+ "textVariant": "TextVariant",
98
+ "textSize": "TextSize",
99
+ "textType": "TextType",
100
+ "textWeight": "TextWeight",
101
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
102
+ "solid": "Colors",
103
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
104
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
105
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
106
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
107
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
108
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
109
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderStyle": "\"solid\" | \"dashed\"",
111
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
112
+ "topRadius": "RadiusSize",
113
+ "rightRadius": "RadiusSize",
114
+ "bottomRadius": "RadiusSize",
115
+ "leftRadius": "RadiusSize",
116
+ "topLeftRadius": "RadiusSize",
117
+ "topRightRadius": "RadiusSize",
118
+ "bottomLeftRadius": "RadiusSize",
119
+ "bottomRightRadius": "RadiusSize",
120
+ "shadow": "ShadowSize",
121
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
122
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
123
+ }
124
+ }
125
+ }
@@ -0,0 +1,125 @@
1
+ {
2
+ "name": "MobileMegaMenu",
3
+ "group": "modules",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "menuGroups": "!MenuGroup[]",
17
+ "onClose": "() => void"
18
+ },
19
+ "mixinsRef": [
20
+ "CommonProps",
21
+ "DisplayProps",
22
+ "FlexProps",
23
+ "SizeProps",
24
+ "SpacingProps",
25
+ "StyleProps"
26
+ ],
27
+ "tokensRef": "see spec.json mixins",
28
+ "resolvedMixins": {
29
+ "CommonProps": {
30
+ "onBackground": "Colors",
31
+ "onSolid": "Colors",
32
+ "align": "CSSProperties[\"textAlign\"]"
33
+ },
34
+ "DisplayProps": {
35
+ "as": "ElementType",
36
+ "inline": "boolean",
37
+ "hide": "boolean",
38
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
39
+ "position": "CSSProperties[\"position\"]",
40
+ "overflow": "CSSProperties[\"overflow\"]",
41
+ "overflowX": "CSSProperties[\"overflowX\"]",
42
+ "overflowY": "CSSProperties[\"overflowY\"]",
43
+ "scrollbar": "\"default\" | \"minimal\"",
44
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
45
+ "opacity": "Opacity",
46
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
47
+ "dark": "boolean",
48
+ "light": "boolean"
49
+ },
50
+ "FlexProps": {
51
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
52
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
53
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
54
+ "center": "boolean",
55
+ "wrap": "boolean",
56
+ "flex": "FlexValue"
57
+ },
58
+ "SizeProps": {
59
+ "width": "number | SpacingToken | CSSUnit",
60
+ "height": "number | SpacingToken | CSSUnit",
61
+ "maxWidth": "number | SpacingToken | CSSUnit",
62
+ "minWidth": "number | SpacingToken | CSSUnit",
63
+ "minHeight": "number | SpacingToken | CSSUnit",
64
+ "maxHeight": "number | SpacingToken | CSSUnit",
65
+ "fit": "boolean",
66
+ "fitWidth": "boolean",
67
+ "fitHeight": "boolean",
68
+ "fill": "boolean",
69
+ "fillWidth": "boolean",
70
+ "fillHeight": "boolean",
71
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
72
+ },
73
+ "SpacingProps": {
74
+ "padding": "SpacingToken | number",
75
+ "paddingLeft": "SpacingToken | number",
76
+ "paddingRight": "SpacingToken | number",
77
+ "paddingTop": "SpacingToken | number",
78
+ "paddingBottom": "SpacingToken | number",
79
+ "paddingX": "SpacingToken | number",
80
+ "paddingY": "SpacingToken | number",
81
+ "margin": "SpacingToken | number",
82
+ "marginLeft": "SpacingToken | number",
83
+ "marginRight": "SpacingToken | number",
84
+ "marginTop": "SpacingToken | number",
85
+ "marginBottom": "SpacingToken | number",
86
+ "marginX": "SpacingToken | number",
87
+ "marginY": "SpacingToken | number",
88
+ "gap": "SpacingToken | number | \"-1\"",
89
+ "top": "SpacingToken | number | CSSUnit",
90
+ "right": "SpacingToken | number | CSSUnit",
91
+ "bottom": "SpacingToken | number | CSSUnit",
92
+ "left": "SpacingToken | number | CSSUnit",
93
+ "translateX": "SpacingToken | number | CSSUnit",
94
+ "translateY": "SpacingToken | number | CSSUnit"
95
+ },
96
+ "StyleProps": {
97
+ "textVariant": "TextVariant",
98
+ "textSize": "TextSize",
99
+ "textType": "TextType",
100
+ "textWeight": "TextWeight",
101
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
102
+ "solid": "Colors",
103
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
104
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
105
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
106
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
107
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
108
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
109
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderStyle": "\"solid\" | \"dashed\"",
111
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
112
+ "topRadius": "RadiusSize",
113
+ "rightRadius": "RadiusSize",
114
+ "bottomRadius": "RadiusSize",
115
+ "leftRadius": "RadiusSize",
116
+ "topLeftRadius": "RadiusSize",
117
+ "topRightRadius": "RadiusSize",
118
+ "bottomLeftRadius": "RadiusSize",
119
+ "bottomRightRadius": "RadiusSize",
120
+ "shadow": "ShadowSize",
121
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
122
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
123
+ }
124
+ }
125
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "name": "Modal",
3
+ "group": "components",
4
+ "props": {
5
+ "children": "!React.ReactNode",
6
+ "backdrop": "React.ReactNode",
7
+ "title": "!React.ReactNode",
8
+ "isOpen": "!boolean",
9
+ "onClose": "!() => void"
10
+ },
11
+ "mixinsRef": []
12
+ }
@@ -0,0 +1,127 @@
1
+ {
2
+ "name": "NavIcon",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "className": "string",
17
+ "style": "React.CSSProperties",
18
+ "onClick": "() => void",
19
+ "isActive": "boolean"
20
+ },
21
+ "mixinsRef": [
22
+ "CommonProps",
23
+ "DisplayProps",
24
+ "FlexProps",
25
+ "SizeProps",
26
+ "SpacingProps",
27
+ "StyleProps"
28
+ ],
29
+ "tokensRef": "see spec.json mixins",
30
+ "resolvedMixins": {
31
+ "CommonProps": {
32
+ "onBackground": "Colors",
33
+ "onSolid": "Colors",
34
+ "align": "CSSProperties[\"textAlign\"]"
35
+ },
36
+ "DisplayProps": {
37
+ "as": "ElementType",
38
+ "inline": "boolean",
39
+ "hide": "boolean",
40
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
41
+ "position": "CSSProperties[\"position\"]",
42
+ "overflow": "CSSProperties[\"overflow\"]",
43
+ "overflowX": "CSSProperties[\"overflowX\"]",
44
+ "overflowY": "CSSProperties[\"overflowY\"]",
45
+ "scrollbar": "\"default\" | \"minimal\"",
46
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
47
+ "opacity": "Opacity",
48
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
49
+ "dark": "boolean",
50
+ "light": "boolean"
51
+ },
52
+ "FlexProps": {
53
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
54
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
55
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
56
+ "center": "boolean",
57
+ "wrap": "boolean",
58
+ "flex": "FlexValue"
59
+ },
60
+ "SizeProps": {
61
+ "width": "number | SpacingToken | CSSUnit",
62
+ "height": "number | SpacingToken | CSSUnit",
63
+ "maxWidth": "number | SpacingToken | CSSUnit",
64
+ "minWidth": "number | SpacingToken | CSSUnit",
65
+ "minHeight": "number | SpacingToken | CSSUnit",
66
+ "maxHeight": "number | SpacingToken | CSSUnit",
67
+ "fit": "boolean",
68
+ "fitWidth": "boolean",
69
+ "fitHeight": "boolean",
70
+ "fill": "boolean",
71
+ "fillWidth": "boolean",
72
+ "fillHeight": "boolean",
73
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
74
+ },
75
+ "SpacingProps": {
76
+ "padding": "SpacingToken | number",
77
+ "paddingLeft": "SpacingToken | number",
78
+ "paddingRight": "SpacingToken | number",
79
+ "paddingTop": "SpacingToken | number",
80
+ "paddingBottom": "SpacingToken | number",
81
+ "paddingX": "SpacingToken | number",
82
+ "paddingY": "SpacingToken | number",
83
+ "margin": "SpacingToken | number",
84
+ "marginLeft": "SpacingToken | number",
85
+ "marginRight": "SpacingToken | number",
86
+ "marginTop": "SpacingToken | number",
87
+ "marginBottom": "SpacingToken | number",
88
+ "marginX": "SpacingToken | number",
89
+ "marginY": "SpacingToken | number",
90
+ "gap": "SpacingToken | number | \"-1\"",
91
+ "top": "SpacingToken | number | CSSUnit",
92
+ "right": "SpacingToken | number | CSSUnit",
93
+ "bottom": "SpacingToken | number | CSSUnit",
94
+ "left": "SpacingToken | number | CSSUnit",
95
+ "translateX": "SpacingToken | number | CSSUnit",
96
+ "translateY": "SpacingToken | number | CSSUnit"
97
+ },
98
+ "StyleProps": {
99
+ "textVariant": "TextVariant",
100
+ "textSize": "TextSize",
101
+ "textType": "TextType",
102
+ "textWeight": "TextWeight",
103
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
104
+ "solid": "Colors",
105
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
106
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
107
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
108
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
109
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
111
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
112
+ "borderStyle": "\"solid\" | \"dashed\"",
113
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
114
+ "topRadius": "RadiusSize",
115
+ "rightRadius": "RadiusSize",
116
+ "bottomRadius": "RadiusSize",
117
+ "leftRadius": "RadiusSize",
118
+ "topLeftRadius": "RadiusSize",
119
+ "topRightRadius": "RadiusSize",
120
+ "bottomLeftRadius": "RadiusSize",
121
+ "bottomRightRadius": "RadiusSize",
122
+ "shadow": "ShadowSize",
123
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
124
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
125
+ }
126
+ }
127
+ }
@@ -0,0 +1,16 @@
1
+ {
2
+ "name": "NumberInput",
3
+ "group": "components",
4
+ "extends": [
5
+ "Input"
6
+ ],
7
+ "props": {
8
+ "value": "number",
9
+ "onChange": "(value: number) => void",
10
+ "min": "number",
11
+ "max": "number",
12
+ "step": "number = 1",
13
+ "padStart": "number"
14
+ },
15
+ "mixinsRef": []
16
+ }
@@ -0,0 +1,13 @@
1
+ {
2
+ "name": "OTPInput",
3
+ "group": "components",
4
+ "props": {
5
+ "length": "number = 4",
6
+ "onComplete": "(code: string) => void",
7
+ "error": "boolean = false",
8
+ "errorMessage": "React.ReactNode",
9
+ "disabled": "boolean = false",
10
+ "autoFocus": "boolean = false"
11
+ },
12
+ "mixinsRef": []
13
+ }
@@ -0,0 +1,135 @@
1
+ {
2
+ "name": "OgCard",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex",
6
+ "Card"
7
+ ],
8
+ "mixins": [
9
+ "CommonProps",
10
+ "DisplayProps",
11
+ "FlexProps",
12
+ "SizeProps",
13
+ "SpacingProps",
14
+ "StyleProps"
15
+ ],
16
+ "props": {
17
+ "url": "string",
18
+ "sizes": "string = 320px",
19
+ "size": "CondensedTShirtSizes = m",
20
+ "ogData": "Partial<OgData> | null",
21
+ "direction": "\"column\" | \"row\" | \"column-reverse\" | \"row-reverse\" = column",
22
+ "serviceConfig": "OgServiceConfig = {}",
23
+ "title": "string | false",
24
+ "description": "string | false",
25
+ "favicon": "string | false",
26
+ "image": "string | false",
27
+ "cardUrl": "string | false"
28
+ },
29
+ "mixinsRef": [
30
+ "CommonProps",
31
+ "DisplayProps",
32
+ "FlexProps",
33
+ "SizeProps",
34
+ "SpacingProps",
35
+ "StyleProps"
36
+ ],
37
+ "tokensRef": "see spec.json mixins",
38
+ "resolvedMixins": {
39
+ "CommonProps": {
40
+ "onBackground": "Colors",
41
+ "onSolid": "Colors",
42
+ "align": "CSSProperties[\"textAlign\"]"
43
+ },
44
+ "DisplayProps": {
45
+ "as": "ElementType",
46
+ "inline": "boolean",
47
+ "hide": "boolean",
48
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
49
+ "position": "CSSProperties[\"position\"]",
50
+ "overflow": "CSSProperties[\"overflow\"]",
51
+ "overflowX": "CSSProperties[\"overflowX\"]",
52
+ "overflowY": "CSSProperties[\"overflowY\"]",
53
+ "scrollbar": "\"default\" | \"minimal\"",
54
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
55
+ "opacity": "Opacity",
56
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
57
+ "dark": "boolean",
58
+ "light": "boolean"
59
+ },
60
+ "FlexProps": {
61
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
62
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
63
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
64
+ "center": "boolean",
65
+ "wrap": "boolean",
66
+ "flex": "FlexValue"
67
+ },
68
+ "SizeProps": {
69
+ "width": "number | SpacingToken | CSSUnit",
70
+ "height": "number | SpacingToken | CSSUnit",
71
+ "maxWidth": "number | SpacingToken | CSSUnit",
72
+ "minWidth": "number | SpacingToken | CSSUnit",
73
+ "minHeight": "number | SpacingToken | CSSUnit",
74
+ "maxHeight": "number | SpacingToken | CSSUnit",
75
+ "fit": "boolean",
76
+ "fitWidth": "boolean",
77
+ "fitHeight": "boolean",
78
+ "fill": "boolean",
79
+ "fillWidth": "boolean",
80
+ "fillHeight": "boolean",
81
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
82
+ },
83
+ "SpacingProps": {
84
+ "padding": "SpacingToken | number",
85
+ "paddingLeft": "SpacingToken | number",
86
+ "paddingRight": "SpacingToken | number",
87
+ "paddingTop": "SpacingToken | number",
88
+ "paddingBottom": "SpacingToken | number",
89
+ "paddingX": "SpacingToken | number",
90
+ "paddingY": "SpacingToken | number",
91
+ "margin": "SpacingToken | number",
92
+ "marginLeft": "SpacingToken | number",
93
+ "marginRight": "SpacingToken | number",
94
+ "marginTop": "SpacingToken | number",
95
+ "marginBottom": "SpacingToken | number",
96
+ "marginX": "SpacingToken | number",
97
+ "marginY": "SpacingToken | number",
98
+ "gap": "SpacingToken | number | \"-1\"",
99
+ "top": "SpacingToken | number | CSSUnit",
100
+ "right": "SpacingToken | number | CSSUnit",
101
+ "bottom": "SpacingToken | number | CSSUnit",
102
+ "left": "SpacingToken | number | CSSUnit",
103
+ "translateX": "SpacingToken | number | CSSUnit",
104
+ "translateY": "SpacingToken | number | CSSUnit"
105
+ },
106
+ "StyleProps": {
107
+ "textVariant": "TextVariant",
108
+ "textSize": "TextSize",
109
+ "textType": "TextType",
110
+ "textWeight": "TextWeight",
111
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
112
+ "solid": "Colors",
113
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
114
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
116
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
117
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
118
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
119
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
120
+ "borderStyle": "\"solid\" | \"dashed\"",
121
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
122
+ "topRadius": "RadiusSize",
123
+ "rightRadius": "RadiusSize",
124
+ "bottomRadius": "RadiusSize",
125
+ "leftRadius": "RadiusSize",
126
+ "topLeftRadius": "RadiusSize",
127
+ "topRightRadius": "RadiusSize",
128
+ "bottomLeftRadius": "RadiusSize",
129
+ "bottomRightRadius": "RadiusSize",
130
+ "shadow": "ShadowSize",
131
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
132
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
133
+ }
134
+ }
135
+ }