@psnext/design-system 1.1.0 → 1.2.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 (787) hide show
  1. package/README.md +137 -30
  2. package/dist/Header.cjs +890 -0
  3. package/dist/Header.cjs.map +1 -0
  4. package/dist/Header.js +798 -0
  5. package/dist/Header.js.map +1 -0
  6. package/dist/Icon.cjs +1969 -0
  7. package/dist/Icon.cjs.map +1 -0
  8. package/dist/Icon.js +1956 -0
  9. package/dist/Icon.js.map +1 -0
  10. package/dist/{ThemeProvider.cjs → Logo.cjs} +2 -1075
  11. package/dist/Logo.cjs.map +1 -0
  12. package/dist/{ThemeProvider.js → Logo.js} +4 -704
  13. package/dist/Logo.js.map +1 -0
  14. package/dist/Sidebar.cjs +562 -0
  15. package/dist/Sidebar.cjs.map +1 -0
  16. package/dist/Sidebar.js +416 -0
  17. package/dist/Sidebar.js.map +1 -0
  18. package/dist/{utils.cjs → chunk.cjs} +0 -39
  19. package/dist/cn.cjs +15 -0
  20. package/dist/cn.cjs.map +1 -0
  21. package/dist/cn.js +10 -0
  22. package/dist/cn.js.map +1 -0
  23. package/dist/index.cjs +413 -346
  24. package/dist/index.d.cts +12 -1996
  25. package/dist/index.d.cts.map +1 -1
  26. package/dist/index.d.ts +12 -1996
  27. package/dist/index.d.ts.map +1 -1
  28. package/dist/index.js +71 -5
  29. package/dist/index10.d.cts +38 -0
  30. package/dist/index10.d.cts.map +1 -0
  31. package/dist/index10.d.ts +38 -0
  32. package/dist/index10.d.ts.map +1 -0
  33. package/dist/index11.d.cts +30 -0
  34. package/dist/index11.d.cts.map +1 -0
  35. package/dist/index11.d.ts +30 -0
  36. package/dist/index11.d.ts.map +1 -0
  37. package/dist/index12.d.cts +75 -0
  38. package/dist/index12.d.cts.map +1 -0
  39. package/dist/index12.d.ts +75 -0
  40. package/dist/index12.d.ts.map +1 -0
  41. package/dist/index13.d.cts +57 -0
  42. package/dist/index13.d.cts.map +1 -0
  43. package/dist/index13.d.ts +57 -0
  44. package/dist/index13.d.ts.map +1 -0
  45. package/dist/index14.d.cts +98 -0
  46. package/dist/index14.d.cts.map +1 -0
  47. package/dist/index14.d.ts +98 -0
  48. package/dist/index14.d.ts.map +1 -0
  49. package/dist/index15.d.cts +29 -0
  50. package/dist/index15.d.cts.map +1 -0
  51. package/dist/index15.d.ts +29 -0
  52. package/dist/index15.d.ts.map +1 -0
  53. package/dist/index16.d.cts +38 -0
  54. package/dist/index16.d.cts.map +1 -0
  55. package/dist/index16.d.ts +38 -0
  56. package/dist/index16.d.ts.map +1 -0
  57. package/dist/index17.d.cts +19 -0
  58. package/dist/index17.d.cts.map +1 -0
  59. package/dist/index17.d.ts +19 -0
  60. package/dist/index17.d.ts.map +1 -0
  61. package/dist/index18.d.cts +73 -0
  62. package/dist/index18.d.cts.map +1 -0
  63. package/dist/index18.d.ts +73 -0
  64. package/dist/index18.d.ts.map +1 -0
  65. package/dist/index19.d.cts +66 -0
  66. package/dist/index19.d.cts.map +1 -0
  67. package/dist/index19.d.ts +66 -0
  68. package/dist/index19.d.ts.map +1 -0
  69. package/dist/index2.d.cts +44 -4
  70. package/dist/index2.d.cts.map +1 -0
  71. package/dist/index2.d.ts +44 -4
  72. package/dist/index2.d.ts.map +1 -0
  73. package/dist/index20.d.cts +96 -0
  74. package/dist/index20.d.cts.map +1 -0
  75. package/dist/index20.d.ts +96 -0
  76. package/dist/index20.d.ts.map +1 -0
  77. package/dist/index21.d.cts +34 -0
  78. package/dist/index21.d.cts.map +1 -0
  79. package/dist/index21.d.ts +34 -0
  80. package/dist/index21.d.ts.map +1 -0
  81. package/dist/index22.d.cts +62 -0
  82. package/dist/index22.d.cts.map +1 -0
  83. package/dist/index22.d.ts +62 -0
  84. package/dist/index22.d.ts.map +1 -0
  85. package/dist/index23.d.cts +99 -0
  86. package/dist/index23.d.cts.map +1 -0
  87. package/dist/index23.d.ts +99 -0
  88. package/dist/index23.d.ts.map +1 -0
  89. package/dist/index24.d.cts +49 -0
  90. package/dist/index24.d.cts.map +1 -0
  91. package/dist/index24.d.ts +49 -0
  92. package/dist/index24.d.ts.map +1 -0
  93. package/dist/index25.d.cts +17 -0
  94. package/dist/index25.d.cts.map +1 -0
  95. package/dist/index25.d.ts +17 -0
  96. package/dist/index25.d.ts.map +1 -0
  97. package/dist/index26.d.cts +80 -0
  98. package/dist/index26.d.cts.map +1 -0
  99. package/dist/index26.d.ts +80 -0
  100. package/dist/index26.d.ts.map +1 -0
  101. package/dist/index27.d.cts +71 -0
  102. package/dist/index27.d.cts.map +1 -0
  103. package/dist/index27.d.ts +71 -0
  104. package/dist/index27.d.ts.map +1 -0
  105. package/dist/index28.d.cts +37 -0
  106. package/dist/index28.d.cts.map +1 -0
  107. package/dist/index28.d.ts +37 -0
  108. package/dist/index28.d.ts.map +1 -0
  109. package/dist/index29.d.cts +25 -0
  110. package/dist/index29.d.cts.map +1 -0
  111. package/dist/index29.d.ts +25 -0
  112. package/dist/index29.d.ts.map +1 -0
  113. package/dist/index3.d.cts +62 -0
  114. package/dist/index3.d.cts.map +1 -0
  115. package/dist/index3.d.ts +62 -0
  116. package/dist/index3.d.ts.map +1 -0
  117. package/dist/index30.d.cts +59 -0
  118. package/dist/index30.d.cts.map +1 -0
  119. package/dist/index30.d.ts +59 -0
  120. package/dist/index30.d.ts.map +1 -0
  121. package/dist/index31.d.cts +40 -0
  122. package/dist/index31.d.cts.map +1 -0
  123. package/dist/index31.d.ts +40 -0
  124. package/dist/index31.d.ts.map +1 -0
  125. package/dist/index32.d.cts +23 -0
  126. package/dist/index32.d.cts.map +1 -0
  127. package/dist/index32.d.ts +23 -0
  128. package/dist/index32.d.ts.map +1 -0
  129. package/dist/index33.d.cts +55 -0
  130. package/dist/index33.d.cts.map +1 -0
  131. package/dist/index33.d.ts +55 -0
  132. package/dist/index33.d.ts.map +1 -0
  133. package/dist/index34.d.cts +43 -0
  134. package/dist/index34.d.cts.map +1 -0
  135. package/dist/index34.d.ts +43 -0
  136. package/dist/index34.d.ts.map +1 -0
  137. package/dist/index35.d.cts +77 -0
  138. package/dist/index35.d.cts.map +1 -0
  139. package/dist/index35.d.ts +77 -0
  140. package/dist/index35.d.ts.map +1 -0
  141. package/dist/index36.d.cts +19 -0
  142. package/dist/index36.d.cts.map +1 -0
  143. package/dist/index36.d.ts +19 -0
  144. package/dist/index36.d.ts.map +1 -0
  145. package/dist/index37.d.cts +29 -0
  146. package/dist/index37.d.cts.map +1 -0
  147. package/dist/index37.d.ts +29 -0
  148. package/dist/index37.d.ts.map +1 -0
  149. package/dist/index38.d.cts +20 -0
  150. package/dist/index38.d.cts.map +1 -0
  151. package/dist/index38.d.ts +20 -0
  152. package/dist/index38.d.ts.map +1 -0
  153. package/dist/index39.d.cts +105 -0
  154. package/dist/index39.d.cts.map +1 -0
  155. package/dist/index39.d.ts +105 -0
  156. package/dist/index39.d.ts.map +1 -0
  157. package/dist/index4.d.cts +11 -0
  158. package/dist/index4.d.cts.map +1 -0
  159. package/dist/index4.d.ts +11 -0
  160. package/dist/index4.d.ts.map +1 -0
  161. package/dist/index40.d.cts +22 -0
  162. package/dist/index40.d.cts.map +1 -0
  163. package/dist/index40.d.ts +22 -0
  164. package/dist/index40.d.ts.map +1 -0
  165. package/dist/index41.d.cts +56 -0
  166. package/dist/index41.d.cts.map +1 -0
  167. package/dist/index41.d.ts +56 -0
  168. package/dist/index41.d.ts.map +1 -0
  169. package/dist/index42.d.cts +45 -0
  170. package/dist/index42.d.cts.map +1 -0
  171. package/dist/index42.d.ts +45 -0
  172. package/dist/index42.d.ts.map +1 -0
  173. package/dist/index43.d.cts +96 -0
  174. package/dist/index43.d.cts.map +1 -0
  175. package/dist/index43.d.ts +96 -0
  176. package/dist/index43.d.ts.map +1 -0
  177. package/dist/index44.d.cts +48 -0
  178. package/dist/index44.d.cts.map +1 -0
  179. package/dist/index44.d.ts +48 -0
  180. package/dist/index44.d.ts.map +1 -0
  181. package/dist/index45.d.cts +28 -0
  182. package/dist/index45.d.cts.map +1 -0
  183. package/dist/index45.d.ts +28 -0
  184. package/dist/index45.d.ts.map +1 -0
  185. package/dist/index46.d.cts +41 -0
  186. package/dist/index46.d.cts.map +1 -0
  187. package/dist/index46.d.ts +41 -0
  188. package/dist/index46.d.ts.map +1 -0
  189. package/dist/index47.d.cts +25 -0
  190. package/dist/index47.d.cts.map +1 -0
  191. package/dist/index47.d.ts +25 -0
  192. package/dist/index47.d.ts.map +1 -0
  193. package/dist/index48.d.cts +21 -0
  194. package/dist/index48.d.cts.map +1 -0
  195. package/dist/index48.d.ts +21 -0
  196. package/dist/index48.d.ts.map +1 -0
  197. package/dist/index49.d.cts +69 -0
  198. package/dist/index49.d.cts.map +1 -0
  199. package/dist/index49.d.ts +69 -0
  200. package/dist/index49.d.ts.map +1 -0
  201. package/dist/index5.d.cts +45 -0
  202. package/dist/index5.d.cts.map +1 -0
  203. package/dist/index5.d.ts +45 -0
  204. package/dist/index5.d.ts.map +1 -0
  205. package/dist/index50.d.cts +63 -0
  206. package/dist/index50.d.cts.map +1 -0
  207. package/dist/index50.d.ts +63 -0
  208. package/dist/index50.d.ts.map +1 -0
  209. package/dist/index51.d.cts +31 -0
  210. package/dist/index51.d.cts.map +1 -0
  211. package/dist/index51.d.ts +31 -0
  212. package/dist/index51.d.ts.map +1 -0
  213. package/dist/index52.d.cts +209 -0
  214. package/dist/index52.d.cts.map +1 -0
  215. package/dist/index52.d.ts +209 -0
  216. package/dist/index52.d.ts.map +1 -0
  217. package/dist/index53.d.cts +26 -0
  218. package/dist/index53.d.cts.map +1 -0
  219. package/dist/index53.d.ts +26 -0
  220. package/dist/index53.d.ts.map +1 -0
  221. package/dist/index54.d.cts +28 -0
  222. package/dist/index54.d.cts.map +1 -0
  223. package/dist/index54.d.ts +28 -0
  224. package/dist/index54.d.ts.map +1 -0
  225. package/dist/index55.d.cts +25 -0
  226. package/dist/index55.d.cts.map +1 -0
  227. package/dist/index55.d.ts +25 -0
  228. package/dist/index55.d.ts.map +1 -0
  229. package/dist/index56.d.cts +12 -0
  230. package/dist/index56.d.cts.map +1 -0
  231. package/dist/index56.d.ts +12 -0
  232. package/dist/index56.d.ts.map +1 -0
  233. package/dist/index57.d.cts +50 -0
  234. package/dist/index57.d.cts.map +1 -0
  235. package/dist/index57.d.ts +50 -0
  236. package/dist/index57.d.ts.map +1 -0
  237. package/dist/index58.d.cts +51 -0
  238. package/dist/index58.d.cts.map +1 -0
  239. package/dist/index58.d.ts +51 -0
  240. package/dist/index58.d.ts.map +1 -0
  241. package/dist/index59.d.cts +58 -0
  242. package/dist/index59.d.cts.map +1 -0
  243. package/dist/index59.d.ts +58 -0
  244. package/dist/index59.d.ts.map +1 -0
  245. package/dist/index6.d.cts +26 -0
  246. package/dist/index6.d.cts.map +1 -0
  247. package/dist/index6.d.ts +26 -0
  248. package/dist/index6.d.ts.map +1 -0
  249. package/dist/index60.d.cts +45 -0
  250. package/dist/index60.d.cts.map +1 -0
  251. package/dist/index60.d.ts +45 -0
  252. package/dist/index60.d.ts.map +1 -0
  253. package/dist/index61.d.cts +21 -0
  254. package/dist/index61.d.cts.map +1 -0
  255. package/dist/index61.d.ts +21 -0
  256. package/dist/index61.d.ts.map +1 -0
  257. package/dist/index62.d.cts +45 -0
  258. package/dist/index62.d.cts.map +1 -0
  259. package/dist/index62.d.ts +45 -0
  260. package/dist/index62.d.ts.map +1 -0
  261. package/dist/index63.d.cts +23 -0
  262. package/dist/index63.d.cts.map +1 -0
  263. package/dist/index63.d.ts +23 -0
  264. package/dist/index63.d.ts.map +1 -0
  265. package/dist/index64.d.cts +48 -0
  266. package/dist/index64.d.cts.map +1 -0
  267. package/dist/index64.d.ts +48 -0
  268. package/dist/index64.d.ts.map +1 -0
  269. package/dist/index65.d.cts +25 -0
  270. package/dist/index65.d.cts.map +1 -0
  271. package/dist/index65.d.ts +25 -0
  272. package/dist/index65.d.ts.map +1 -0
  273. package/dist/index66.d.cts +19 -0
  274. package/dist/index66.d.cts.map +1 -0
  275. package/dist/index66.d.ts +19 -0
  276. package/dist/index66.d.ts.map +1 -0
  277. package/dist/index67.d.cts +37 -0
  278. package/dist/index67.d.cts.map +1 -0
  279. package/dist/index67.d.ts +37 -0
  280. package/dist/index67.d.ts.map +1 -0
  281. package/dist/index68.d.cts +36 -0
  282. package/dist/index68.d.cts.map +1 -0
  283. package/dist/index68.d.ts +36 -0
  284. package/dist/index68.d.ts.map +1 -0
  285. package/dist/index69.d.cts +69 -0
  286. package/dist/index69.d.ts +69 -0
  287. package/dist/index7.d.cts +46 -0
  288. package/dist/index7.d.cts.map +1 -0
  289. package/dist/index7.d.ts +46 -0
  290. package/dist/index7.d.ts.map +1 -0
  291. package/dist/index70.d.cts +242 -0
  292. package/dist/index70.d.cts.map +1 -0
  293. package/dist/index70.d.ts +242 -0
  294. package/dist/index70.d.ts.map +1 -0
  295. package/dist/index8.d.cts +26 -0
  296. package/dist/index8.d.cts.map +1 -0
  297. package/dist/index8.d.ts +26 -0
  298. package/dist/index8.d.ts.map +1 -0
  299. package/dist/index9.d.cts +20 -0
  300. package/dist/index9.d.cts.map +1 -0
  301. package/dist/index9.d.ts +20 -0
  302. package/dist/index9.d.ts.map +1 -0
  303. package/dist/layouts/Container/index.cjs +39 -0
  304. package/dist/layouts/Container/index.cjs.map +1 -0
  305. package/dist/layouts/Container/index.d.cts +2 -0
  306. package/dist/layouts/Container/index.d.ts +2 -0
  307. package/dist/layouts/Container/index.js +38 -0
  308. package/dist/layouts/Container/index.js.map +1 -0
  309. package/dist/layouts/PageBackground/index.cjs +22 -0
  310. package/dist/layouts/PageBackground/index.cjs.map +1 -0
  311. package/dist/layouts/PageBackground/index.d.cts +2 -0
  312. package/dist/layouts/PageBackground/index.d.ts +2 -0
  313. package/dist/layouts/PageBackground/index.js +21 -0
  314. package/dist/layouts/PageBackground/index.js.map +1 -0
  315. package/dist/{Stack.cjs → layouts/Stack/index.cjs} +7 -15
  316. package/dist/layouts/Stack/index.cjs.map +1 -0
  317. package/dist/layouts/Stack/index.d.cts +2 -0
  318. package/dist/layouts/Stack/index.d.ts +2 -0
  319. package/dist/{Stack.js → layouts/Stack/index.js} +4 -3
  320. package/dist/layouts/Stack/index.js.map +1 -0
  321. package/dist/layouts/TwoColumn/index.cjs +51 -0
  322. package/dist/layouts/TwoColumn/index.cjs.map +1 -0
  323. package/dist/layouts/TwoColumn/index.d.cts +2 -0
  324. package/dist/layouts/TwoColumn/index.d.ts +2 -0
  325. package/dist/layouts/TwoColumn/index.js +48 -0
  326. package/dist/layouts/TwoColumn/index.js.map +1 -0
  327. package/dist/layouts/index.cjs +13 -100
  328. package/dist/layouts/index.d.cts +5 -76
  329. package/dist/layouts/index.d.ts +5 -76
  330. package/dist/layouts/index.js +4 -91
  331. package/dist/patterns/DataTable/index.cjs +114 -0
  332. package/dist/patterns/DataTable/index.cjs.map +1 -0
  333. package/dist/patterns/DataTable/index.d.cts +43 -0
  334. package/dist/patterns/DataTable/index.d.cts.map +1 -0
  335. package/dist/patterns/DataTable/index.d.ts +43 -0
  336. package/dist/patterns/DataTable/index.d.ts.map +1 -0
  337. package/dist/patterns/DataTable/index.js +110 -0
  338. package/dist/patterns/DataTable/index.js.map +1 -0
  339. package/dist/patterns/Footer/index.cjs +76 -0
  340. package/dist/patterns/Footer/index.cjs.map +1 -0
  341. package/dist/patterns/Footer/index.d.cts +54 -0
  342. package/dist/patterns/Footer/index.d.cts.map +1 -0
  343. package/dist/patterns/Footer/index.d.ts +54 -0
  344. package/dist/patterns/Footer/index.d.ts.map +1 -0
  345. package/dist/patterns/Footer/index.js +70 -0
  346. package/dist/patterns/Footer/index.js.map +1 -0
  347. package/dist/patterns/Header/index.cjs +17 -0
  348. package/dist/patterns/Header/index.d.cts +2 -0
  349. package/dist/patterns/Header/index.d.ts +2 -0
  350. package/dist/patterns/Header/index.js +2 -0
  351. package/dist/patterns/MediaObject/index.cjs +108 -0
  352. package/dist/patterns/MediaObject/index.cjs.map +1 -0
  353. package/dist/patterns/MediaObject/index.d.cts +71 -0
  354. package/dist/patterns/MediaObject/index.d.cts.map +1 -0
  355. package/dist/patterns/MediaObject/index.d.ts +71 -0
  356. package/dist/patterns/MediaObject/index.d.ts.map +1 -0
  357. package/dist/patterns/MediaObject/index.js +99 -0
  358. package/dist/patterns/MediaObject/index.js.map +1 -0
  359. package/dist/patterns/SectionCard/index.cjs +35 -0
  360. package/dist/patterns/SectionCard/index.cjs.map +1 -0
  361. package/dist/patterns/SectionCard/index.d.cts +21 -0
  362. package/dist/patterns/SectionCard/index.d.cts.map +1 -0
  363. package/dist/patterns/SectionCard/index.d.ts +21 -0
  364. package/dist/patterns/SectionCard/index.d.ts.map +1 -0
  365. package/dist/patterns/SectionCard/index.js +34 -0
  366. package/dist/patterns/SectionCard/index.js.map +1 -0
  367. package/dist/patterns/SectionHeading/index.cjs +44 -0
  368. package/dist/patterns/SectionHeading/index.cjs.map +1 -0
  369. package/dist/patterns/SectionHeading/index.d.cts +37 -0
  370. package/dist/patterns/SectionHeading/index.d.cts.map +1 -0
  371. package/dist/patterns/SectionHeading/index.d.ts +37 -0
  372. package/dist/patterns/SectionHeading/index.d.ts.map +1 -0
  373. package/dist/patterns/SectionHeading/index.js +43 -0
  374. package/dist/patterns/SectionHeading/index.js.map +1 -0
  375. package/dist/patterns/index.cjs +40 -1124
  376. package/dist/patterns/index.d.cts +7 -410
  377. package/dist/patterns/index.d.ts +7 -410
  378. package/dist/patterns/index.js +6 -1088
  379. package/dist/primitives/Accordion/index.cjs +54 -0
  380. package/dist/primitives/Accordion/index.cjs.map +1 -0
  381. package/dist/primitives/Accordion/index.d.cts +2 -0
  382. package/dist/primitives/Accordion/index.d.ts +2 -0
  383. package/dist/primitives/Accordion/index.js +50 -0
  384. package/dist/primitives/Accordion/index.js.map +1 -0
  385. package/dist/primitives/Alert/index.cjs +61 -0
  386. package/dist/primitives/Alert/index.cjs.map +1 -0
  387. package/dist/primitives/Alert/index.d.cts +2 -0
  388. package/dist/primitives/Alert/index.d.ts +2 -0
  389. package/dist/primitives/Alert/index.js +57 -0
  390. package/dist/primitives/Alert/index.js.map +1 -0
  391. package/dist/primitives/AlertDialog/index.cjs +102 -0
  392. package/dist/primitives/AlertDialog/index.cjs.map +1 -0
  393. package/dist/primitives/AlertDialog/index.d.cts +2 -0
  394. package/dist/primitives/AlertDialog/index.d.ts +2 -0
  395. package/dist/primitives/AlertDialog/index.js +90 -0
  396. package/dist/primitives/AlertDialog/index.js.map +1 -0
  397. package/dist/primitives/AspectRatio/index.cjs +15 -0
  398. package/dist/primitives/AspectRatio/index.cjs.map +1 -0
  399. package/dist/primitives/AspectRatio/index.d.cts +2 -0
  400. package/dist/primitives/AspectRatio/index.d.ts +2 -0
  401. package/dist/primitives/AspectRatio/index.js +14 -0
  402. package/dist/primitives/AspectRatio/index.js.map +1 -0
  403. package/dist/primitives/Avatar/index.cjs +64 -0
  404. package/dist/primitives/Avatar/index.cjs.map +1 -0
  405. package/dist/primitives/Avatar/index.d.cts +2 -0
  406. package/dist/primitives/Avatar/index.d.ts +2 -0
  407. package/dist/primitives/Avatar/index.js +58 -0
  408. package/dist/primitives/Avatar/index.js.map +1 -0
  409. package/dist/primitives/Badge/index.cjs +44 -0
  410. package/dist/primitives/Badge/index.cjs.map +1 -0
  411. package/dist/primitives/Badge/index.d.cts +2 -0
  412. package/dist/primitives/Badge/index.d.ts +2 -0
  413. package/dist/primitives/Badge/index.js +43 -0
  414. package/dist/primitives/Badge/index.js.map +1 -0
  415. package/dist/primitives/Breadcrumb/index.cjs +82 -0
  416. package/dist/primitives/Breadcrumb/index.cjs.map +1 -0
  417. package/dist/primitives/Breadcrumb/index.d.cts +2 -0
  418. package/dist/primitives/Breadcrumb/index.d.ts +2 -0
  419. package/dist/primitives/Breadcrumb/index.js +75 -0
  420. package/dist/primitives/Breadcrumb/index.js.map +1 -0
  421. package/dist/primitives/Button/index.cjs +61 -0
  422. package/dist/primitives/Button/index.cjs.map +1 -0
  423. package/dist/primitives/Button/index.d.cts +2 -0
  424. package/dist/primitives/Button/index.d.ts +2 -0
  425. package/dist/primitives/Button/index.js +60 -0
  426. package/dist/primitives/Button/index.js.map +1 -0
  427. package/dist/primitives/ButtonGroup/index.cjs +46 -0
  428. package/dist/primitives/ButtonGroup/index.cjs.map +1 -0
  429. package/dist/primitives/ButtonGroup/index.d.cts +2 -0
  430. package/dist/primitives/ButtonGroup/index.d.ts +2 -0
  431. package/dist/primitives/ButtonGroup/index.js +43 -0
  432. package/dist/primitives/ButtonGroup/index.js.map +1 -0
  433. package/dist/primitives/Calendar/index.cjs +112 -0
  434. package/dist/primitives/Calendar/index.cjs.map +1 -0
  435. package/dist/primitives/Calendar/index.d.cts +2 -0
  436. package/dist/primitives/Calendar/index.d.ts +2 -0
  437. package/dist/primitives/Calendar/index.js +108 -0
  438. package/dist/primitives/Calendar/index.js.map +1 -0
  439. package/dist/primitives/Card/index.cjs +128 -0
  440. package/dist/primitives/Card/index.cjs.map +1 -0
  441. package/dist/primitives/Card/index.d.cts +2 -0
  442. package/dist/primitives/Card/index.d.ts +2 -0
  443. package/dist/primitives/Card/index.js +121 -0
  444. package/dist/primitives/Card/index.js.map +1 -0
  445. package/dist/primitives/Carousel/index.cjs +146 -0
  446. package/dist/primitives/Carousel/index.cjs.map +1 -0
  447. package/dist/primitives/Carousel/index.d.cts +2 -0
  448. package/dist/primitives/Carousel/index.d.ts +2 -0
  449. package/dist/primitives/Carousel/index.js +138 -0
  450. package/dist/primitives/Carousel/index.js.map +1 -0
  451. package/dist/primitives/Chart/index.cjs +162 -0
  452. package/dist/primitives/Chart/index.cjs.map +1 -0
  453. package/dist/primitives/Chart/index.d.cts +2 -0
  454. package/dist/primitives/Chart/index.d.ts +2 -0
  455. package/dist/primitives/Chart/index.js +153 -0
  456. package/dist/primitives/Chart/index.js.map +1 -0
  457. package/dist/primitives/Checkbox/index.cjs +53 -0
  458. package/dist/primitives/Checkbox/index.cjs.map +1 -0
  459. package/dist/primitives/Checkbox/index.d.cts +2 -0
  460. package/dist/primitives/Checkbox/index.d.ts +2 -0
  461. package/dist/primitives/Checkbox/index.js +51 -0
  462. package/dist/primitives/Checkbox/index.js.map +1 -0
  463. package/dist/primitives/CheckboxTree/index.cjs +106 -0
  464. package/dist/primitives/CheckboxTree/index.cjs.map +1 -0
  465. package/dist/primitives/CheckboxTree/index.d.cts +2 -0
  466. package/dist/primitives/CheckboxTree/index.d.ts +2 -0
  467. package/dist/primitives/CheckboxTree/index.js +103 -0
  468. package/dist/primitives/CheckboxTree/index.js.map +1 -0
  469. package/dist/primitives/Collapsible/index.cjs +31 -0
  470. package/dist/primitives/Collapsible/index.cjs.map +1 -0
  471. package/dist/primitives/Collapsible/index.d.cts +2 -0
  472. package/dist/primitives/Collapsible/index.d.ts +2 -0
  473. package/dist/primitives/Collapsible/index.js +28 -0
  474. package/dist/primitives/Collapsible/index.js.map +1 -0
  475. package/dist/primitives/Command/index.cjs +104 -0
  476. package/dist/primitives/Command/index.cjs.map +1 -0
  477. package/dist/primitives/Command/index.d.cts +2 -0
  478. package/dist/primitives/Command/index.d.ts +2 -0
  479. package/dist/primitives/Command/index.js +95 -0
  480. package/dist/primitives/Command/index.js.map +1 -0
  481. package/dist/primitives/ContextMenu/index.cjs +152 -0
  482. package/dist/primitives/ContextMenu/index.cjs.map +1 -0
  483. package/dist/primitives/ContextMenu/index.d.cts +2 -0
  484. package/dist/primitives/ContextMenu/index.d.ts +2 -0
  485. package/dist/primitives/ContextMenu/index.js +137 -0
  486. package/dist/primitives/ContextMenu/index.js.map +1 -0
  487. package/dist/primitives/Credits/index.cjs +39 -0
  488. package/dist/primitives/Credits/index.cjs.map +1 -0
  489. package/dist/primitives/Credits/index.d.cts +2 -0
  490. package/dist/primitives/Credits/index.d.ts +2 -0
  491. package/dist/primitives/Credits/index.js +38 -0
  492. package/dist/primitives/Credits/index.js.map +1 -0
  493. package/dist/primitives/Dialog/index.cjs +121 -0
  494. package/dist/primitives/Dialog/index.cjs.map +1 -0
  495. package/dist/primitives/Dialog/index.d.cts +2 -0
  496. package/dist/primitives/Dialog/index.d.ts +2 -0
  497. package/dist/primitives/Dialog/index.js +111 -0
  498. package/dist/primitives/Dialog/index.js.map +1 -0
  499. package/dist/primitives/Drawer/index.cjs +98 -0
  500. package/dist/primitives/Drawer/index.cjs.map +1 -0
  501. package/dist/primitives/Drawer/index.d.cts +2 -0
  502. package/dist/primitives/Drawer/index.d.ts +2 -0
  503. package/dist/primitives/Drawer/index.js +88 -0
  504. package/dist/primitives/Drawer/index.js.map +1 -0
  505. package/dist/primitives/DropdownMenu/index.cjs +153 -0
  506. package/dist/primitives/DropdownMenu/index.cjs.map +1 -0
  507. package/dist/primitives/DropdownMenu/index.d.cts +2 -0
  508. package/dist/primitives/DropdownMenu/index.d.ts +2 -0
  509. package/dist/primitives/DropdownMenu/index.js +138 -0
  510. package/dist/primitives/DropdownMenu/index.js.map +1 -0
  511. package/dist/primitives/Empty/index.cjs +84 -0
  512. package/dist/primitives/Empty/index.cjs.map +1 -0
  513. package/dist/primitives/Empty/index.d.cts +2 -0
  514. package/dist/primitives/Empty/index.d.ts +2 -0
  515. package/dist/primitives/Empty/index.js +77 -0
  516. package/dist/primitives/Empty/index.js.map +1 -0
  517. package/dist/primitives/Field/index.cjs +139 -0
  518. package/dist/primitives/Field/index.cjs.map +1 -0
  519. package/dist/primitives/Field/index.d.cts +2 -0
  520. package/dist/primitives/Field/index.d.ts +2 -0
  521. package/dist/primitives/Field/index.js +129 -0
  522. package/dist/primitives/Field/index.js.map +1 -0
  523. package/dist/primitives/Form/index.cjs +104 -0
  524. package/dist/primitives/Form/index.cjs.map +1 -0
  525. package/dist/primitives/Form/index.d.cts +2 -0
  526. package/dist/primitives/Form/index.d.ts +2 -0
  527. package/dist/primitives/Form/index.js +94 -0
  528. package/dist/primitives/Form/index.js.map +1 -0
  529. package/dist/primitives/Heading/index.cjs +53 -0
  530. package/dist/primitives/Heading/index.cjs.map +1 -0
  531. package/dist/primitives/Heading/index.d.cts +2 -0
  532. package/dist/primitives/Heading/index.d.ts +2 -0
  533. package/dist/primitives/Heading/index.js +52 -0
  534. package/dist/primitives/Heading/index.js.map +1 -0
  535. package/dist/primitives/HoverCard/index.cjs +38 -0
  536. package/dist/primitives/HoverCard/index.cjs.map +1 -0
  537. package/dist/primitives/HoverCard/index.d.cts +2 -0
  538. package/dist/primitives/HoverCard/index.d.ts +2 -0
  539. package/dist/primitives/HoverCard/index.js +35 -0
  540. package/dist/primitives/HoverCard/index.js.map +1 -0
  541. package/dist/primitives/Icon/index.cjs +4 -0
  542. package/dist/primitives/Icon/index.d.cts +2 -0
  543. package/dist/primitives/Icon/index.d.ts +2 -0
  544. package/dist/primitives/Icon/index.js +2 -0
  545. package/dist/primitives/InfoBanner/index.cjs +79 -0
  546. package/dist/primitives/InfoBanner/index.cjs.map +1 -0
  547. package/dist/primitives/InfoBanner/index.d.cts +2 -0
  548. package/dist/primitives/InfoBanner/index.d.ts +2 -0
  549. package/dist/primitives/InfoBanner/index.js +78 -0
  550. package/dist/primitives/InfoBanner/index.js.map +1 -0
  551. package/dist/primitives/Input/index.cjs +39 -0
  552. package/dist/primitives/Input/index.cjs.map +1 -0
  553. package/dist/primitives/Input/index.d.cts +2 -0
  554. package/dist/primitives/Input/index.d.ts +2 -0
  555. package/dist/primitives/Input/index.js +38 -0
  556. package/dist/primitives/Input/index.js.map +1 -0
  557. package/dist/primitives/InputGroup/index.cjs +91 -0
  558. package/dist/primitives/InputGroup/index.cjs.map +1 -0
  559. package/dist/primitives/InputGroup/index.d.cts +2 -0
  560. package/dist/primitives/InputGroup/index.d.ts +2 -0
  561. package/dist/primitives/InputGroup/index.js +85 -0
  562. package/dist/primitives/InputGroup/index.js.map +1 -0
  563. package/dist/primitives/InputOtp/index.cjs +80 -0
  564. package/dist/primitives/InputOtp/index.cjs.map +1 -0
  565. package/dist/primitives/InputOtp/index.d.cts +2 -0
  566. package/dist/primitives/InputOtp/index.d.ts +2 -0
  567. package/dist/primitives/InputOtp/index.js +74 -0
  568. package/dist/primitives/InputOtp/index.js.map +1 -0
  569. package/dist/primitives/Item/index.cjs +137 -0
  570. package/dist/primitives/Item/index.cjs.map +1 -0
  571. package/dist/primitives/Item/index.d.cts +2 -0
  572. package/dist/primitives/Item/index.d.ts +2 -0
  573. package/dist/primitives/Item/index.js +127 -0
  574. package/dist/primitives/Item/index.js.map +1 -0
  575. package/dist/primitives/Kbd/index.cjs +25 -0
  576. package/dist/primitives/Kbd/index.cjs.map +1 -0
  577. package/dist/primitives/Kbd/index.d.cts +2 -0
  578. package/dist/primitives/Kbd/index.d.ts +2 -0
  579. package/dist/primitives/Kbd/index.js +23 -0
  580. package/dist/primitives/Kbd/index.js.map +1 -0
  581. package/dist/primitives/Label/index.cjs +18 -0
  582. package/dist/primitives/Label/index.cjs.map +1 -0
  583. package/dist/primitives/Label/index.d.cts +2 -0
  584. package/dist/primitives/Label/index.d.ts +2 -0
  585. package/dist/primitives/Label/index.js +17 -0
  586. package/dist/primitives/Label/index.js.map +1 -0
  587. package/dist/primitives/Link/index.cjs +38 -0
  588. package/dist/primitives/Link/index.cjs.map +1 -0
  589. package/dist/primitives/Link/index.d.cts +2 -0
  590. package/dist/primitives/Link/index.d.ts +2 -0
  591. package/dist/primitives/Link/index.js +37 -0
  592. package/dist/primitives/Link/index.js.map +1 -0
  593. package/dist/primitives/Logo/index.cjs +3 -0
  594. package/dist/primitives/Logo/index.d.cts +2 -0
  595. package/dist/primitives/Logo/index.d.ts +2 -0
  596. package/dist/primitives/Logo/index.js +2 -0
  597. package/dist/primitives/Menubar/index.cjs +165 -0
  598. package/dist/primitives/Menubar/index.cjs.map +1 -0
  599. package/dist/primitives/Menubar/index.d.cts +2 -0
  600. package/dist/primitives/Menubar/index.d.ts +2 -0
  601. package/dist/primitives/Menubar/index.js +149 -0
  602. package/dist/primitives/Menubar/index.js.map +1 -0
  603. package/dist/primitives/NativeSelect/index.cjs +40 -0
  604. package/dist/primitives/NativeSelect/index.cjs.map +1 -0
  605. package/dist/primitives/NativeSelect/index.d.cts +2 -0
  606. package/dist/primitives/NativeSelect/index.d.ts +2 -0
  607. package/dist/primitives/NativeSelect/index.js +39 -0
  608. package/dist/primitives/NativeSelect/index.js.map +1 -0
  609. package/dist/primitives/NavRail/index.cjs +195 -0
  610. package/dist/primitives/NavRail/index.cjs.map +1 -0
  611. package/dist/primitives/NavRail/index.d.cts +2 -0
  612. package/dist/primitives/NavRail/index.d.ts +2 -0
  613. package/dist/primitives/NavRail/index.js +185 -0
  614. package/dist/primitives/NavRail/index.js.map +1 -0
  615. package/dist/primitives/NavigationMenu/index.cjs +98 -0
  616. package/dist/primitives/NavigationMenu/index.cjs.map +1 -0
  617. package/dist/primitives/NavigationMenu/index.d.cts +2 -0
  618. package/dist/primitives/NavigationMenu/index.d.ts +2 -0
  619. package/dist/primitives/NavigationMenu/index.js +89 -0
  620. package/dist/primitives/NavigationMenu/index.js.map +1 -0
  621. package/dist/primitives/Pagination/index.cjs +93 -0
  622. package/dist/primitives/Pagination/index.cjs.map +1 -0
  623. package/dist/primitives/Pagination/index.d.cts +2 -0
  624. package/dist/primitives/Pagination/index.d.ts +2 -0
  625. package/dist/primitives/Pagination/index.js +86 -0
  626. package/dist/primitives/Pagination/index.js.map +1 -0
  627. package/dist/primitives/Popover/index.cjs +70 -0
  628. package/dist/primitives/Popover/index.cjs.map +1 -0
  629. package/dist/primitives/Popover/index.d.cts +2 -0
  630. package/dist/primitives/Popover/index.d.ts +2 -0
  631. package/dist/primitives/Popover/index.js +63 -0
  632. package/dist/primitives/Popover/index.js.map +1 -0
  633. package/dist/primitives/Progress/index.cjs +44 -0
  634. package/dist/primitives/Progress/index.cjs.map +1 -0
  635. package/dist/primitives/Progress/index.d.cts +2 -0
  636. package/dist/primitives/Progress/index.d.ts +2 -0
  637. package/dist/primitives/Progress/index.js +43 -0
  638. package/dist/primitives/Progress/index.js.map +1 -0
  639. package/dist/primitives/RadioGroup/index.cjs +65 -0
  640. package/dist/primitives/RadioGroup/index.cjs.map +1 -0
  641. package/dist/primitives/RadioGroup/index.d.cts +2 -0
  642. package/dist/primitives/RadioGroup/index.d.ts +2 -0
  643. package/dist/primitives/RadioGroup/index.js +62 -0
  644. package/dist/primitives/RadioGroup/index.js.map +1 -0
  645. package/dist/primitives/Resizable/index.cjs +41 -0
  646. package/dist/primitives/Resizable/index.cjs.map +1 -0
  647. package/dist/primitives/Resizable/index.d.cts +2 -0
  648. package/dist/primitives/Resizable/index.d.ts +2 -0
  649. package/dist/primitives/Resizable/index.js +36 -0
  650. package/dist/primitives/Resizable/index.js.map +1 -0
  651. package/dist/primitives/ScrollArea/index.cjs +40 -0
  652. package/dist/primitives/ScrollArea/index.cjs.map +1 -0
  653. package/dist/primitives/ScrollArea/index.d.cts +2 -0
  654. package/dist/primitives/ScrollArea/index.d.ts +2 -0
  655. package/dist/primitives/ScrollArea/index.js +38 -0
  656. package/dist/primitives/ScrollArea/index.js.map +1 -0
  657. package/dist/primitives/Select/index.cjs +126 -0
  658. package/dist/primitives/Select/index.cjs.map +1 -0
  659. package/dist/primitives/Select/index.d.cts +2 -0
  660. package/dist/primitives/Select/index.d.ts +2 -0
  661. package/dist/primitives/Select/index.js +116 -0
  662. package/dist/primitives/Select/index.js.map +1 -0
  663. package/dist/primitives/Separator/index.cjs +25 -0
  664. package/dist/primitives/Separator/index.cjs.map +1 -0
  665. package/dist/primitives/Separator/index.d.cts +2 -0
  666. package/dist/primitives/Separator/index.d.ts +2 -0
  667. package/dist/primitives/Separator/index.js +24 -0
  668. package/dist/primitives/Separator/index.js.map +1 -0
  669. package/dist/primitives/Sheet/index.cjs +107 -0
  670. package/dist/primitives/Sheet/index.cjs.map +1 -0
  671. package/dist/primitives/Sheet/index.d.cts +2 -0
  672. package/dist/primitives/Sheet/index.d.ts +2 -0
  673. package/dist/primitives/Sheet/index.js +99 -0
  674. package/dist/primitives/Sheet/index.js.map +1 -0
  675. package/dist/primitives/Sidebar/index.cjs +26 -0
  676. package/dist/primitives/Sidebar/index.d.cts +2 -0
  677. package/dist/primitives/Sidebar/index.d.ts +2 -0
  678. package/dist/primitives/Sidebar/index.js +2 -0
  679. package/dist/primitives/Skeleton/index.cjs +43 -0
  680. package/dist/primitives/Skeleton/index.cjs.map +1 -0
  681. package/dist/primitives/Skeleton/index.d.cts +2 -0
  682. package/dist/primitives/Skeleton/index.d.ts +2 -0
  683. package/dist/primitives/Skeleton/index.js +39 -0
  684. package/dist/primitives/Skeleton/index.js.map +1 -0
  685. package/dist/primitives/Slider/index.cjs +46 -0
  686. package/dist/primitives/Slider/index.cjs.map +1 -0
  687. package/dist/primitives/Slider/index.d.cts +2 -0
  688. package/dist/primitives/Slider/index.d.ts +2 -0
  689. package/dist/primitives/Slider/index.js +43 -0
  690. package/dist/primitives/Slider/index.js.map +1 -0
  691. package/dist/primitives/Sonner/index.cjs +42 -0
  692. package/dist/primitives/Sonner/index.cjs.map +1 -0
  693. package/dist/primitives/Sonner/index.d.cts +2 -0
  694. package/dist/primitives/Sonner/index.d.ts +2 -0
  695. package/dist/primitives/Sonner/index.js +41 -0
  696. package/dist/primitives/Sonner/index.js.map +1 -0
  697. package/dist/primitives/Spinner/index.cjs +19 -0
  698. package/dist/primitives/Spinner/index.cjs.map +1 -0
  699. package/dist/primitives/Spinner/index.d.cts +2 -0
  700. package/dist/primitives/Spinner/index.d.ts +2 -0
  701. package/dist/primitives/Spinner/index.js +18 -0
  702. package/dist/primitives/Spinner/index.js.map +1 -0
  703. package/dist/primitives/Switch/index.cjs +71 -0
  704. package/dist/primitives/Switch/index.cjs.map +1 -0
  705. package/dist/primitives/Switch/index.d.cts +2 -0
  706. package/dist/primitives/Switch/index.d.ts +2 -0
  707. package/dist/primitives/Switch/index.js +68 -0
  708. package/dist/primitives/Switch/index.js.map +1 -0
  709. package/dist/primitives/Table/index.cjs +84 -0
  710. package/dist/primitives/Table/index.cjs.map +1 -0
  711. package/dist/primitives/Table/index.d.cts +2 -0
  712. package/dist/primitives/Table/index.d.ts +2 -0
  713. package/dist/primitives/Table/index.js +76 -0
  714. package/dist/primitives/Table/index.js.map +1 -0
  715. package/dist/primitives/Tabs/index.cjs +267 -0
  716. package/dist/primitives/Tabs/index.cjs.map +1 -0
  717. package/dist/primitives/Tabs/index.d.cts +2 -0
  718. package/dist/primitives/Tabs/index.d.ts +2 -0
  719. package/dist/primitives/Tabs/index.js +258 -0
  720. package/dist/primitives/Tabs/index.js.map +1 -0
  721. package/dist/primitives/Text/index.cjs +64 -0
  722. package/dist/primitives/Text/index.cjs.map +1 -0
  723. package/dist/primitives/Text/index.d.cts +2 -0
  724. package/dist/primitives/Text/index.d.ts +2 -0
  725. package/dist/primitives/Text/index.js +63 -0
  726. package/dist/primitives/Text/index.js.map +1 -0
  727. package/dist/primitives/Textarea/index.cjs +24 -0
  728. package/dist/primitives/Textarea/index.cjs.map +1 -0
  729. package/dist/primitives/Textarea/index.d.cts +2 -0
  730. package/dist/primitives/Textarea/index.d.ts +2 -0
  731. package/dist/primitives/Textarea/index.js +23 -0
  732. package/dist/primitives/Textarea/index.js.map +1 -0
  733. package/dist/primitives/ThemeProvider/index.cjs +93 -0
  734. package/dist/primitives/ThemeProvider/index.cjs.map +1 -0
  735. package/dist/primitives/ThemeProvider/index.d.cts +2 -0
  736. package/dist/primitives/ThemeProvider/index.d.ts +2 -0
  737. package/dist/primitives/ThemeProvider/index.js +88 -0
  738. package/dist/primitives/ThemeProvider/index.js.map +1 -0
  739. package/dist/primitives/Toggle/index.cjs +59 -0
  740. package/dist/primitives/Toggle/index.cjs.map +1 -0
  741. package/dist/primitives/Toggle/index.d.cts +2 -0
  742. package/dist/primitives/Toggle/index.d.ts +2 -0
  743. package/dist/primitives/Toggle/index.js +58 -0
  744. package/dist/primitives/Toggle/index.js.map +1 -0
  745. package/dist/primitives/ToggleGroup/index.cjs +65 -0
  746. package/dist/primitives/ToggleGroup/index.cjs.map +1 -0
  747. package/dist/primitives/ToggleGroup/index.d.cts +2 -0
  748. package/dist/primitives/ToggleGroup/index.d.ts +2 -0
  749. package/dist/primitives/ToggleGroup/index.js +61 -0
  750. package/dist/primitives/ToggleGroup/index.js.map +1 -0
  751. package/dist/primitives/Tooltip/index.cjs +47 -0
  752. package/dist/primitives/Tooltip/index.cjs.map +1 -0
  753. package/dist/primitives/Tooltip/index.d.cts +2 -0
  754. package/dist/primitives/Tooltip/index.d.ts +2 -0
  755. package/dist/primitives/Tooltip/index.js +43 -0
  756. package/dist/primitives/Tooltip/index.js.map +1 -0
  757. package/dist/primitives/index.cjs +398 -335
  758. package/dist/primitives/index.d.cts +65 -3
  759. package/dist/primitives/index.d.ts +65 -3
  760. package/dist/primitives/index.js +65 -3
  761. package/dist/styles/base.css +70 -0
  762. package/dist/styles/semantic.css +62 -2
  763. package/dist/styles/theme.css +12 -0
  764. package/package.json +21 -2
  765. package/dist/Stack.cjs.map +0 -1
  766. package/dist/Stack.js.map +0 -1
  767. package/dist/ThemeProvider.cjs.map +0 -1
  768. package/dist/ThemeProvider.d.cts +0 -85
  769. package/dist/ThemeProvider.d.cts.map +0 -1
  770. package/dist/ThemeProvider.d.ts +0 -85
  771. package/dist/ThemeProvider.d.ts.map +0 -1
  772. package/dist/ThemeProvider.js.map +0 -1
  773. package/dist/layouts/index.cjs.map +0 -1
  774. package/dist/layouts/index.d.cts.map +0 -1
  775. package/dist/layouts/index.d.ts.map +0 -1
  776. package/dist/layouts/index.js.map +0 -1
  777. package/dist/patterns/index.cjs.map +0 -1
  778. package/dist/patterns/index.d.cts.map +0 -1
  779. package/dist/patterns/index.d.ts.map +0 -1
  780. package/dist/patterns/index.js.map +0 -1
  781. package/dist/primitives.cjs +0 -6979
  782. package/dist/primitives.cjs.map +0 -1
  783. package/dist/primitives.js +0 -5357
  784. package/dist/primitives.js.map +0 -1
  785. package/dist/utils.cjs.map +0 -1
  786. package/dist/utils.js +0 -27
  787. package/dist/utils.js.map +0 -1
package/README.md CHANGED
@@ -1,32 +1,139 @@
1
1
  # @psnext/design-system
2
2
 
3
- The design system, **rebuilt from scratch**. This package keeps the original
4
- build/test/token infrastructure but starts with an empty `src/` components are
5
- being re-authored one at a time.
6
-
7
- The previous implementation lives in `packages/design-system-old` (package
8
- `@psnext/design-system-old`). It is **not** built, published, or consumed it is
9
- kept only as a reference catalog: its source and the committed VR baselines in
10
- `apps/storybook/vr/__screenshots__/` are the checklist of what to rebuild.
11
-
12
- ## Status / known gaps
13
-
14
- - `src/` contains only empty barrels (`primitives`, `patterns`, `layouts`,
15
- `contexts`) plus the Vitest setup. No components yet.
16
- - **Styles are a minimal Tailwind v4 starting point.** `src/styles/index.css`
17
- is just `@import "tailwindcss";` and `src/styles/theme.css` is an empty
18
- `@theme {}` block, shipped to `dist/styles` by `styles:copy` and exported as
19
- `@psnext/design-system/styles` and `/styles/theme`. The token plan is TBD.
20
- Brand themes are not defined yet, so the consuming apps (`storybook`,
21
- `prototype`) will not fully render until that layer is built.
22
-
23
- ## Rebuild workflow
24
-
25
- 1. Add a component folder under the appropriate layer
26
- (`src/primitives/Button/Button.tsx` + `.stories.tsx` + `.test.tsx` +
27
- `index.ts`) and re-export it from that layer's barrel.
28
- 2. **Reuse the original Storybook story titles/ids** so VR baselines map 1:1.
29
- 3. `pnpm vr:coverage` — lists which baseline stories still have no story in the
30
- new build (your "what's left to rebuild" list).
31
- 4. `pnpm vr` to diff against baselines; `pnpm vr:update` to bless a component
32
- once it's intentionally final.
3
+ The **Sapient AI Products** design system themeable, accessible React
4
+ components built on **Tailwind CSS v4**, **Radix UI**, and design tokens
5
+ generated from Figma. One visual system across the PS AI products (Slingshot,
6
+ Bodhi, Sustain, …), in light and dark.
7
+
8
+ - **65 primitives** (Button, Dialog, Input, Select, Table, Tabs, Card, Chart, …)
9
+ - **7 patterns** (Header, Footer, DataTable, MediaObject, SectionCard, …)
10
+ - **5 layouts** (Container, Stack, TwoColumn, PageBackground, …)
11
+ - Dual **ESM + CJS** builds with **TypeScript declarations**; deep imports are tree-shakeable.
12
+
13
+ > **Browse every component in Storybook** — each has a live preview, a props
14
+ > table, interactive **Controls**, and copy-pasteable usage examples. Toggle
15
+ > **light/dark** and the **brand** from the toolbar.
16
+ >
17
+ > **Full integration guide:** [`docs/consuming.md`](../../docs/consuming.md).
18
+
19
+ ---
20
+
21
+ ## Install
22
+
23
+ ```bash
24
+ pnpm add @psnext/design-system
25
+ pnpm add react react-dom # peer deps (^18.3 or ^19)
26
+ ```
27
+
28
+ Requires **Tailwind CSS v4** in the consuming app. Everything else (Radix,
29
+ `@tanstack/react-query`, etc.) is bundled.
30
+
31
+ ## Quick start
32
+
33
+ **1. Wire the CSS** (order matters):
34
+
35
+ ```css
36
+ @import "tailwindcss";
37
+ @import "@psnext/design-system/styles"; /* tokens + light/dark + brand themes + @theme bridge */
38
+ @source "../node_modules/@psnext/design-system"; /* let Tailwind generate the component classes */
39
+ ```
40
+
41
+ **2. Load the fonts** — add an **Outfit + Inter** `<link>` to your HTML `<head>`
42
+ (a bundled `@import` for fonts is dropped after Tailwind processes the sheet):
43
+
44
+ ```html
45
+ <link
46
+ href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Inter:wght@100..900&display=swap"
47
+ rel="stylesheet"
48
+ />
49
+ ```
50
+
51
+ **3. Set a brand + mode** on `<html>` (or use `ThemeProvider`, below):
52
+
53
+ ```html
54
+ <html lang="en" class="theme-slingshot"> <!-- add `dark` for dark mode -->
55
+ ```
56
+
57
+ **4. Use components:**
58
+
59
+ ```tsx
60
+ import { Button } from "@psnext/design-system/primitives/Button";
61
+ import { Container } from "@psnext/design-system/layouts/Container";
62
+
63
+ export function Example() {
64
+ return (
65
+ <Container>
66
+ <Button>Get started</Button>
67
+ </Container>
68
+ );
69
+ }
70
+ ```
71
+
72
+ ## Imports
73
+
74
+ Two equivalent ways to import — pick per preference:
75
+
76
+ ```tsx
77
+ // Per-component subpath (recommended): explicit, maximally tree-shakeable.
78
+ import { Button } from "@psnext/design-system/primitives/Button";
79
+ import { Header } from "@psnext/design-system/patterns/Header";
80
+
81
+ // Category barrel: fewer import lines (still tree-shakeable for named imports).
82
+ import { Button, Badge } from "@psnext/design-system/primitives";
83
+ ```
84
+
85
+ The per-component subpath is the **component's folder name** (PascalCase). The
86
+ named export may differ in a few cases — e.g. `import { Toaster } from
87
+ "@psnext/design-system/primitives/Sonner"`. The exact import for any component is
88
+ shown on its **Storybook Docs** page (generated from the source types + JSDoc).
89
+
90
+ | Entry | Contents |
91
+ |---|---|
92
+ | `@psnext/design-system/primitives/*` · `…/primitives` | Button, Dialog, Input, Select, Table, Tabs, Card, Chart, Badge, Text, Heading, Icon, `Logo`, Credits, NavRail, `ThemeProvider`/`useTheme`, … (65) |
93
+ | `@psnext/design-system/patterns/*` · `…/patterns` | `Header`, `Footer`, `DataTable`, `MediaObject`, `SectionCard`, `SectionHeading` |
94
+ | `@psnext/design-system/layouts/*` · `…/layouts` | `Container`, `Stack`, `TwoColumn`, `PageBackground` |
95
+ | `@psnext/design-system/styles` | the single raw-CSS entry (tokens + themes + bridge) |
96
+
97
+ The package is **side-effect-free** (`sideEffects: ["**/*.css"]`), so unused
98
+ components are dropped from your bundle regardless of which import style you use.
99
+
100
+ ## Theming
101
+
102
+ Two independent axes, both plain `<html>` classes (so you can scope a theme to a
103
+ subtree, not just the page):
104
+
105
+ - **Mode** — add `dark` for dark mode.
106
+ - **Brand** — `theme-slingshot` | `theme-bodhi` | `theme-sustain` (omit for the PS AI base).
107
+
108
+ For runtime switching, wrap the app in **`ThemeProvider`** (from `/primitives`):
109
+
110
+ ```tsx
111
+ import { ThemeProvider, useTheme } from "@psnext/design-system/primitives";
112
+
113
+ <ThemeProvider>{/* … */}</ThemeProvider>;
114
+
115
+ // anywhere inside:
116
+ const { theme, toggleTheme, product, setProduct } = useTheme();
117
+ ```
118
+
119
+ It applies the classes for you and persists `{ theme, product }` to
120
+ `localStorage["ds-theme-preferences"]`. Brand-aware surfaces and charts
121
+ (`bg-brand-surface`, `--chart-brand-*`, …) follow the active product automatically.
122
+
123
+ ## SSR / React Server Components
124
+
125
+ Interactive components carry the `"use client"` directive. In an RSC app (e.g.
126
+ Next.js App Router), import them inside Client Components. The CSS is framework-
127
+ agnostic; load it once in your global stylesheet.
128
+
129
+ ## Troubleshooting
130
+
131
+ | Symptom | Fix |
132
+ |---|---|
133
+ | Page renders but **unstyled** | The `@source` line (CSS step 1) is missing — Tailwind isn't generating the component classes. |
134
+ | Text falls back to a **system font** | The font `<link>` (step 2) isn't in your real HTML `<head>`. |
135
+ | `useTheme` **throws** | Wrap the app in `<ThemeProvider>`. |
136
+ | Dark mode / brand not applying | Ensure the `dark` / `theme-*` class is on an ancestor (`<html>` or a `ThemeProvider`). |
137
+
138
+ See [`docs/consuming.md`](../../docs/consuming.md) for the complete setup, a
139
+ full working app, the `Header` pattern wiring, and more.