@work-rjkashyap/unified-ui 0.3.4 → 0.3.6

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 (456) hide show
  1. package/CHANGELOG.md +105 -0
  2. package/LICENSE +21 -0
  3. package/dist/components/accordion.cjs +225 -0
  4. package/dist/components/accordion.d.cts +157 -0
  5. package/dist/components/accordion.d.ts +157 -0
  6. package/dist/components/accordion.mjs +199 -0
  7. package/dist/components/alert-dialog.cjs +246 -0
  8. package/dist/components/alert-dialog.d.cts +61 -0
  9. package/dist/components/alert-dialog.d.ts +61 -0
  10. package/dist/components/alert-dialog.mjs +218 -0
  11. package/dist/components/alert.cjs +401 -0
  12. package/dist/components/alert.d.cts +217 -0
  13. package/dist/components/alert.d.ts +217 -0
  14. package/dist/components/alert.mjs +374 -0
  15. package/dist/components/aspect-ratio.cjs +45 -0
  16. package/dist/components/aspect-ratio.d.cts +10 -0
  17. package/dist/components/aspect-ratio.d.ts +10 -0
  18. package/dist/components/aspect-ratio.mjs +23 -0
  19. package/dist/components/avatar.cjs +348 -0
  20. package/dist/components/avatar.d.cts +198 -0
  21. package/dist/components/avatar.d.ts +198 -0
  22. package/dist/components/avatar.mjs +329 -0
  23. package/dist/components/badge.cjs +325 -0
  24. package/dist/components/badge.d.cts +259 -0
  25. package/dist/components/badge.d.ts +259 -0
  26. package/dist/components/badge.mjs +298 -0
  27. package/dist/components/banner.cjs +147 -0
  28. package/dist/components/banner.d.cts +31 -0
  29. package/dist/components/banner.d.ts +31 -0
  30. package/dist/components/banner.mjs +122 -0
  31. package/dist/components/breadcrumb.cjs +266 -0
  32. package/dist/components/breadcrumb.d.cts +159 -0
  33. package/dist/components/breadcrumb.d.ts +159 -0
  34. package/dist/components/breadcrumb.mjs +235 -0
  35. package/dist/components/button.cjs +254 -0
  36. package/dist/components/button.d.cts +126 -0
  37. package/dist/components/button.d.ts +126 -0
  38. package/dist/components/button.mjs +229 -0
  39. package/dist/components/calendar.cjs +511 -0
  40. package/dist/components/calendar.d.cts +94 -0
  41. package/dist/components/calendar.d.ts +94 -0
  42. package/dist/components/calendar.mjs +492 -0
  43. package/dist/components/card.cjs +234 -0
  44. package/dist/components/card.d.cts +190 -0
  45. package/dist/components/card.d.ts +190 -0
  46. package/dist/components/card.mjs +210 -0
  47. package/dist/components/carousel.cjs +234 -0
  48. package/dist/components/carousel.d.cts +30 -0
  49. package/dist/components/carousel.d.ts +30 -0
  50. package/dist/components/carousel.mjs +217 -0
  51. package/dist/components/chart.cjs +122 -0
  52. package/dist/components/chart.d.cts +103 -0
  53. package/dist/components/chart.d.ts +103 -0
  54. package/dist/components/chart.mjs +96 -0
  55. package/dist/components/checkbox.cjs +318 -0
  56. package/dist/components/checkbox.d.cts +182 -0
  57. package/dist/components/checkbox.d.ts +182 -0
  58. package/dist/components/checkbox.mjs +296 -0
  59. package/dist/components/code-highlight.cjs +335 -0
  60. package/dist/components/code-highlight.d.cts +18 -0
  61. package/dist/components/code-highlight.d.ts +18 -0
  62. package/dist/components/code-highlight.mjs +308 -0
  63. package/dist/components/code.cjs +265 -0
  64. package/dist/components/code.d.cts +40 -0
  65. package/dist/components/code.d.ts +40 -0
  66. package/dist/components/code.mjs +243 -0
  67. package/dist/components/collapsible.cjs +143 -0
  68. package/dist/components/collapsible.d.cts +159 -0
  69. package/dist/components/collapsible.d.ts +159 -0
  70. package/dist/components/collapsible.mjs +123 -0
  71. package/dist/components/color-picker.cjs +348 -0
  72. package/dist/components/color-picker.d.cts +35 -0
  73. package/dist/components/color-picker.d.ts +35 -0
  74. package/dist/components/color-picker.mjs +331 -0
  75. package/dist/components/combobox.cjs +584 -0
  76. package/dist/components/combobox.d.cts +183 -0
  77. package/dist/components/combobox.d.ts +183 -0
  78. package/dist/components/combobox.mjs +571 -0
  79. package/dist/components/command.cjs +329 -0
  80. package/dist/components/command.d.cts +97 -0
  81. package/dist/components/command.d.ts +97 -0
  82. package/dist/components/command.mjs +311 -0
  83. package/dist/components/confirm-dialog.cjs +100 -0
  84. package/dist/components/confirm-dialog.d.cts +25 -0
  85. package/dist/components/confirm-dialog.d.ts +25 -0
  86. package/dist/components/confirm-dialog.mjs +86 -0
  87. package/dist/components/context-menu.cjs +325 -0
  88. package/dist/components/context-menu.d.cts +259 -0
  89. package/dist/components/context-menu.d.ts +259 -0
  90. package/dist/components/context-menu.mjs +290 -0
  91. package/dist/components/copy-button.cjs +203 -0
  92. package/dist/components/copy-button.d.cts +22 -0
  93. package/dist/components/copy-button.d.ts +22 -0
  94. package/dist/components/copy-button.mjs +178 -0
  95. package/dist/components/data-list.cjs +140 -0
  96. package/dist/components/data-list.d.cts +36 -0
  97. package/dist/components/data-list.d.ts +36 -0
  98. package/dist/components/data-list.mjs +113 -0
  99. package/dist/components/data-table-toolbar.cjs +338 -0
  100. package/dist/components/data-table-toolbar.d.cts +84 -0
  101. package/dist/components/data-table-toolbar.d.ts +84 -0
  102. package/dist/components/data-table-toolbar.mjs +320 -0
  103. package/dist/components/data-table.cjs +1324 -0
  104. package/dist/components/data-table.d.cts +349 -0
  105. package/dist/components/data-table.d.ts +349 -0
  106. package/dist/components/data-table.mjs +1323 -0
  107. package/dist/components/date-picker.cjs +282 -0
  108. package/dist/components/date-picker.d.cts +97 -0
  109. package/dist/components/date-picker.d.ts +97 -0
  110. package/dist/components/date-picker.mjs +258 -0
  111. package/dist/components/dialog.cjs +319 -0
  112. package/dist/components/dialog.d.cts +74 -0
  113. package/dist/components/dialog.d.ts +74 -0
  114. package/dist/components/dialog.mjs +292 -0
  115. package/dist/components/drawer.cjs +262 -0
  116. package/dist/components/drawer.d.cts +113 -0
  117. package/dist/components/drawer.d.ts +113 -0
  118. package/dist/components/drawer.mjs +230 -0
  119. package/dist/components/dropdown-menu.cjs +328 -0
  120. package/dist/components/dropdown-menu.d.cts +95 -0
  121. package/dist/components/dropdown-menu.d.ts +95 -0
  122. package/dist/components/dropdown-menu.mjs +293 -0
  123. package/dist/components/empty-state.cjs +123 -0
  124. package/dist/components/empty-state.d.cts +15 -0
  125. package/dist/components/empty-state.d.ts +15 -0
  126. package/dist/components/empty-state.mjs +99 -0
  127. package/dist/components/file-upload.cjs +442 -0
  128. package/dist/components/file-upload.d.cts +35 -0
  129. package/dist/components/file-upload.d.ts +35 -0
  130. package/dist/components/file-upload.mjs +423 -0
  131. package/dist/components/form-field.cjs +191 -0
  132. package/dist/components/form-field.d.cts +163 -0
  133. package/dist/components/form-field.d.ts +163 -0
  134. package/dist/components/form-field.mjs +167 -0
  135. package/dist/components/hover-card.cjs +99 -0
  136. package/dist/components/hover-card.d.cts +28 -0
  137. package/dist/components/hover-card.d.ts +28 -0
  138. package/dist/components/hover-card.mjs +75 -0
  139. package/dist/components/image-gallery.cjs +359 -0
  140. package/dist/components/image-gallery.d.cts +46 -0
  141. package/dist/components/image-gallery.d.ts +46 -0
  142. package/dist/components/image-gallery.mjs +340 -0
  143. package/dist/components/index.cjs +719 -0
  144. package/dist/components/index.d.cts +84 -0
  145. package/dist/components/index.d.ts +84 -0
  146. package/dist/components/index.mjs +771 -0
  147. package/dist/components/infinite-scroll.cjs +95 -0
  148. package/dist/components/infinite-scroll.d.cts +54 -0
  149. package/dist/components/infinite-scroll.d.ts +54 -0
  150. package/dist/components/infinite-scroll.mjs +71 -0
  151. package/dist/components/input-group.cjs +202 -0
  152. package/dist/components/input-group.d.cts +22 -0
  153. package/dist/components/input-group.d.ts +22 -0
  154. package/dist/components/input-group.mjs +178 -0
  155. package/dist/components/input.cjs +318 -0
  156. package/dist/components/input.d.cts +99 -0
  157. package/dist/components/input.d.ts +99 -0
  158. package/dist/components/input.mjs +296 -0
  159. package/dist/components/kbd.cjs +69 -0
  160. package/dist/components/kbd.d.cts +25 -0
  161. package/dist/components/kbd.d.ts +25 -0
  162. package/dist/components/kbd.mjs +44 -0
  163. package/dist/components/label.cjs +138 -0
  164. package/dist/components/label.d.cts +91 -0
  165. package/dist/components/label.d.ts +91 -0
  166. package/dist/components/label.mjs +113 -0
  167. package/dist/components/markdown.cjs +179 -0
  168. package/dist/components/markdown.d.cts +41 -0
  169. package/dist/components/markdown.d.ts +41 -0
  170. package/dist/components/markdown.mjs +155 -0
  171. package/dist/components/menubar.cjs +365 -0
  172. package/dist/components/menubar.d.cts +88 -0
  173. package/dist/components/menubar.d.ts +88 -0
  174. package/dist/components/menubar.mjs +329 -0
  175. package/dist/components/navigation-menu.cjs +280 -0
  176. package/dist/components/navigation-menu.d.cts +123 -0
  177. package/dist/components/navigation-menu.d.ts +123 -0
  178. package/dist/components/navigation-menu.mjs +250 -0
  179. package/dist/components/number-input.cjs +419 -0
  180. package/dist/components/number-input.d.cts +111 -0
  181. package/dist/components/number-input.d.ts +111 -0
  182. package/dist/components/number-input.mjs +400 -0
  183. package/dist/components/pagination.cjs +322 -0
  184. package/dist/components/pagination.d.cts +119 -0
  185. package/dist/components/pagination.d.ts +119 -0
  186. package/dist/components/pagination.mjs +297 -0
  187. package/dist/components/pin-input.cjs +321 -0
  188. package/dist/components/pin-input.d.cts +112 -0
  189. package/dist/components/pin-input.d.ts +112 -0
  190. package/dist/components/pin-input.mjs +303 -0
  191. package/dist/components/popover.cjs +194 -0
  192. package/dist/components/popover.d.cts +108 -0
  193. package/dist/components/popover.d.ts +108 -0
  194. package/dist/components/popover.mjs +168 -0
  195. package/dist/components/progress.cjs +237 -0
  196. package/dist/components/progress.d.cts +137 -0
  197. package/dist/components/progress.d.ts +137 -0
  198. package/dist/components/progress.mjs +211 -0
  199. package/dist/components/radio.cjs +344 -0
  200. package/dist/components/radio.d.cts +145 -0
  201. package/dist/components/radio.d.ts +145 -0
  202. package/dist/components/radio.mjs +320 -0
  203. package/dist/components/resizable.cjs +121 -0
  204. package/dist/components/resizable.d.cts +23 -0
  205. package/dist/components/resizable.d.ts +23 -0
  206. package/dist/components/resizable.mjs +99 -0
  207. package/dist/components/scroll-area.cjs +168 -0
  208. package/dist/components/scroll-area.d.cts +131 -0
  209. package/dist/components/scroll-area.d.ts +131 -0
  210. package/dist/components/scroll-area.mjs +143 -0
  211. package/dist/components/search-input.cjs +261 -0
  212. package/dist/components/search-input.d.cts +26 -0
  213. package/dist/components/search-input.d.ts +26 -0
  214. package/dist/components/search-input.mjs +243 -0
  215. package/dist/components/select.cjs +320 -0
  216. package/dist/components/select.d.cts +55 -0
  217. package/dist/components/select.d.ts +55 -0
  218. package/dist/components/select.mjs +288 -0
  219. package/dist/components/separator.cjs +193 -0
  220. package/dist/components/separator.d.cts +92 -0
  221. package/dist/components/separator.d.ts +92 -0
  222. package/dist/components/separator.mjs +170 -0
  223. package/dist/components/sheet.cjs +399 -0
  224. package/dist/components/sheet.d.cts +219 -0
  225. package/dist/components/sheet.d.ts +219 -0
  226. package/dist/components/sheet.mjs +379 -0
  227. package/dist/components/sidebar.cjs +1077 -0
  228. package/dist/components/sidebar.d.cts +733 -0
  229. package/dist/components/sidebar.d.ts +733 -0
  230. package/dist/components/sidebar.mjs +1033 -0
  231. package/dist/components/skeleton.cjs +210 -0
  232. package/dist/components/skeleton.d.cts +202 -0
  233. package/dist/components/skeleton.d.ts +202 -0
  234. package/dist/components/skeleton.mjs +182 -0
  235. package/dist/components/slider.cjs +319 -0
  236. package/dist/components/slider.d.cts +82 -0
  237. package/dist/components/slider.d.ts +82 -0
  238. package/dist/components/slider.mjs +296 -0
  239. package/dist/components/sonner.cjs +119 -0
  240. package/dist/components/sonner.d.cts +60 -0
  241. package/dist/components/sonner.d.ts +60 -0
  242. package/dist/components/sonner.mjs +94 -0
  243. package/dist/components/spinner.cjs +238 -0
  244. package/dist/components/spinner.d.cts +101 -0
  245. package/dist/components/spinner.d.ts +101 -0
  246. package/dist/components/spinner.mjs +213 -0
  247. package/dist/components/stat.cjs +180 -0
  248. package/dist/components/stat.d.cts +21 -0
  249. package/dist/components/stat.d.ts +21 -0
  250. package/dist/components/stat.mjs +161 -0
  251. package/dist/components/steps.cjs +228 -0
  252. package/dist/components/steps.d.cts +76 -0
  253. package/dist/components/steps.d.ts +76 -0
  254. package/dist/components/steps.mjs +207 -0
  255. package/dist/components/switch.cjs +243 -0
  256. package/dist/components/switch.d.cts +90 -0
  257. package/dist/components/switch.d.ts +90 -0
  258. package/dist/components/switch.mjs +228 -0
  259. package/dist/components/table.cjs +381 -0
  260. package/dist/components/table.d.cts +181 -0
  261. package/dist/components/table.d.ts +181 -0
  262. package/dist/components/table.mjs +349 -0
  263. package/dist/components/tabs.cjs +326 -0
  264. package/dist/components/tabs.d.cts +154 -0
  265. package/dist/components/tabs.d.ts +154 -0
  266. package/dist/components/tabs.mjs +304 -0
  267. package/dist/components/textarea.cjs +258 -0
  268. package/dist/components/textarea.d.cts +112 -0
  269. package/dist/components/textarea.d.ts +112 -0
  270. package/dist/components/textarea.mjs +233 -0
  271. package/dist/components/theme-toggle.cjs +282 -0
  272. package/dist/components/theme-toggle.d.cts +58 -0
  273. package/dist/components/theme-toggle.d.ts +58 -0
  274. package/dist/components/theme-toggle.mjs +258 -0
  275. package/dist/components/timeline.cjs +178 -0
  276. package/dist/components/timeline.d.cts +41 -0
  277. package/dist/components/timeline.d.ts +41 -0
  278. package/dist/components/timeline.mjs +157 -0
  279. package/dist/components/toast.cjs +546 -0
  280. package/dist/components/toast.d.cts +169 -0
  281. package/dist/components/toast.d.ts +169 -0
  282. package/dist/components/toast.mjs +528 -0
  283. package/dist/components/toggle-group.cjs +204 -0
  284. package/dist/components/toggle-group.d.cts +215 -0
  285. package/dist/components/toggle-group.d.ts +215 -0
  286. package/dist/components/toggle-group.mjs +180 -0
  287. package/dist/components/toggle.cjs +155 -0
  288. package/dist/components/toggle.d.cts +100 -0
  289. package/dist/components/toggle.d.ts +100 -0
  290. package/dist/components/toggle.mjs +130 -0
  291. package/dist/components/tooltip.cjs +155 -0
  292. package/dist/components/tooltip.d.cts +129 -0
  293. package/dist/components/tooltip.d.ts +129 -0
  294. package/dist/components/tooltip.mjs +132 -0
  295. package/dist/components/tree-view.cjs +450 -0
  296. package/dist/components/tree-view.d.cts +67 -0
  297. package/dist/components/tree-view.d.ts +67 -0
  298. package/dist/components/tree-view.mjs +433 -0
  299. package/dist/components/video-player.cjs +344 -0
  300. package/dist/components/video-player.d.cts +34 -0
  301. package/dist/components/video-player.d.ts +34 -0
  302. package/dist/components/video-player.mjs +320 -0
  303. package/dist/components/virtual-list.cjs +153 -0
  304. package/dist/components/virtual-list.d.cts +53 -0
  305. package/dist/components/virtual-list.d.ts +53 -0
  306. package/dist/components/virtual-list.mjs +136 -0
  307. package/dist/components/visually-hidden.cjs +43 -0
  308. package/dist/components/visually-hidden.d.cts +9 -0
  309. package/dist/components/visually-hidden.d.ts +9 -0
  310. package/dist/components/visually-hidden.mjs +21 -0
  311. package/dist/index.cjs +1081 -1957
  312. package/dist/index.d.cts +99 -11
  313. package/dist/index.d.ts +99 -11
  314. package/dist/index.mjs +1138 -16
  315. package/dist/motion/hooks.cjs +98 -0
  316. package/dist/motion/hooks.d.cts +32 -0
  317. package/dist/motion/hooks.d.ts +32 -0
  318. package/dist/motion/hooks.mjs +70 -0
  319. package/dist/motion/index.cjs +157 -0
  320. package/dist/motion/index.d.cts +5 -0
  321. package/dist/motion/index.d.ts +5 -0
  322. package/dist/motion/index.mjs +137 -0
  323. package/dist/motion/presets.cjs +609 -0
  324. package/dist/{motion.d.ts → motion/presets.d.cts} +1 -30
  325. package/dist/{motion.d.cts → motion/presets.d.ts} +1 -30
  326. package/dist/{chunk-PLRSH37T.mjs → motion/presets.mjs} +119 -126
  327. package/dist/primitives/container.cjs +88 -0
  328. package/dist/primitives/container.d.cts +82 -0
  329. package/dist/primitives/container.d.ts +82 -0
  330. package/dist/primitives/container.mjs +64 -0
  331. package/dist/primitives/divider.cjs +74 -0
  332. package/dist/primitives/divider.d.cts +30 -0
  333. package/dist/primitives/divider.d.ts +30 -0
  334. package/dist/primitives/divider.mjs +50 -0
  335. package/dist/primitives/index.cjs +54 -0
  336. package/dist/primitives/index.d.cts +6 -0
  337. package/dist/primitives/index.d.ts +6 -0
  338. package/dist/primitives/index.mjs +33 -0
  339. package/dist/primitives/stack.cjs +167 -0
  340. package/dist/primitives/stack.d.cts +132 -0
  341. package/dist/primitives/stack.d.ts +132 -0
  342. package/dist/primitives/stack.mjs +142 -0
  343. package/dist/primitives/typography.cjs +260 -0
  344. package/dist/primitives/typography.d.cts +157 -0
  345. package/dist/primitives/typography.d.ts +157 -0
  346. package/dist/primitives/typography.mjs +229 -0
  347. package/dist/theme/contract.cjs +246 -0
  348. package/dist/theme/contract.d.cts +76 -0
  349. package/dist/theme/contract.d.ts +76 -0
  350. package/dist/theme/contract.mjs +221 -0
  351. package/dist/theme/customizer-store.cjs +266 -0
  352. package/dist/theme/customizer-store.d.cts +76 -0
  353. package/dist/theme/customizer-store.d.ts +76 -0
  354. package/dist/theme/customizer-store.mjs +261 -0
  355. package/dist/theme/customizer.cjs +812 -0
  356. package/dist/theme/customizer.d.cts +13 -0
  357. package/dist/theme/customizer.d.ts +13 -0
  358. package/dist/theme/customizer.mjs +803 -0
  359. package/dist/theme/index.cjs +105 -0
  360. package/dist/theme/index.d.cts +13 -0
  361. package/dist/theme/index.d.ts +13 -0
  362. package/dist/theme/index.mjs +87 -0
  363. package/dist/theme/presets.cjs +1205 -0
  364. package/dist/theme/presets.d.cts +232 -0
  365. package/dist/theme/presets.d.ts +232 -0
  366. package/dist/theme/presets.mjs +1175 -0
  367. package/dist/theme/provider.cjs +122 -0
  368. package/dist/theme/provider.d.cts +57 -0
  369. package/dist/theme/provider.d.ts +57 -0
  370. package/dist/theme/provider.mjs +104 -0
  371. package/dist/{chunk-AAEWG5VR.mjs → tokens/colors.cjs} +94 -94
  372. package/dist/{z-index-DmLl6FUD.d.ts → tokens/colors.d.cts} +118 -72
  373. package/dist/{z-index-DmLl6FUD.d.cts → tokens/colors.d.ts} +118 -72
  374. package/dist/{chunk-6ZZZBOCH.cjs → tokens/colors.mjs} +47 -121
  375. package/dist/tokens/index.cjs +96 -0
  376. package/dist/tokens/index.d.cts +7 -0
  377. package/dist/tokens/index.d.ts +7 -0
  378. package/dist/tokens/index.mjs +71 -0
  379. package/dist/{chunk-XCKK6P46.cjs → tokens/motion.cjs} +46 -18
  380. package/dist/{motion-D9wQbcKL.d.cts → tokens/motion.d.cts} +1 -1
  381. package/dist/{motion-D9wQbcKL.d.ts → tokens/motion.d.ts} +1 -1
  382. package/dist/{chunk-EZ2L3XPS.mjs → tokens/motion.mjs} +16 -10
  383. package/dist/tokens/radius.cjs +41 -0
  384. package/dist/tokens/radius.d.cts +18 -0
  385. package/dist/tokens/radius.d.ts +18 -0
  386. package/dist/tokens/radius.mjs +17 -0
  387. package/dist/tokens/shadows.cjs +57 -0
  388. package/dist/tokens/shadows.d.cts +32 -0
  389. package/dist/tokens/shadows.d.ts +32 -0
  390. package/dist/tokens/shadows.mjs +32 -0
  391. package/dist/tokens/spacing.cjs +51 -0
  392. package/dist/tokens/spacing.d.cts +26 -0
  393. package/dist/tokens/spacing.d.ts +26 -0
  394. package/dist/{chunk-NMPHV6ZD.mjs → tokens/spacing.mjs} +4 -4
  395. package/dist/{chunk-ECIGDEAH.cjs → tokens/typography.cjs} +43 -16
  396. package/dist/{typography-DlvVjEdE.d.ts → tokens/typography.d.cts} +1 -1
  397. package/dist/{typography-DlvVjEdE.d.cts → tokens/typography.d.ts} +1 -1
  398. package/dist/{chunk-ITBG42M5.mjs → tokens/typography.mjs} +14 -9
  399. package/dist/tokens/z-index.cjs +47 -0
  400. package/dist/tokens/z-index.d.cts +24 -0
  401. package/dist/tokens/z-index.d.ts +24 -0
  402. package/dist/tokens/z-index.mjs +23 -0
  403. package/dist/utils/cn.cjs +102 -0
  404. package/dist/utils/cn.d.cts +84 -0
  405. package/dist/utils/cn.d.ts +84 -0
  406. package/dist/{chunk-ZT3PCXDF.mjs → utils/cn.mjs} +14 -7
  407. package/dist/{chunk-33QEKXRQ.cjs → utils/contrast.cjs} +68 -38
  408. package/dist/utils/contrast.d.cts +209 -0
  409. package/dist/utils/contrast.d.ts +209 -0
  410. package/dist/{chunk-5NZDQWRV.mjs → utils/contrast.mjs} +27 -18
  411. package/dist/utils/focus-ring.cjs +81 -0
  412. package/dist/utils/focus-ring.d.cts +80 -0
  413. package/dist/utils/focus-ring.d.ts +80 -0
  414. package/dist/utils/focus-ring.mjs +47 -0
  415. package/dist/utils/index.cjs +107 -0
  416. package/dist/utils/index.d.cts +6 -0
  417. package/dist/utils/index.d.ts +6 -0
  418. package/dist/utils/index.mjs +88 -0
  419. package/dist/utils/types.cjs +38 -0
  420. package/dist/utils/types.d.cts +187 -0
  421. package/dist/utils/types.d.ts +187 -0
  422. package/dist/utils/types.mjs +13 -0
  423. package/package.json +191 -191
  424. package/dist/chunk-2JFREULQ.cjs +0 -29
  425. package/dist/chunk-3EHT6IOA.cjs +0 -49
  426. package/dist/chunk-4ON3M3OM.cjs +0 -73
  427. package/dist/chunk-A2DGHQL2.cjs +0 -21808
  428. package/dist/chunk-BJ55D5IK.mjs +0 -2433
  429. package/dist/chunk-F4JJFWWU.cjs +0 -604
  430. package/dist/chunk-FUWXGHWQ.cjs +0 -468
  431. package/dist/chunk-MBYCK2JJ.mjs +0 -37
  432. package/dist/chunk-OHEH57BV.mjs +0 -455
  433. package/dist/chunk-RUG3BW2B.cjs +0 -2471
  434. package/dist/chunk-XAIUX2YS.mjs +0 -21477
  435. package/dist/components.cjs +0 -1247
  436. package/dist/components.d.cts +0 -7881
  437. package/dist/components.d.ts +0 -7881
  438. package/dist/components.mjs +0 -6
  439. package/dist/motion.cjs +0 -264
  440. package/dist/motion.mjs +0 -3
  441. package/dist/primitives.cjs +0 -57
  442. package/dist/primitives.d.cts +0 -390
  443. package/dist/primitives.d.ts +0 -390
  444. package/dist/primitives.mjs +0 -4
  445. package/dist/theme.cjs +0 -159
  446. package/dist/theme.d.cts +0 -440
  447. package/dist/theme.d.ts +0 -440
  448. package/dist/theme.mjs +0 -6
  449. package/dist/tokens.cjs +0 -137
  450. package/dist/tokens.d.cts +0 -30
  451. package/dist/tokens.d.ts +0 -30
  452. package/dist/tokens.mjs +0 -4
  453. package/dist/utils.cjs +0 -164
  454. package/dist/utils.d.cts +0 -525
  455. package/dist/utils.d.ts +0 -525
  456. package/dist/utils.mjs +0 -3
@@ -0,0 +1,132 @@
1
+ import * as react from 'react';
2
+ import { ElementType, ReactNode } from 'react';
3
+
4
+ type SpacingToken = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24;
5
+ declare const directionClassMap: {
6
+ readonly vertical: "flex-col";
7
+ readonly horizontal: "flex-row";
8
+ };
9
+ declare const alignClassMap: {
10
+ readonly start: "items-start";
11
+ readonly center: "items-center";
12
+ readonly end: "items-end";
13
+ readonly stretch: "items-stretch";
14
+ readonly baseline: "items-baseline";
15
+ };
16
+ declare const justifyClassMap: {
17
+ readonly start: "justify-start";
18
+ readonly center: "justify-center";
19
+ readonly end: "justify-end";
20
+ readonly between: "justify-between";
21
+ readonly around: "justify-around";
22
+ readonly evenly: "justify-evenly";
23
+ };
24
+ type StackDirection = keyof typeof directionClassMap;
25
+ type StackAlign = keyof typeof alignClassMap;
26
+ type StackJustify = keyof typeof justifyClassMap;
27
+ interface StackProps extends React.HTMLAttributes<HTMLElement> {
28
+ /**
29
+ * Spacing between children. Uses the design system's spacing token scale.
30
+ * Each unit = 4px (e.g. gap={4} → 16px).
31
+ * @default 4
32
+ */
33
+ gap?: SpacingToken;
34
+ /**
35
+ * Layout direction.
36
+ * @default "vertical"
37
+ */
38
+ direction?: StackDirection;
39
+ /**
40
+ * Cross-axis alignment (align-items).
41
+ * @default "stretch"
42
+ */
43
+ align?: StackAlign;
44
+ /**
45
+ * Main-axis distribution (justify-content).
46
+ * @default "start"
47
+ */
48
+ justify?: StackJustify;
49
+ /**
50
+ * Whether children should wrap when they overflow.
51
+ * @default false
52
+ */
53
+ wrap?: boolean;
54
+ /**
55
+ * The HTML element to render as.
56
+ * @default "div"
57
+ */
58
+ as?: ElementType;
59
+ /** Content to render. */
60
+ children?: ReactNode;
61
+ /** Additional CSS classes. */
62
+ className?: string;
63
+ }
64
+ /**
65
+ * Stack — arranges children with consistent spacing along a single axis.
66
+ *
67
+ * Built on CSS Flexbox. All gap values come from the design system's
68
+ * 4px grid spacing tokens, ensuring visual rhythm is maintained.
69
+ *
70
+ * @example
71
+ * ```tsx
72
+ * // Vertical stack with 16px gap (default)
73
+ * <Stack gap={4}>
74
+ * <Heading level={1}>Title</Heading>
75
+ * <Body>Description</Body>
76
+ * </Stack>
77
+ *
78
+ * // Horizontal stack with center alignment
79
+ * <Stack direction="horizontal" gap={3} align="center">
80
+ * <Avatar />
81
+ * <Body>Username</Body>
82
+ * </Stack>
83
+ *
84
+ * // Space-between row
85
+ * <Stack direction="horizontal" justify="between" align="center">
86
+ * <Body>Left</Body>
87
+ * <Button>Right</Button>
88
+ * </Stack>
89
+ * ```
90
+ */
91
+ declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
92
+ interface GridProps extends React.HTMLAttributes<HTMLElement> {
93
+ /**
94
+ * Number of columns at the base (mobile) breakpoint.
95
+ * @default 1
96
+ */
97
+ cols?: 1 | 2 | 3 | 4 | 5 | 6;
98
+ /** Columns at the sm breakpoint (640px+). */
99
+ colsSm?: 1 | 2 | 3 | 4;
100
+ /** Columns at the md breakpoint (768px+). */
101
+ colsMd?: 1 | 2 | 3 | 4;
102
+ /** Columns at the lg breakpoint (1024px+). */
103
+ colsLg?: 1 | 2 | 3 | 4 | 5 | 6;
104
+ /**
105
+ * Gap between grid cells. Uses the spacing token scale.
106
+ * @default 4
107
+ */
108
+ gap?: SpacingToken;
109
+ /**
110
+ * The HTML element to render as.
111
+ * @default "div"
112
+ */
113
+ as?: ElementType;
114
+ /** Content to render. */
115
+ children?: ReactNode;
116
+ /** Additional CSS classes. */
117
+ className?: string;
118
+ }
119
+ /**
120
+ * Grid — CSS Grid wrapper with responsive column control.
121
+ *
122
+ * @example
123
+ * ```tsx
124
+ * // Responsive 3-column grid (1 on mobile, 2 on tablet, 3 on desktop)
125
+ * <Grid cols={1} colsMd={2} colsLg={3} gap={4}>
126
+ * <Card /><Card /><Card />
127
+ * </Grid>
128
+ * ```
129
+ */
130
+ declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
131
+
132
+ export { Grid, type GridProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps };
@@ -0,0 +1,132 @@
1
+ import * as react from 'react';
2
+ import { ElementType, ReactNode } from 'react';
3
+
4
+ type SpacingToken = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24;
5
+ declare const directionClassMap: {
6
+ readonly vertical: "flex-col";
7
+ readonly horizontal: "flex-row";
8
+ };
9
+ declare const alignClassMap: {
10
+ readonly start: "items-start";
11
+ readonly center: "items-center";
12
+ readonly end: "items-end";
13
+ readonly stretch: "items-stretch";
14
+ readonly baseline: "items-baseline";
15
+ };
16
+ declare const justifyClassMap: {
17
+ readonly start: "justify-start";
18
+ readonly center: "justify-center";
19
+ readonly end: "justify-end";
20
+ readonly between: "justify-between";
21
+ readonly around: "justify-around";
22
+ readonly evenly: "justify-evenly";
23
+ };
24
+ type StackDirection = keyof typeof directionClassMap;
25
+ type StackAlign = keyof typeof alignClassMap;
26
+ type StackJustify = keyof typeof justifyClassMap;
27
+ interface StackProps extends React.HTMLAttributes<HTMLElement> {
28
+ /**
29
+ * Spacing between children. Uses the design system's spacing token scale.
30
+ * Each unit = 4px (e.g. gap={4} → 16px).
31
+ * @default 4
32
+ */
33
+ gap?: SpacingToken;
34
+ /**
35
+ * Layout direction.
36
+ * @default "vertical"
37
+ */
38
+ direction?: StackDirection;
39
+ /**
40
+ * Cross-axis alignment (align-items).
41
+ * @default "stretch"
42
+ */
43
+ align?: StackAlign;
44
+ /**
45
+ * Main-axis distribution (justify-content).
46
+ * @default "start"
47
+ */
48
+ justify?: StackJustify;
49
+ /**
50
+ * Whether children should wrap when they overflow.
51
+ * @default false
52
+ */
53
+ wrap?: boolean;
54
+ /**
55
+ * The HTML element to render as.
56
+ * @default "div"
57
+ */
58
+ as?: ElementType;
59
+ /** Content to render. */
60
+ children?: ReactNode;
61
+ /** Additional CSS classes. */
62
+ className?: string;
63
+ }
64
+ /**
65
+ * Stack — arranges children with consistent spacing along a single axis.
66
+ *
67
+ * Built on CSS Flexbox. All gap values come from the design system's
68
+ * 4px grid spacing tokens, ensuring visual rhythm is maintained.
69
+ *
70
+ * @example
71
+ * ```tsx
72
+ * // Vertical stack with 16px gap (default)
73
+ * <Stack gap={4}>
74
+ * <Heading level={1}>Title</Heading>
75
+ * <Body>Description</Body>
76
+ * </Stack>
77
+ *
78
+ * // Horizontal stack with center alignment
79
+ * <Stack direction="horizontal" gap={3} align="center">
80
+ * <Avatar />
81
+ * <Body>Username</Body>
82
+ * </Stack>
83
+ *
84
+ * // Space-between row
85
+ * <Stack direction="horizontal" justify="between" align="center">
86
+ * <Body>Left</Body>
87
+ * <Button>Right</Button>
88
+ * </Stack>
89
+ * ```
90
+ */
91
+ declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
92
+ interface GridProps extends React.HTMLAttributes<HTMLElement> {
93
+ /**
94
+ * Number of columns at the base (mobile) breakpoint.
95
+ * @default 1
96
+ */
97
+ cols?: 1 | 2 | 3 | 4 | 5 | 6;
98
+ /** Columns at the sm breakpoint (640px+). */
99
+ colsSm?: 1 | 2 | 3 | 4;
100
+ /** Columns at the md breakpoint (768px+). */
101
+ colsMd?: 1 | 2 | 3 | 4;
102
+ /** Columns at the lg breakpoint (1024px+). */
103
+ colsLg?: 1 | 2 | 3 | 4 | 5 | 6;
104
+ /**
105
+ * Gap between grid cells. Uses the spacing token scale.
106
+ * @default 4
107
+ */
108
+ gap?: SpacingToken;
109
+ /**
110
+ * The HTML element to render as.
111
+ * @default "div"
112
+ */
113
+ as?: ElementType;
114
+ /** Content to render. */
115
+ children?: ReactNode;
116
+ /** Additional CSS classes. */
117
+ className?: string;
118
+ }
119
+ /**
120
+ * Grid — CSS Grid wrapper with responsive column control.
121
+ *
122
+ * @example
123
+ * ```tsx
124
+ * // Responsive 3-column grid (1 on mobile, 2 on tablet, 3 on desktop)
125
+ * <Grid cols={1} colsMd={2} colsLg={3} gap={4}>
126
+ * <Card /><Card /><Card />
127
+ * </Grid>
128
+ * ```
129
+ */
130
+ declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
131
+
132
+ export { Grid, type GridProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps };
@@ -0,0 +1,142 @@
1
+ "use client";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cn } from "../utils/cn.mjs";
4
+ import { forwardRef } from "react";
5
+ const gapClassMap = {
6
+ 0: "gap-0",
7
+ 0.5: "gap-0.5",
8
+ 1: "gap-1",
9
+ 1.5: "gap-1.5",
10
+ 2: "gap-2",
11
+ 2.5: "gap-2.5",
12
+ 3: "gap-3",
13
+ 3.5: "gap-3.5",
14
+ 4: "gap-4",
15
+ 5: "gap-5",
16
+ 6: "gap-6",
17
+ 7: "gap-7",
18
+ 8: "gap-8",
19
+ 9: "gap-9",
20
+ 10: "gap-10",
21
+ 11: "gap-11",
22
+ 12: "gap-12",
23
+ 14: "gap-14",
24
+ 16: "gap-16",
25
+ 20: "gap-20",
26
+ 24: "gap-24"
27
+ };
28
+ const directionClassMap = {
29
+ vertical: "flex-col",
30
+ horizontal: "flex-row"
31
+ };
32
+ const alignClassMap = {
33
+ start: "items-start",
34
+ center: "items-center",
35
+ end: "items-end",
36
+ stretch: "items-stretch",
37
+ baseline: "items-baseline"
38
+ };
39
+ const justifyClassMap = {
40
+ start: "justify-start",
41
+ center: "justify-center",
42
+ end: "justify-end",
43
+ between: "justify-between",
44
+ around: "justify-around",
45
+ evenly: "justify-evenly"
46
+ };
47
+ const Stack = forwardRef(function Stack2({
48
+ gap = 4,
49
+ direction = "vertical",
50
+ align,
51
+ justify,
52
+ wrap = false,
53
+ as: Component = "div",
54
+ className,
55
+ children,
56
+ ...rest
57
+ }, ref) {
58
+ return /* @__PURE__ */ jsx(
59
+ Component,
60
+ {
61
+ ref,
62
+ className: cn(
63
+ "flex",
64
+ directionClassMap[direction],
65
+ gapClassMap[gap],
66
+ align && alignClassMap[align],
67
+ justify && justifyClassMap[justify],
68
+ wrap && "flex-wrap",
69
+ className
70
+ ),
71
+ "data-ds": "",
72
+ "data-ds-component": "stack",
73
+ ...rest,
74
+ children
75
+ }
76
+ );
77
+ });
78
+ Stack.displayName = "Stack";
79
+ const colsClassMap = {
80
+ 1: "grid-cols-1",
81
+ 2: "grid-cols-2",
82
+ 3: "grid-cols-3",
83
+ 4: "grid-cols-4",
84
+ 5: "grid-cols-5",
85
+ 6: "grid-cols-6"
86
+ };
87
+ const colsSmClassMap = {
88
+ 1: "sm:grid-cols-1",
89
+ 2: "sm:grid-cols-2",
90
+ 3: "sm:grid-cols-3",
91
+ 4: "sm:grid-cols-4"
92
+ };
93
+ const colsMdClassMap = {
94
+ 1: "md:grid-cols-1",
95
+ 2: "md:grid-cols-2",
96
+ 3: "md:grid-cols-3",
97
+ 4: "md:grid-cols-4"
98
+ };
99
+ const colsLgClassMap = {
100
+ 1: "lg:grid-cols-1",
101
+ 2: "lg:grid-cols-2",
102
+ 3: "lg:grid-cols-3",
103
+ 4: "lg:grid-cols-4",
104
+ 5: "lg:grid-cols-5",
105
+ 6: "lg:grid-cols-6"
106
+ };
107
+ const Grid = forwardRef(function Grid2({
108
+ cols = 1,
109
+ colsSm,
110
+ colsMd,
111
+ colsLg,
112
+ gap = 4,
113
+ as: Component = "div",
114
+ className,
115
+ children,
116
+ ...rest
117
+ }, ref) {
118
+ return /* @__PURE__ */ jsx(
119
+ Component,
120
+ {
121
+ ref,
122
+ className: cn(
123
+ "grid",
124
+ colsClassMap[cols],
125
+ colsSm && colsSmClassMap[colsSm],
126
+ colsMd && colsMdClassMap[colsMd],
127
+ colsLg && colsLgClassMap[colsLg],
128
+ gapClassMap[gap],
129
+ className
130
+ ),
131
+ "data-ds": "",
132
+ "data-ds-component": "grid",
133
+ ...rest,
134
+ children
135
+ }
136
+ );
137
+ });
138
+ Grid.displayName = "Grid";
139
+ export {
140
+ Grid,
141
+ Stack
142
+ };
@@ -0,0 +1,260 @@
1
+ "use strict";
2
+ "use client";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+ var typography_exports = {};
21
+ __export(typography_exports, {
22
+ Body: () => Body,
23
+ Caption: () => Caption,
24
+ Heading: () => Heading,
25
+ InlineCode: () => InlineCode,
26
+ Label: () => Label,
27
+ Overline: () => Overline,
28
+ Subheading: () => Subheading,
29
+ Typography: () => Typography
30
+ });
31
+ module.exports = __toCommonJS(typography_exports);
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_typography = require("../tokens/typography.cjs");
34
+ var import_cn = require("../utils/cn.cjs");
35
+ var import_react = require("react");
36
+ const fontClassMap = {
37
+ display: "font-display",
38
+ sans: "font-sans",
39
+ serif: "font-serif",
40
+ mono: "font-mono",
41
+ inherit: "font-[inherit]"
42
+ };
43
+ const variantDefaultFont = {
44
+ heading1: import_typography.typographyVariants.heading1.fontFamily,
45
+ heading2: import_typography.typographyVariants.heading2.fontFamily,
46
+ heading3: import_typography.typographyVariants.heading3.fontFamily,
47
+ subheading: import_typography.typographyVariants.subheading.fontFamily,
48
+ body: import_typography.typographyVariants.body.fontFamily,
49
+ bodySm: import_typography.typographyVariants.bodySm.fontFamily,
50
+ caption: import_typography.typographyVariants.caption.fontFamily,
51
+ label: import_typography.typographyVariants.label.fontFamily,
52
+ overline: import_typography.typographyVariants.overline.fontFamily,
53
+ code: import_typography.typographyVariants.code.fontFamily
54
+ };
55
+ const defaultElementMap = {
56
+ heading1: "h1",
57
+ heading2: "h2",
58
+ heading3: "h3",
59
+ subheading: "h4",
60
+ body: "p",
61
+ bodySm: "p",
62
+ caption: "span",
63
+ label: "label",
64
+ overline: "span",
65
+ code: "code"
66
+ };
67
+ const variantClassMap = {
68
+ heading1: "text-[30px] leading-[36px] font-bold tracking-tight text-foreground",
69
+ heading2: "text-[24px] leading-[32px] font-semibold tracking-tight text-foreground",
70
+ heading3: "text-[20px] leading-[28px] font-semibold tracking-normal text-foreground",
71
+ subheading: "text-[18px] leading-[28px] font-medium tracking-normal text-foreground",
72
+ body: "text-[16px] leading-[24px] font-normal tracking-normal text-foreground",
73
+ bodySm: "text-[14px] leading-[20px] font-normal tracking-normal text-foreground",
74
+ caption: "text-[12px] leading-[16px] font-normal tracking-wide text-muted-foreground",
75
+ label: "text-[14px] leading-[20px] font-medium tracking-normal text-foreground",
76
+ overline: "text-[12px] leading-[16px] font-semibold tracking-wider uppercase text-muted-foreground",
77
+ code: "text-[14px] leading-[20px] font-normal tracking-normal text-foreground"
78
+ };
79
+ const colorClassMap = {
80
+ default: "",
81
+ foreground: "text-foreground",
82
+ muted: "text-muted-foreground",
83
+ primary: "text-primary",
84
+ success: "text-success",
85
+ warning: "text-warning",
86
+ danger: "text-danger",
87
+ info: "text-info",
88
+ inherit: "text-inherit"
89
+ };
90
+ const alignClassMap = {
91
+ left: "text-left",
92
+ center: "text-center",
93
+ right: "text-right"
94
+ };
95
+ const lineClampClassMap = {
96
+ 1: "line-clamp-1",
97
+ 2: "line-clamp-2",
98
+ 3: "line-clamp-3",
99
+ 4: "line-clamp-4",
100
+ 5: "line-clamp-5",
101
+ 6: "line-clamp-6"
102
+ };
103
+ const Typography = (0, import_react.forwardRef)(
104
+ function Typography2({
105
+ variant = "body",
106
+ font,
107
+ color = "default",
108
+ align,
109
+ as,
110
+ truncate = false,
111
+ lineClamp,
112
+ noMargin = true,
113
+ className,
114
+ children,
115
+ ...rest
116
+ }, ref) {
117
+ const Component = as ?? defaultElementMap[variant];
118
+ const resolvedFont = font ?? variantDefaultFont[variant];
119
+ const classes = (0, import_cn.cn)(
120
+ // Base variant styles (size, weight, line-height, tracking, default color)
121
+ variantClassMap[variant],
122
+ // Font family (resolved from prop or variant default)
123
+ fontClassMap[resolvedFont],
124
+ // Color override (only applied if not "default" — default keeps variant's color)
125
+ color !== "default" && colorClassMap[color],
126
+ // Alignment
127
+ align && alignClassMap[align],
128
+ // Truncation
129
+ truncate && "truncate",
130
+ // Line clamping
131
+ lineClamp && lineClampClassMap[lineClamp],
132
+ // Margin reset
133
+ noMargin && "m-0",
134
+ // Consumer overrides
135
+ className
136
+ );
137
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
138
+ Component,
139
+ {
140
+ ref,
141
+ className: classes,
142
+ "data-ds": "",
143
+ "data-ds-component": "typography",
144
+ "data-ds-variant": variant,
145
+ ...rest,
146
+ children
147
+ }
148
+ );
149
+ }
150
+ );
151
+ Typography.displayName = "Typography";
152
+ const headingVariantMap = {
153
+ 1: "heading1",
154
+ 2: "heading2",
155
+ 3: "heading3"
156
+ };
157
+ const Heading = (0, import_react.forwardRef)(
158
+ function Heading2({ level = 1, ...rest }, ref) {
159
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
160
+ Typography,
161
+ {
162
+ ref,
163
+ variant: headingVariantMap[level],
164
+ ...rest
165
+ }
166
+ );
167
+ }
168
+ );
169
+ Heading.displayName = "Heading";
170
+ const Subheading = (0, import_react.forwardRef)(
171
+ function Subheading2(props, ref) {
172
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "subheading", ...props });
173
+ }
174
+ );
175
+ Subheading.displayName = "Subheading";
176
+ const Body = (0, import_react.forwardRef)(function Body2({ small = false, ...rest }, ref) {
177
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
178
+ Typography,
179
+ {
180
+ ref,
181
+ variant: small ? "bodySm" : "body",
182
+ ...rest
183
+ }
184
+ );
185
+ });
186
+ Body.displayName = "Body";
187
+ const Caption = (0, import_react.forwardRef)(function Caption2({ color = "muted", ...rest }, ref) {
188
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "caption", color, ...rest });
189
+ });
190
+ Caption.displayName = "Caption";
191
+ const Label = (0, import_react.forwardRef)(function Label2({
192
+ htmlFor,
193
+ font,
194
+ color,
195
+ align,
196
+ as,
197
+ truncate,
198
+ lineClamp,
199
+ noMargin = true,
200
+ className,
201
+ children,
202
+ ...rest
203
+ }, ref) {
204
+ const resolvedFont = font ?? variantDefaultFont.label;
205
+ const classes = (0, import_cn.cn)(
206
+ variantClassMap.label,
207
+ fontClassMap[resolvedFont],
208
+ color && color !== "default" && colorClassMap[color],
209
+ align && alignClassMap[align],
210
+ truncate && "truncate",
211
+ lineClamp && lineClampClassMap[lineClamp],
212
+ noMargin && "m-0",
213
+ className
214
+ );
215
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
216
+ "label",
217
+ {
218
+ ref,
219
+ htmlFor,
220
+ className: classes,
221
+ "data-ds": "",
222
+ "data-ds-component": "typography",
223
+ "data-ds-variant": "label",
224
+ ...rest,
225
+ children
226
+ }
227
+ );
228
+ });
229
+ Label.displayName = "Label";
230
+ const Overline = (0, import_react.forwardRef)(
231
+ function Overline2({ color = "muted", ...rest }, ref) {
232
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { ref, variant: "overline", color, ...rest });
233
+ }
234
+ );
235
+ Overline.displayName = "Overline";
236
+ const InlineCode = (0, import_react.forwardRef)(
237
+ function InlineCode2({ className, ...rest }, ref) {
238
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
239
+ Typography,
240
+ {
241
+ ref,
242
+ variant: "code",
243
+ className: (0, import_cn.cn)("rounded-sm bg-muted px-1.5 py-0.5", className),
244
+ ...rest
245
+ }
246
+ );
247
+ }
248
+ );
249
+ InlineCode.displayName = "InlineCode";
250
+ // Annotate the CommonJS export names for ESM import in node:
251
+ 0 && (module.exports = {
252
+ Body,
253
+ Caption,
254
+ Heading,
255
+ InlineCode,
256
+ Label,
257
+ Overline,
258
+ Subheading,
259
+ Typography
260
+ });