@once-ui-system/core 1.7.12 → 1.8.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 (409) hide show
  1. package/AGENTS.md +53 -0
  2. package/README.md +27 -0
  3. package/agent/once-ui-codegen.mdc +27 -0
  4. package/ai/catalog.json +195 -634
  5. package/ai/components/Banner.json +2 -2
  6. package/ai/components/BlobFx.json +2 -2
  7. package/ai/components/Carousel.json +1 -0
  8. package/ai/components/ChartHeader.json +2 -2
  9. package/ai/components/Checkbox.json +2 -1
  10. package/ai/components/CompareImage.json +2 -1
  11. package/ai/components/ContextMenu.json +2 -2
  12. package/ai/components/Dialog.json +2 -0
  13. package/ai/components/HoverCard.json +2 -2
  14. package/ai/components/InfiniteScroll.json +2 -2
  15. package/ai/components/OgCard.json +3 -2
  16. package/ai/components/RadioButton.json +2 -1
  17. package/ai/components/ScrollContainer.json +2 -2
  18. package/ai/components/SegmentedControl.json +2 -2
  19. package/ai/components/Select.json +1 -1
  20. package/ai/components/SplitView.json +2 -2
  21. package/ai/components/Swiper.json +1 -0
  22. package/ai/components/Table.json +17 -2
  23. package/ai/components/ThemeSwitcher.json +2 -2
  24. package/ai/components/Tooltip.json +2 -2
  25. package/ai/examples/blocks/content/chat1content.ts +2 -0
  26. package/ai/examples/dashboard.tsx +1 -1
  27. package/ai/examples/settings.tsx +32 -28
  28. package/ai/manifest.json +2 -2
  29. package/ai/spec.json +64 -68
  30. package/dist/AGENTS.md +53 -0
  31. package/dist/README.md +27 -0
  32. package/dist/agent/once-ui-codegen.mdc +27 -0
  33. package/dist/ai/catalog.json +195 -634
  34. package/dist/ai/components/Banner.json +2 -2
  35. package/dist/ai/components/BlobFx.json +2 -2
  36. package/dist/ai/components/Carousel.json +1 -0
  37. package/dist/ai/components/ChartHeader.json +2 -2
  38. package/dist/ai/components/Checkbox.json +2 -1
  39. package/dist/ai/components/CompareImage.json +2 -1
  40. package/dist/ai/components/ContextMenu.json +2 -2
  41. package/dist/ai/components/Dialog.json +2 -0
  42. package/dist/ai/components/HoverCard.json +2 -2
  43. package/dist/ai/components/InfiniteScroll.json +2 -2
  44. package/dist/ai/components/OgCard.json +3 -2
  45. package/dist/ai/components/RadioButton.json +2 -1
  46. package/dist/ai/components/ScrollContainer.json +2 -2
  47. package/dist/ai/components/SegmentedControl.json +2 -2
  48. package/dist/ai/components/Select.json +1 -1
  49. package/dist/ai/components/SplitView.json +2 -2
  50. package/dist/ai/components/Swiper.json +1 -0
  51. package/dist/ai/components/Table.json +17 -2
  52. package/dist/ai/components/ThemeSwitcher.json +2 -2
  53. package/dist/ai/components/Tooltip.json +2 -2
  54. package/dist/ai/manifest.json +2 -2
  55. package/dist/ai/spec.json +64 -68
  56. package/dist/components/Accordion.js +1 -1
  57. package/dist/components/Accordion.js.map +1 -1
  58. package/dist/components/AccordionGroup.d.ts +1 -1
  59. package/dist/components/AccordionGroup.d.ts.map +1 -1
  60. package/dist/components/AccordionGroup.js +3 -3
  61. package/dist/components/AccordionGroup.js.map +1 -1
  62. package/dist/components/Animation.d.ts +1 -1
  63. package/dist/components/Animation.d.ts.map +1 -1
  64. package/dist/components/Arrow.d.ts +1 -1
  65. package/dist/components/Arrow.d.ts.map +1 -1
  66. package/dist/components/Arrow.js +4 -4
  67. package/dist/components/Arrow.js.map +1 -1
  68. package/dist/components/ArrowNavigationContext.d.ts +2 -1
  69. package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
  70. package/dist/components/ArrowNavigationContext.js +5 -3
  71. package/dist/components/ArrowNavigationContext.js.map +1 -1
  72. package/dist/components/Avatar.d.ts +2 -2
  73. package/dist/components/Avatar.d.ts.map +1 -1
  74. package/dist/components/AvatarGroup.js +1 -1
  75. package/dist/components/AvatarGroup.js.map +1 -1
  76. package/dist/components/Background.js +1 -1
  77. package/dist/components/Background.js.map +1 -1
  78. package/dist/components/Badge.js +1 -1
  79. package/dist/components/Badge.js.map +1 -1
  80. package/dist/components/Banner.d.ts.map +1 -1
  81. package/dist/components/Banner.js +1 -0
  82. package/dist/components/Banner.js.map +1 -1
  83. package/dist/components/BlobFx.d.ts +1 -1
  84. package/dist/components/BlobFx.d.ts.map +1 -1
  85. package/dist/components/BlobFx.js +3 -2
  86. package/dist/components/BlobFx.js.map +1 -1
  87. package/dist/components/Button.js +1 -1
  88. package/dist/components/Button.js.map +1 -1
  89. package/dist/components/Card.js +1 -1
  90. package/dist/components/Card.js.map +1 -1
  91. package/dist/components/Carousel.d.ts +3 -2
  92. package/dist/components/Carousel.d.ts.map +1 -1
  93. package/dist/components/Carousel.js +5 -5
  94. package/dist/components/Carousel.js.map +1 -1
  95. package/dist/components/Checkbox.d.ts +1 -0
  96. package/dist/components/Checkbox.d.ts.map +1 -1
  97. package/dist/components/Checkbox.js +5 -5
  98. package/dist/components/Checkbox.js.map +1 -1
  99. package/dist/components/Chip.js +1 -1
  100. package/dist/components/Chip.js.map +1 -1
  101. package/dist/components/ClientFlex.d.ts.map +1 -1
  102. package/dist/components/ClientFlex.js +124 -5
  103. package/dist/components/ClientFlex.js.map +1 -1
  104. package/dist/components/CompareImage.d.ts +2 -1
  105. package/dist/components/CompareImage.d.ts.map +1 -1
  106. package/dist/components/CompareImage.js +4 -4
  107. package/dist/components/CompareImage.js.map +1 -1
  108. package/dist/components/ContextMenu.d.ts +2 -2
  109. package/dist/components/ContextMenu.d.ts.map +1 -1
  110. package/dist/components/ContextMenu.js +3 -3
  111. package/dist/components/ContextMenu.js.map +1 -1
  112. package/dist/components/CountFx.d.ts +1 -1
  113. package/dist/components/CountFx.d.ts.map +1 -1
  114. package/dist/components/CountFx.js +6 -6
  115. package/dist/components/CountFx.js.map +1 -1
  116. package/dist/components/CountdownFx.d.ts +1 -1
  117. package/dist/components/CountdownFx.d.ts.map +1 -1
  118. package/dist/components/CountdownFx.js +4 -4
  119. package/dist/components/CountdownFx.js.map +1 -1
  120. package/dist/components/Cursor.d.ts +1 -1
  121. package/dist/components/Cursor.d.ts.map +1 -1
  122. package/dist/components/Cursor.js +6 -6
  123. package/dist/components/Cursor.js.map +1 -1
  124. package/dist/components/DateInput.d.ts +1 -1
  125. package/dist/components/DateInput.d.ts.map +1 -1
  126. package/dist/components/DateInput.js +6 -5
  127. package/dist/components/DateInput.js.map +1 -1
  128. package/dist/components/DatePicker.d.ts.map +1 -1
  129. package/dist/components/DatePicker.js +5 -5
  130. package/dist/components/DatePicker.js.map +1 -1
  131. package/dist/components/DateRangeInput.d.ts +2 -2
  132. package/dist/components/DateRangeInput.d.ts.map +1 -1
  133. package/dist/components/DateRangeInput.js +6 -4
  134. package/dist/components/DateRangeInput.js.map +1 -1
  135. package/dist/components/DateRangePicker.d.ts +1 -1
  136. package/dist/components/DateRangePicker.d.ts.map +1 -1
  137. package/dist/components/DateRangePicker.js +3 -3
  138. package/dist/components/DateRangePicker.js.map +1 -1
  139. package/dist/components/Dialog.d.ts +2 -0
  140. package/dist/components/Dialog.d.ts.map +1 -1
  141. package/dist/components/Dialog.js +32 -15
  142. package/dist/components/Dialog.js.map +1 -1
  143. package/dist/components/Dropdown.d.ts.map +1 -1
  144. package/dist/components/Dropdown.js +1 -1
  145. package/dist/components/Dropdown.js.map +1 -1
  146. package/dist/components/DropdownWrapper.d.ts.map +1 -1
  147. package/dist/components/DropdownWrapper.js +14 -11
  148. package/dist/components/DropdownWrapper.js.map +1 -1
  149. package/dist/components/ElementType.d.ts +1 -1
  150. package/dist/components/ElementType.d.ts.map +1 -1
  151. package/dist/components/ElementType.js +6 -4
  152. package/dist/components/ElementType.js.map +1 -1
  153. package/dist/components/EmojiPickerDropdown.d.ts +1 -1
  154. package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
  155. package/dist/components/EmojiPickerDropdown.js +4 -2
  156. package/dist/components/EmojiPickerDropdown.js.map +1 -1
  157. package/dist/components/Fade.js +1 -1
  158. package/dist/components/Fade.js.map +1 -1
  159. package/dist/components/FlipFx.d.ts.map +1 -1
  160. package/dist/components/FlipFx.js +2 -4
  161. package/dist/components/FlipFx.js.map +1 -1
  162. package/dist/components/FocusTrap.d.ts +1 -1
  163. package/dist/components/FocusTrap.d.ts.map +1 -1
  164. package/dist/components/FocusTrap.js +3 -3
  165. package/dist/components/FocusTrap.js.map +1 -1
  166. package/dist/components/GlitchFx.js +1 -1
  167. package/dist/components/GlitchFx.js.map +1 -1
  168. package/dist/components/Heading.js +1 -1
  169. package/dist/components/Heading.js.map +1 -1
  170. package/dist/components/HoloFx.d.ts +1 -1
  171. package/dist/components/HoloFx.d.ts.map +1 -1
  172. package/dist/components/HoloFx.js +17 -8
  173. package/dist/components/HoloFx.js.map +1 -1
  174. package/dist/components/Icon.js +1 -1
  175. package/dist/components/Icon.js.map +1 -1
  176. package/dist/components/IconButton.js +1 -1
  177. package/dist/components/IconButton.js.map +1 -1
  178. package/dist/components/InlineCode.js +1 -1
  179. package/dist/components/InlineCode.js.map +1 -1
  180. package/dist/components/Input.js +1 -1
  181. package/dist/components/Input.js.map +1 -1
  182. package/dist/components/LetterFx.js +1 -1
  183. package/dist/components/LetterFx.js.map +1 -1
  184. package/dist/components/ListItem.js +1 -1
  185. package/dist/components/ListItem.js.map +1 -1
  186. package/dist/components/Logo.d.ts +1 -1
  187. package/dist/components/Logo.d.ts.map +1 -1
  188. package/dist/components/Logo.js +6 -10
  189. package/dist/components/Logo.js.map +1 -1
  190. package/dist/components/LogoCloud.js +1 -1
  191. package/dist/components/LogoCloud.js.map +1 -1
  192. package/dist/components/Mask.js +1 -1
  193. package/dist/components/Mask.js.map +1 -1
  194. package/dist/components/MasonryGrid.js +1 -1
  195. package/dist/components/MasonryGrid.js.map +1 -1
  196. package/dist/components/Media.d.ts +1 -1
  197. package/dist/components/Media.d.ts.map +1 -1
  198. package/dist/components/Media.js +10 -7
  199. package/dist/components/Media.js.map +1 -1
  200. package/dist/components/MediaVideoPlayer.d.ts +12 -0
  201. package/dist/components/MediaVideoPlayer.d.ts.map +1 -0
  202. package/dist/components/MediaVideoPlayer.js +246 -0
  203. package/dist/components/MediaVideoPlayer.js.map +1 -0
  204. package/dist/components/MediaVideoPlayer.module.scss +90 -0
  205. package/dist/components/Modal.d.ts +1 -1
  206. package/dist/components/Modal.d.ts.map +1 -1
  207. package/dist/components/Modal.js +3 -3
  208. package/dist/components/Modal.js.map +1 -1
  209. package/dist/components/NavIcon.js +1 -1
  210. package/dist/components/NavIcon.js.map +1 -1
  211. package/dist/components/NumberInput.js +1 -1
  212. package/dist/components/NumberInput.js.map +1 -1
  213. package/dist/components/OgCard.d.ts +3 -2
  214. package/dist/components/OgCard.d.ts.map +1 -1
  215. package/dist/components/OgCard.js +2 -2
  216. package/dist/components/OgCard.js.map +1 -1
  217. package/dist/components/Option.js +1 -1
  218. package/dist/components/Option.js.map +1 -1
  219. package/dist/components/ProgressBar.d.ts +1 -1
  220. package/dist/components/ProgressBar.d.ts.map +1 -1
  221. package/dist/components/ProgressBar.js +1 -1
  222. package/dist/components/ProgressBar.js.map +1 -1
  223. package/dist/components/RadioButton.d.ts +1 -0
  224. package/dist/components/RadioButton.d.ts.map +1 -1
  225. package/dist/components/RadioButton.js +6 -6
  226. package/dist/components/RadioButton.js.map +1 -1
  227. package/dist/components/ScrollContainer.d.ts +1 -1
  228. package/dist/components/ScrollContainer.d.ts.map +1 -1
  229. package/dist/components/ScrollContainer.js +3 -3
  230. package/dist/components/ScrollContainer.js.map +1 -1
  231. package/dist/components/ScrollLock.d.ts +6 -1
  232. package/dist/components/ScrollLock.d.ts.map +1 -1
  233. package/dist/components/ScrollLock.js +39 -13
  234. package/dist/components/ScrollLock.js.map +1 -1
  235. package/dist/components/ScrollToTop.d.ts +4 -1
  236. package/dist/components/ScrollToTop.d.ts.map +1 -1
  237. package/dist/components/ScrollToTop.js +2 -1
  238. package/dist/components/ScrollToTop.js.map +1 -1
  239. package/dist/components/Scroller.d.ts +2 -2
  240. package/dist/components/Scroller.d.ts.map +1 -1
  241. package/dist/components/Scroller.js +4 -4
  242. package/dist/components/Scroller.js.map +1 -1
  243. package/dist/components/SegmentedControl.d.ts +1 -1
  244. package/dist/components/SegmentedControl.d.ts.map +1 -1
  245. package/dist/components/SegmentedControl.js +3 -3
  246. package/dist/components/SegmentedControl.js.map +1 -1
  247. package/dist/components/Select.d.ts +1 -1
  248. package/dist/components/Select.d.ts.map +1 -1
  249. package/dist/components/Select.js +1 -1
  250. package/dist/components/Select.js.map +1 -1
  251. package/dist/components/ServerFlex.d.ts.map +1 -1
  252. package/dist/components/ServerFlex.js +4 -2
  253. package/dist/components/ServerFlex.js.map +1 -1
  254. package/dist/components/ServerGrid.js +1 -1
  255. package/dist/components/ServerGrid.js.map +1 -1
  256. package/dist/components/SharedInteractiveStyles.module.scss +4 -0
  257. package/dist/components/ShineFx.d.ts +1 -1
  258. package/dist/components/ShineFx.d.ts.map +1 -1
  259. package/dist/components/ShineFx.js +4 -3
  260. package/dist/components/ShineFx.js.map +1 -1
  261. package/dist/components/Skeleton.js +1 -1
  262. package/dist/components/Skeleton.js.map +1 -1
  263. package/dist/components/Slider.js +1 -1
  264. package/dist/components/Slider.js.map +1 -1
  265. package/dist/components/Slider.module.scss +2 -2
  266. package/dist/components/SmartLink.js +1 -1
  267. package/dist/components/SmartLink.js.map +1 -1
  268. package/dist/components/Spinner.js +1 -1
  269. package/dist/components/Spinner.js.map +1 -1
  270. package/dist/components/StatusIndicator.js +1 -1
  271. package/dist/components/StatusIndicator.js.map +1 -1
  272. package/dist/components/StylePanel.js +1 -1
  273. package/dist/components/StylePanel.js.map +1 -1
  274. package/dist/components/Swiper.d.ts +2 -1
  275. package/dist/components/Swiper.d.ts.map +1 -1
  276. package/dist/components/Swiper.js +5 -5
  277. package/dist/components/Swiper.js.map +1 -1
  278. package/dist/components/Switch.js +1 -1
  279. package/dist/components/Switch.js.map +1 -1
  280. package/dist/components/Table.d.ts +37 -6
  281. package/dist/components/Table.d.ts.map +1 -1
  282. package/dist/components/Table.js +115 -30
  283. package/dist/components/Table.js.map +1 -1
  284. package/dist/components/Table.module.scss +174 -3
  285. package/dist/components/Tag.d.ts +1 -1
  286. package/dist/components/Tag.d.ts.map +1 -1
  287. package/dist/components/Tag.js +1 -1
  288. package/dist/components/Tag.js.map +1 -1
  289. package/dist/components/Text.js +1 -1
  290. package/dist/components/Text.js.map +1 -1
  291. package/dist/components/Textarea.d.ts.map +1 -1
  292. package/dist/components/Textarea.js +1 -2
  293. package/dist/components/Textarea.js.map +1 -1
  294. package/dist/components/ThemeInit.d.ts.map +1 -1
  295. package/dist/components/ThemeInit.js +6 -2
  296. package/dist/components/ThemeInit.js.map +1 -1
  297. package/dist/components/TiltFx.d.ts +1 -1
  298. package/dist/components/TiltFx.d.ts.map +1 -1
  299. package/dist/components/TiltFx.js +16 -7
  300. package/dist/components/TiltFx.js.map +1 -1
  301. package/dist/components/Timeline.d.ts +3 -3
  302. package/dist/components/Timeline.d.ts.map +1 -1
  303. package/dist/components/Timeline.js +19 -54
  304. package/dist/components/Timeline.js.map +1 -1
  305. package/dist/components/Toast.js +1 -1
  306. package/dist/components/Toast.js.map +1 -1
  307. package/dist/components/Toaster.d.ts +1 -1
  308. package/dist/components/Toaster.d.ts.map +1 -1
  309. package/dist/components/Toaster.js +4 -4
  310. package/dist/components/Toaster.js.map +1 -1
  311. package/dist/components/Toaster.module.scss +0 -2
  312. package/dist/components/ToggleButton.js +1 -1
  313. package/dist/components/ToggleButton.js.map +1 -1
  314. package/dist/components/Tooltip.js +1 -1
  315. package/dist/components/Tooltip.js.map +1 -1
  316. package/dist/components/TypeFx.d.ts +1 -1
  317. package/dist/components/TypeFx.d.ts.map +1 -1
  318. package/dist/components/TypeFx.js +3 -3
  319. package/dist/components/TypeFx.js.map +1 -1
  320. package/dist/components/User.js +1 -1
  321. package/dist/components/User.js.map +1 -1
  322. package/dist/components/UserMenu.d.ts +1 -1
  323. package/dist/components/UserMenu.d.ts.map +1 -1
  324. package/dist/components/UserMenu.js +4 -3
  325. package/dist/components/UserMenu.js.map +1 -1
  326. package/dist/css/styles.css +1 -1
  327. package/dist/css/styles.css.map +1 -1
  328. package/dist/css/tokens.css +1 -1
  329. package/dist/css/tokens.css.map +1 -1
  330. package/dist/data/emoji-data.json +8 -0
  331. package/dist/hooks/index.d.ts +2 -0
  332. package/dist/hooks/index.d.ts.map +1 -1
  333. package/dist/hooks/index.js +2 -0
  334. package/dist/hooks/index.js.map +1 -1
  335. package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
  336. package/dist/hooks/useArrowNavigation.js +1 -0
  337. package/dist/hooks/useArrowNavigation.js.map +1 -1
  338. package/dist/hooks/useDebounce.d.ts +1 -1
  339. package/dist/hooks/useDebounce.d.ts.map +1 -1
  340. package/dist/hooks/useDebounce.js.map +1 -1
  341. package/dist/hooks/useResponsiveClasses.d.ts.map +1 -1
  342. package/dist/hooks/useResponsiveClasses.js +45 -2
  343. package/dist/hooks/useResponsiveClasses.js.map +1 -1
  344. package/dist/icons.d.ts.map +1 -1
  345. package/dist/icons.js +7 -2
  346. package/dist/icons.js.map +1 -1
  347. package/dist/index.d.ts +0 -1
  348. package/dist/index.d.ts.map +1 -1
  349. package/dist/index.js +0 -1
  350. package/dist/index.js.map +1 -1
  351. package/dist/interfaces.d.ts +21 -36
  352. package/dist/interfaces.d.ts.map +1 -1
  353. package/dist/internal/scrollLockState.d.ts +2 -0
  354. package/dist/internal/scrollLockState.d.ts.map +1 -0
  355. package/dist/internal/scrollLockState.js +12 -0
  356. package/dist/internal/scrollLockState.js.map +1 -0
  357. package/dist/modules/code/CodeBlock.impl.d.ts +2 -0
  358. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
  359. package/dist/modules/code/CodeBlock.impl.js +57 -17
  360. package/dist/modules/code/CodeBlock.impl.js.map +1 -1
  361. package/dist/modules/data/BarChart.impl.js +1 -1
  362. package/dist/modules/data/BarChart.impl.js.map +1 -1
  363. package/dist/modules/data/LineBarChart.impl.js +1 -1
  364. package/dist/modules/data/LineBarChart.impl.js.map +1 -1
  365. package/dist/modules/data/LineChart.impl.js +1 -1
  366. package/dist/modules/data/LineChart.impl.js.map +1 -1
  367. package/dist/modules/data/PieChart.impl.js +1 -1
  368. package/dist/modules/data/PieChart.impl.js.map +1 -1
  369. package/dist/modules/data/utils/formatDate.js +1 -1
  370. package/dist/modules/data/utils/formatDate.js.map +1 -1
  371. package/dist/modules/index.d.ts +2 -1
  372. package/dist/modules/index.d.ts.map +1 -1
  373. package/dist/modules/index.js +2 -1
  374. package/dist/modules/index.js.map +1 -1
  375. package/dist/modules/seo/Schema.d.ts.map +1 -1
  376. package/dist/modules/seo/Schema.js +3 -4
  377. package/dist/modules/seo/Schema.js.map +1 -1
  378. package/dist/package.json +38 -8
  379. package/dist/server/og-url-validation.d.ts +10 -0
  380. package/dist/server/og-url-validation.d.ts.map +1 -0
  381. package/dist/server/og-url-validation.js +234 -0
  382. package/dist/server/og-url-validation.js.map +1 -0
  383. package/dist/server/og-utils.d.ts +5 -2
  384. package/dist/server/og-utils.d.ts.map +1 -1
  385. package/dist/server/og-utils.js +39 -14
  386. package/dist/server/og-utils.js.map +1 -1
  387. package/dist/styles/typography.scss +8 -0
  388. package/dist/tokens/typography.scss +2 -0
  389. package/dist/types.d.ts +1 -1
  390. package/dist/types.d.ts.map +1 -1
  391. package/dist/utils/index.d.ts +1 -0
  392. package/dist/utils/index.d.ts.map +1 -1
  393. package/dist/utils/index.js +1 -0
  394. package/dist/utils/index.js.map +1 -1
  395. package/dist/utils/safe-html.d.ts +19 -0
  396. package/dist/utils/safe-html.d.ts.map +1 -0
  397. package/dist/utils/safe-html.js +43 -0
  398. package/dist/utils/safe-html.js.map +1 -0
  399. package/next-env.d.ts +5 -0
  400. package/package.json +55 -21
  401. package/scripts/copy-files.js +103 -0
  402. package/scripts/generate-ai-spec.js +464 -0
  403. package/scripts/generate-emoji-data.js +128 -0
  404. package/scripts/init-agent.js +156 -0
  405. package/scripts/validate-ai-code.js +149 -0
  406. package/.eslintrc.json +0 -3
  407. package/ai/catalog.seed.json +0 -411
  408. package/dist/ai/catalog.seed.json +0 -411
  409. package/next.config.mjs +0 -14
@@ -1,411 +0,0 @@
1
- {
2
- "Row": {
3
- "purpose": "Horizontal flex layout — default direction row",
4
- "tags": ["layout", "basics"],
5
- "preferOver": "Flex with direction=\"row\"",
6
- "pairsWith": ["Column", "Grid", "Text", "Button"]
7
- },
8
- "Column": {
9
- "purpose": "Vertical flex layout — default direction column",
10
- "tags": ["layout", "basics"],
11
- "preferOver": "Flex with direction=\"column\"",
12
- "pairsWith": ["Row", "Grid", "Heading", "Text"]
13
- },
14
- "Grid": {
15
- "purpose": "CSS grid container with token-based columns/rows",
16
- "tags": ["layout", "basics"],
17
- "pairsWith": ["Column", "Row", "Card"]
18
- },
19
- "Flex": {
20
- "purpose": "Dynamic-direction flex container — use only when direction changes at breakpoints",
21
- "tags": ["layout", "basics"],
22
- "avoid": "Static row/column layouts — use Row or Column instead"
23
- },
24
- "Background": {
25
- "purpose": "Absolute decorative layer: gradients, dots, lines, grid textures",
26
- "tags": ["decoration", "effect"],
27
- "pairsWith": ["Column", "Row", "MatrixFx", "BlobFx"]
28
- },
29
- "MatrixFx": {
30
- "purpose": "Animated matrix field with optional bulge wave",
31
- "tags": ["decoration", "effect", "marketing"],
32
- "pairsWith": ["Background", "Column", "RevealFx"]
33
- },
34
- "BlobFx": {
35
- "purpose": "Drifting blurred brand blobs for ambient panels",
36
- "tags": ["decoration", "effect", "marketing"],
37
- "pairsWith": ["Column", "Card"]
38
- },
39
- "RevealFx": {
40
- "purpose": "Viewport-triggered entrance animation — one key set per page",
41
- "tags": ["effect", "motion"],
42
- "pairsWith": ["useInViewport", "Grid", "Column"]
43
- },
44
- "TiltFx": {
45
- "purpose": "Pointer-tilt interaction wrapper for cards and previews",
46
- "tags": ["effect", "marketing"],
47
- "pairsWith": ["Card", "Media", "Column"]
48
- },
49
- "Card": {
50
- "purpose": "Interactive surface only — requires href or onClick",
51
- "tags": ["surface"],
52
- "avoid": "Static panels (pricing tiers, testimonials, stats) — use Column + surface recipe",
53
- "pairsWith": ["Background", "Media", "Heading", "SmartLink"]
54
- },
55
- "Button": {
56
- "purpose": "Primary action and navigation with variants and icons",
57
- "tags": ["action", "basics"],
58
- "pairsWith": ["Icon", "SmartLink", "Row"]
59
- },
60
- "Heading": {
61
- "purpose": "Semantic headings with display/heading variants",
62
- "tags": ["typography", "basics"],
63
- "pairsWith": ["Text", "Column", "RevealFx"]
64
- },
65
- "Text": {
66
- "purpose": "Body, label, display, and code typography",
67
- "tags": ["typography", "basics"],
68
- "pairsWith": ["Heading", "Column", "Row"]
69
- },
70
- "Media": {
71
- "purpose": "Optimized image/video with aspect ratio and radius",
72
- "tags": ["media", "basics"],
73
- "avoid": "Raw img elements",
74
- "pairsWith": ["Card", "Column", "TiltFx"]
75
- },
76
- "Avatar": {
77
- "purpose": "User avatar with size tokens",
78
- "tags": ["media", "profile"],
79
- "pairsWith": ["Row", "User", "AvatarGroup"]
80
- },
81
- "Table": {
82
- "purpose": "Structured data table with headers and rows",
83
- "tags": ["data", "dashboard"],
84
- "pairsWith": ["Column", "Tag", "Icon"]
85
- },
86
- "AccordionGroup": {
87
- "purpose": "Expandable FAQ / disclosure sections",
88
- "tags": ["content", "marketing"],
89
- "pairsWith": ["Column", "Text", "Heading"]
90
- },
91
- "SegmentedControl": {
92
- "purpose": "Toggle between 2–5 options (billing period, view mode)",
93
- "tags": ["control", "dashboard"],
94
- "pairsWith": ["Row", "Grid"]
95
- },
96
- "CountFx": {
97
- "purpose": "Animated number counter for stats and pricing",
98
- "tags": ["effect", "data", "marketing"],
99
- "pairsWith": ["useInViewport", "Text", "Row"]
100
- },
101
- "LogoCloud": {
102
- "purpose": "Grid of partner/customer logos — always set columns",
103
- "tags": ["marketing", "social-proof"],
104
- "pairsWith": ["Grid", "Media", "Logo"]
105
- },
106
- "Dialog": {
107
- "purpose": "Modal dialog with stack support for multi-step flows",
108
- "tags": ["overlay", "auth"],
109
- "pairsWith": ["OTPInput", "PasswordInput", "Button", "Column"]
110
- },
111
- "Input": {
112
- "purpose": "Text input with label, validation, and icons",
113
- "tags": ["form"],
114
- "pairsWith": ["PasswordInput", "Select", "Switch", "Column"]
115
- },
116
- "Select": {
117
- "purpose": "Dropdown select for forms and filters",
118
- "tags": ["form", "dashboard"],
119
- "pairsWith": ["Input", "Row", "Column"]
120
- },
121
- "ProgressBar": {
122
- "purpose": "Linear progress indicator",
123
- "tags": ["data", "onboarding"],
124
- "pairsWith": ["StatusIndicator", "Column", "Text"]
125
- },
126
- "StatusIndicator": {
127
- "purpose": "Colored status dot for online/offline/success states",
128
- "tags": ["data", "onboarding"],
129
- "pairsWith": ["Row", "Text", "Avatar"]
130
- },
131
- "Timeline": {
132
- "purpose": "Versioned changelog / release history layout",
133
- "tags": ["content", "docs"],
134
- "pairsWith": ["Tag", "CodeBlock", "Text"]
135
- },
136
- "MegaMenu": {
137
- "purpose": "Navigation mega menu with featured card and link columns",
138
- "tags": ["navigation", "marketing"],
139
- "pairsWith": ["Background", "SmartLink", "Column", "Row"]
140
- },
141
- "EmojiPickerDropdown": {
142
- "purpose": "Emoji picker in a dropdown for chat/message inputs",
143
- "tags": ["overlay", "chat"],
144
- "pairsWith": ["Input", "IconButton", "Row"]
145
- },
146
- "Fade": {
147
- "purpose": "Edge overlay strip on scroll containers — not a content wrapper",
148
- "tags": ["effect", "chat"],
149
- "avoid": "Wrapping entire message lists or sections"
150
- },
151
- "Spinner": {
152
- "purpose": "Loading indicator for async/streaming states",
153
- "tags": ["feedback", "chat"],
154
- "pairsWith": ["Row", "Text"]
155
- },
156
- "Kbd": {
157
- "purpose": "Keyboard shortcut display",
158
- "tags": ["typography", "chat"],
159
- "pairsWith": ["Row", "Text"]
160
- },
161
- "Tag": {
162
- "purpose": "Metadata label — do not duplicate text in label prop and children",
163
- "tags": ["typography", "marketing"],
164
- "pairsWith": ["Row", "Badge", "Heading"]
165
- },
166
- "Badge": {
167
- "purpose": "Notification count or status badge",
168
- "tags": ["typography", "dashboard"],
169
- "avoid": "Passing same text in title prop and children"
170
- },
171
- "Skeleton": {
172
- "purpose": "Loading placeholder for cards and lists",
173
- "tags": ["feedback", "ecommerce"],
174
- "pairsWith": ["Grid", "Media", "Column"]
175
- },
176
- "HoverCard": {
177
- "purpose": "Rich popover card on hover",
178
- "tags": ["overlay", "profile"],
179
- "pairsWith": ["Avatar", "User", "Column"]
180
- },
181
- "UserMenu": {
182
- "purpose": "Avatar-triggered account menu",
183
- "tags": ["overlay", "navigation"],
184
- "pairsWith": ["Avatar", "Dropdown", "Column"]
185
- },
186
- "CelebrationFx": {
187
- "purpose": "Confetti/fireworks on completion milestones",
188
- "tags": ["effect", "onboarding"],
189
- "pairsWith": ["Column", "Button"]
190
- },
191
- "LetterFx": {
192
- "purpose": "Per-letter text animation for hero headlines",
193
- "tags": ["effect", "marketing"],
194
- "pairsWith": ["Heading", "Column"]
195
- },
196
- "TypeFx": {
197
- "purpose": "Typewriter text effect",
198
- "tags": ["effect", "marketing"],
199
- "pairsWith": ["Heading", "Text"]
200
- },
201
- "DateRangePicker": {
202
- "purpose": "Date range filter for dashboards and tables",
203
- "tags": ["form", "dashboard"],
204
- "pairsWith": ["Input", "Row", "Table"]
205
- },
206
- "Chip": {
207
- "purpose": "Selectable chip for ratings, filters, tags",
208
- "tags": ["form", "feedback"],
209
- "pairsWith": ["Row", "Textarea", "Dialog"]
210
- },
211
- "Feedback": {
212
- "purpose": "Inline feedback message display",
213
- "tags": ["feedback"],
214
- "pairsWith": ["useToast", "Dialog"]
215
- },
216
- "CodeBlock": {
217
- "purpose": "Syntax-highlighted code with optional live preview",
218
- "tags": ["docs", "content"],
219
- "pairsWith": ["InlineCode", "Column"]
220
- },
221
- "SplitView": {
222
- "purpose": "Resizable two-pane layout for sidebars and chat",
223
- "tags": ["layout", "chat", "settings"],
224
- "pairsWith": ["Column", "Row"]
225
- },
226
- "Line": {
227
- "purpose": "Horizontal divider / section separator",
228
- "tags": ["decoration", "marketing"],
229
- "pairsWith": ["Column", "Row"]
230
- },
231
- "Icon": {
232
- "purpose": "Icon from IconName list in spec — never invent names",
233
- "tags": ["basics"],
234
- "pairsWith": ["Row", "Button", "IconButton"]
235
- },
236
- "IconButton": {
237
- "purpose": "Icon-only action with optional tooltip",
238
- "tags": ["action", "chat"],
239
- "pairsWith": ["Tooltip", "Row"]
240
- },
241
- "SmartLink": {
242
- "purpose": "Enhanced link with Once UI styling",
243
- "tags": ["navigation", "basics"],
244
- "avoid": "Raw a elements"
245
- },
246
- "Scroller": {
247
- "purpose": "Horizontal scroll container for chips, tabs, cards",
248
- "tags": ["layout"],
249
- "pairsWith": ["Row", "Chip"]
250
- },
251
- "InfiniteScroll": {
252
- "purpose": "Infinite scroll wrapper for feeds and lists",
253
- "tags": ["layout", "chat"],
254
- "pairsWith": ["Column", "Spinner"]
255
- },
256
- "MasonryGrid": {
257
- "purpose": "Pinterest-style masonry layout",
258
- "tags": ["layout", "marketing"],
259
- "pairsWith": ["Media", "Card"]
260
- },
261
- "CompareImage": {
262
- "purpose": "Before/after image comparison slider",
263
- "tags": ["media", "marketing"],
264
- "pairsWith": ["Column", "Media"]
265
- },
266
- "OgCard": {
267
- "purpose": "Open Graph link preview card",
268
- "tags": ["media", "social"],
269
- "pairsWith": ["SmartLink", "Media"]
270
- },
271
- "Kbar": {
272
- "purpose": "Command palette (⌘K) for navigation and actions",
273
- "tags": ["navigation", "chat"],
274
- "pairsWith": ["Kbd", "Dialog"]
275
- },
276
- "MediaUpload": {
277
- "purpose": "Image upload with compression for profile/settings",
278
- "tags": ["form", "settings"],
279
- "pairsWith": ["Avatar", "Column", "Button"]
280
- },
281
- "PasswordInput": {
282
- "purpose": "Password field with show/hide toggle",
283
- "tags": ["form", "auth"],
284
- "pairsWith": ["Input", "Dialog", "Column"]
285
- },
286
- "OTPInput": {
287
- "purpose": "One-time password input for verification steps",
288
- "tags": ["form", "auth"],
289
- "pairsWith": ["Dialog", "Column", "Button"]
290
- },
291
- "Switch": {
292
- "purpose": "Boolean toggle for settings",
293
- "tags": ["form", "settings"],
294
- "pairsWith": ["Row", "Column", "Text"]
295
- },
296
- "Checkbox": {
297
- "purpose": "Checkbox with label for forms",
298
- "tags": ["form", "settings"],
299
- "pairsWith": ["Column", "Row"]
300
- },
301
- "Textarea": {
302
- "purpose": "Multi-line text input",
303
- "tags": ["form", "feedback"],
304
- "pairsWith": ["Dialog", "Column", "Chip"]
305
- },
306
- "Slider": {
307
- "purpose": "Numeric range slider",
308
- "tags": ["form", "settings"],
309
- "pairsWith": ["Row", "Text"]
310
- },
311
- "Carousel": {
312
- "purpose": "Image/content carousel with navigation",
313
- "tags": ["media", "marketing"],
314
- "pairsWith": ["Media", "Column", "Button"]
315
- },
316
- "Swiper": {
317
- "purpose": "Touch-friendly image swiper",
318
- "tags": ["media", "marketing"],
319
- "pairsWith": ["Media", "Row"]
320
- },
321
- "Tooltip": {
322
- "purpose": "Hover/focus tooltip for icon buttons and truncated text",
323
- "tags": ["overlay", "basics"],
324
- "pairsWith": ["IconButton", "Text"]
325
- },
326
- "Dropdown": {
327
- "purpose": "Dropdown menu for actions and navigation",
328
- "tags": ["overlay", "navigation"],
329
- "pairsWith": ["IconButton", "UserMenu"]
330
- },
331
- "ContextMenu": {
332
- "purpose": "Right-click context menu",
333
- "tags": ["overlay", "chat"],
334
- "pairsWith": ["Column", "Row"]
335
- },
336
- "CursorCard": {
337
- "purpose": "Card that follows cursor for spotlight effects",
338
- "tags": ["effect", "marketing"],
339
- "pairsWith": ["Background", "Column"]
340
- },
341
- "Hover": {
342
- "purpose": "Hover state wrapper for subtle scale/glow transitions",
343
- "tags": ["effect"],
344
- "pairsWith": ["Card", "Media"]
345
- },
346
- "Particle": {
347
- "purpose": "Floating particle decoration",
348
- "tags": ["effect", "marketing"],
349
- "pairsWith": ["Background", "Column"]
350
- },
351
- "ShineFx": {
352
- "purpose": "Shine sweep animation on text",
353
- "tags": ["effect", "marketing"],
354
- "pairsWith": ["Heading", "Text"]
355
- },
356
- "GlitchFx": {
357
- "purpose": "Glitch text effect",
358
- "tags": ["effect", "marketing"],
359
- "pairsWith": ["Heading", "Text"]
360
- },
361
- "HoloFx": {
362
- "purpose": "Holographic foil effect on cards",
363
- "tags": ["effect", "marketing"],
364
- "pairsWith": ["Card", "Media"]
365
- },
366
- "FlipFx": {
367
- "purpose": "Flip card between front and back faces",
368
- "tags": ["effect", "marketing"],
369
- "pairsWith": ["Card", "Column"]
370
- },
371
- "ThemeSwitcher": {
372
- "purpose": "Light/dark theme toggle",
373
- "tags": ["navigation", "settings"],
374
- "pairsWith": ["IconButton", "Row"]
375
- },
376
- "User": {
377
- "purpose": "User profile row with avatar, name, and metadata",
378
- "tags": ["profile", "chat"],
379
- "pairsWith": ["Avatar", "Row", "Text"]
380
- },
381
- "AvatarGroup": {
382
- "purpose": "Stacked overlapping avatars",
383
- "tags": ["profile", "marketing"],
384
- "pairsWith": ["Avatar", "Row"]
385
- },
386
- "Logo": {
387
- "purpose": "Brand logo with light/dark variants",
388
- "tags": ["media", "navigation"],
389
- "pairsWith": ["SmartLink", "Row"]
390
- },
391
- "BlockQuote": {
392
- "purpose": "Quoted text — keep smaller than section headings",
393
- "tags": ["typography", "marketing"],
394
- "avoid": "Using default size larger than display-strong-xs section titles"
395
- },
396
- "InlineCode": {
397
- "purpose": "Inline code snippet styling",
398
- "tags": ["typography", "docs"],
399
- "pairsWith": ["Text", "CodeBlock"]
400
- },
401
- "List": {
402
- "purpose": "Styled list with icons or bullets",
403
- "tags": ["content"],
404
- "pairsWith": ["Column", "Icon", "Text"]
405
- },
406
- "Banner": {
407
- "purpose": "Top-of-page announcement strip",
408
- "tags": ["navigation", "marketing"],
409
- "pairsWith": ["Row", "Button", "SmartLink"]
410
- }
411
- }