@mks2508/mks-ui 0.1.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 (397) hide show
  1. package/README.md +73 -0
  2. package/dist/components/animate-ui/primitives/animate/slot.d.ts +18 -0
  3. package/dist/components/animate-ui/primitives/animate/slot.d.ts.map +1 -0
  4. package/dist/components/animate-ui/primitives/animate/slot.js +47 -0
  5. package/dist/components/animate-ui/primitives/animate/slot.js.map +1 -0
  6. package/dist/components/animate-ui/primitives/base/accordion.d.ts +22 -0
  7. package/dist/components/animate-ui/primitives/base/accordion.d.ts.map +1 -0
  8. package/dist/components/animate-ui/primitives/base/accordion.js +52 -0
  9. package/dist/components/animate-ui/primitives/base/accordion.js.map +1 -0
  10. package/dist/components/animate-ui/primitives/base/alert-dialog.d.ts +33 -0
  11. package/dist/components/animate-ui/primitives/base/alert-dialog.d.ts.map +1 -0
  12. package/dist/components/animate-ui/primitives/base/alert-dialog.js +60 -0
  13. package/dist/components/animate-ui/primitives/base/alert-dialog.js.map +1 -0
  14. package/dist/components/animate-ui/primitives/base/checkbox.d.ts +15 -0
  15. package/dist/components/animate-ui/primitives/base/checkbox.d.ts.map +1 -0
  16. package/dist/components/animate-ui/primitives/base/checkbox.js +41 -0
  17. package/dist/components/animate-ui/primitives/base/checkbox.js.map +1 -0
  18. package/dist/components/animate-ui/primitives/base/dialog.d.ts +33 -0
  19. package/dist/components/animate-ui/primitives/base/dialog.d.ts.map +1 -0
  20. package/dist/components/animate-ui/primitives/base/dialog.js +60 -0
  21. package/dist/components/animate-ui/primitives/base/dialog.js.map +1 -0
  22. package/dist/components/animate-ui/primitives/base/menu.d.ts +60 -0
  23. package/dist/components/animate-ui/primitives/base/menu.d.ts.map +1 -0
  24. package/dist/components/animate-ui/primitives/base/menu.js +122 -0
  25. package/dist/components/animate-ui/primitives/base/menu.js.map +1 -0
  26. package/dist/components/animate-ui/primitives/base/popover.d.ts +30 -0
  27. package/dist/components/animate-ui/primitives/base/popover.d.ts.map +1 -0
  28. package/dist/components/animate-ui/primitives/base/popover.js +45 -0
  29. package/dist/components/animate-ui/primitives/base/popover.js.map +1 -0
  30. package/dist/components/animate-ui/primitives/base/progress.d.ts +297 -0
  31. package/dist/components/animate-ui/primitives/base/progress.d.ts.map +1 -0
  32. package/dist/components/animate-ui/primitives/base/progress.js +27 -0
  33. package/dist/components/animate-ui/primitives/base/progress.js.map +1 -0
  34. package/dist/components/animate-ui/primitives/base/switch.d.ts +23 -0
  35. package/dist/components/animate-ui/primitives/base/switch.d.ts.map +1 -0
  36. package/dist/components/animate-ui/primitives/base/switch.js +36 -0
  37. package/dist/components/animate-ui/primitives/base/switch.js.map +1 -0
  38. package/dist/components/animate-ui/primitives/base/tabs.d.ts +33 -0
  39. package/dist/components/animate-ui/primitives/base/tabs.d.ts.map +1 -0
  40. package/dist/components/animate-ui/primitives/base/tabs.js +53 -0
  41. package/dist/components/animate-ui/primitives/base/tabs.js.map +1 -0
  42. package/dist/components/animate-ui/primitives/base/tooltip.d.ts +31 -0
  43. package/dist/components/animate-ui/primitives/base/tooltip.d.ts.map +1 -0
  44. package/dist/components/animate-ui/primitives/base/tooltip.js +71 -0
  45. package/dist/components/animate-ui/primitives/base/tooltip.js.map +1 -0
  46. package/dist/components/animate-ui/primitives/effects/auto-height.d.ts +12 -0
  47. package/dist/components/animate-ui/primitives/effects/auto-height.d.ts.map +1 -0
  48. package/dist/components/animate-ui/primitives/effects/auto-height.js +18 -0
  49. package/dist/components/animate-ui/primitives/effects/auto-height.js.map +1 -0
  50. package/dist/components/animate-ui/primitives/effects/highlight.d.ts +92 -0
  51. package/dist/components/animate-ui/primitives/effects/highlight.d.ts.map +1 -0
  52. package/dist/components/animate-ui/primitives/effects/highlight.js +315 -0
  53. package/dist/components/animate-ui/primitives/effects/highlight.js.map +1 -0
  54. package/dist/components/animate-ui/primitives/texts/counting-number.d.ts +16 -0
  55. package/dist/components/animate-ui/primitives/texts/counting-number.d.ts.map +1 -0
  56. package/dist/components/animate-ui/primitives/texts/counting-number.js +69 -0
  57. package/dist/components/animate-ui/primitives/texts/counting-number.js.map +1 -0
  58. package/dist/components/ui/alert-dialog.d.ts +21 -0
  59. package/dist/components/ui/alert-dialog.d.ts.map +1 -0
  60. package/dist/components/ui/alert-dialog.js +43 -0
  61. package/dist/components/ui/alert-dialog.js.map +1 -0
  62. package/dist/components/ui/badge/badge.d.ts +37 -0
  63. package/dist/components/ui/badge/badge.d.ts.map +1 -0
  64. package/dist/components/ui/badge/badge.js +40 -0
  65. package/dist/components/ui/badge/badge.js.map +1 -0
  66. package/dist/components/ui/badge/badge.styles.d.ts +23 -0
  67. package/dist/components/ui/badge/badge.styles.d.ts.map +1 -0
  68. package/dist/components/ui/badge/badge.styles.js +39 -0
  69. package/dist/components/ui/badge/badge.styles.js.map +1 -0
  70. package/dist/components/ui/badge/badge.types.d.ts +38 -0
  71. package/dist/components/ui/badge/badge.types.d.ts.map +1 -0
  72. package/dist/components/ui/badge/badge.types.js +2 -0
  73. package/dist/components/ui/badge/badge.types.js.map +1 -0
  74. package/dist/components/ui/badge/index.d.ts +8 -0
  75. package/dist/components/ui/badge/index.d.ts.map +1 -0
  76. package/dist/components/ui/badge/index.js +7 -0
  77. package/dist/components/ui/badge/index.js.map +1 -0
  78. package/dist/components/ui/button/button.d.ts +79 -0
  79. package/dist/components/ui/button/button.d.ts.map +1 -0
  80. package/dist/components/ui/button/button.js +121 -0
  81. package/dist/components/ui/button/button.js.map +1 -0
  82. package/dist/components/ui/button/button.styles.d.ts +33 -0
  83. package/dist/components/ui/button/button.styles.d.ts.map +1 -0
  84. package/dist/components/ui/button/button.styles.js +54 -0
  85. package/dist/components/ui/button/button.styles.js.map +1 -0
  86. package/dist/components/ui/button/button.types.d.ts +103 -0
  87. package/dist/components/ui/button/button.types.d.ts.map +1 -0
  88. package/dist/components/ui/button/button.types.js +2 -0
  89. package/dist/components/ui/button/button.types.js.map +1 -0
  90. package/dist/components/ui/button/index.d.ts +7 -0
  91. package/dist/components/ui/button/index.d.ts.map +1 -0
  92. package/dist/components/ui/button/index.js +7 -0
  93. package/dist/components/ui/button/index.js.map +1 -0
  94. package/dist/components/ui/card.d.ts +14 -0
  95. package/dist/components/ui/card.d.ts.map +1 -0
  96. package/dist/components/ui/card.js +38 -0
  97. package/dist/components/ui/card.js.map +1 -0
  98. package/dist/components/ui/combobox.d.ts +25 -0
  99. package/dist/components/ui/combobox.d.ts.map +1 -0
  100. package/dist/components/ui/combobox.js +62 -0
  101. package/dist/components/ui/combobox.js.map +1 -0
  102. package/dist/components/ui/devenv-bracket.d.ts +30 -0
  103. package/dist/components/ui/devenv-bracket.d.ts.map +1 -0
  104. package/dist/components/ui/devenv-bracket.js +49 -0
  105. package/dist/components/ui/devenv-bracket.js.map +1 -0
  106. package/dist/components/ui/dropdown-menu.d.ts +30 -0
  107. package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
  108. package/dist/components/ui/dropdown-menu.js +53 -0
  109. package/dist/components/ui/dropdown-menu.js.map +1 -0
  110. package/dist/components/ui/field.d.ts +25 -0
  111. package/dist/components/ui/field.d.ts.map +1 -0
  112. package/dist/components/ui/field.js +69 -0
  113. package/dist/components/ui/field.js.map +1 -0
  114. package/dist/components/ui/index.d.ts +23 -0
  115. package/dist/components/ui/index.d.ts.map +1 -0
  116. package/dist/components/ui/index.js +25 -0
  117. package/dist/components/ui/index.js.map +1 -0
  118. package/dist/components/ui/input-group.d.ts +19 -0
  119. package/dist/components/ui/input-group.d.ts.map +1 -0
  120. package/dist/components/ui/input-group.js +58 -0
  121. package/dist/components/ui/input-group.js.map +1 -0
  122. package/dist/components/ui/input.d.ts +4 -0
  123. package/dist/components/ui/input.d.ts.map +1 -0
  124. package/dist/components/ui/input.js +8 -0
  125. package/dist/components/ui/input.js.map +1 -0
  126. package/dist/components/ui/label.d.ts +4 -0
  127. package/dist/components/ui/label.d.ts.map +1 -0
  128. package/dist/components/ui/label.js +7 -0
  129. package/dist/components/ui/label.js.map +1 -0
  130. package/dist/components/ui/morphing-popover/index.d.ts +10 -0
  131. package/dist/components/ui/morphing-popover/index.d.ts.map +1 -0
  132. package/dist/components/ui/morphing-popover/index.js +9 -0
  133. package/dist/components/ui/morphing-popover/index.js.map +1 -0
  134. package/dist/components/ui/morphing-popover/morphing-popover.d.ts +54 -0
  135. package/dist/components/ui/morphing-popover/morphing-popover.d.ts.map +1 -0
  136. package/dist/components/ui/morphing-popover/morphing-popover.js +50 -0
  137. package/dist/components/ui/morphing-popover/morphing-popover.js.map +1 -0
  138. package/dist/components/ui/select.d.ts +16 -0
  139. package/dist/components/ui/select.d.ts.map +1 -0
  140. package/dist/components/ui/select.js +35 -0
  141. package/dist/components/ui/select.js.map +1 -0
  142. package/dist/components/ui/separator.d.ts +4 -0
  143. package/dist/components/ui/separator.d.ts.map +1 -0
  144. package/dist/components/ui/separator.js +9 -0
  145. package/dist/components/ui/separator.js.map +1 -0
  146. package/dist/components/ui/textarea.d.ts +4 -0
  147. package/dist/components/ui/textarea.d.ts.map +1 -0
  148. package/dist/components/ui/textarea.js +7 -0
  149. package/dist/components/ui/textarea.js.map +1 -0
  150. package/dist/hooks/use-auto-height.d.ts +11 -0
  151. package/dist/hooks/use-auto-height.d.ts.map +1 -0
  152. package/dist/hooks/use-auto-height.js +75 -0
  153. package/dist/hooks/use-auto-height.js.map +1 -0
  154. package/dist/hooks/use-controlled-state.d.ts +9 -0
  155. package/dist/hooks/use-controlled-state.d.ts.map +1 -0
  156. package/dist/hooks/use-controlled-state.js +16 -0
  157. package/dist/hooks/use-controlled-state.js.map +1 -0
  158. package/dist/hooks/use-data-state.d.ts +5 -0
  159. package/dist/hooks/use-data-state.d.ts.map +1 -0
  160. package/dist/hooks/use-data-state.js +45 -0
  161. package/dist/hooks/use-data-state.js.map +1 -0
  162. package/dist/hooks/use-is-in-view.d.ts +13 -0
  163. package/dist/hooks/use-is-in-view.d.ts.map +1 -0
  164. package/dist/hooks/use-is-in-view.js +15 -0
  165. package/dist/hooks/use-is-in-view.js.map +1 -0
  166. package/dist/icons/index.d.ts +8 -0
  167. package/dist/icons/index.d.ts.map +1 -0
  168. package/dist/icons/index.js +11 -0
  169. package/dist/icons/index.js.map +1 -0
  170. package/dist/icons/lucide-animated/activity.d.ts +11 -0
  171. package/dist/icons/lucide-animated/activity.d.ts.map +1 -0
  172. package/dist/icons/lucide-animated/activity.js +57 -0
  173. package/dist/icons/lucide-animated/activity.js.map +1 -0
  174. package/dist/icons/lucide-animated/arrow-down-to-line.d.ts +23 -0
  175. package/dist/icons/lucide-animated/arrow-down-to-line.d.ts.map +1 -0
  176. package/dist/icons/lucide-animated/arrow-down-to-line.js +23 -0
  177. package/dist/icons/lucide-animated/arrow-down-to-line.js.map +1 -0
  178. package/dist/icons/lucide-animated/arrow-up.d.ts +23 -0
  179. package/dist/icons/lucide-animated/arrow-up.d.ts.map +1 -0
  180. package/dist/icons/lucide-animated/arrow-up.js +23 -0
  181. package/dist/icons/lucide-animated/arrow-up.js.map +1 -0
  182. package/dist/icons/lucide-animated/bell-electric.d.ts +11 -0
  183. package/dist/icons/lucide-animated/bell-electric.d.ts.map +1 -0
  184. package/dist/icons/lucide-animated/bell-electric.js +58 -0
  185. package/dist/icons/lucide-animated/bell-electric.js.map +1 -0
  186. package/dist/icons/lucide-animated/bell.d.ts +11 -0
  187. package/dist/icons/lucide-animated/bell.d.ts.map +1 -0
  188. package/dist/icons/lucide-animated/bell.js +43 -0
  189. package/dist/icons/lucide-animated/bell.js.map +1 -0
  190. package/dist/icons/lucide-animated/bot.d.ts +11 -0
  191. package/dist/icons/lucide-animated/bot.d.ts.map +1 -0
  192. package/dist/icons/lucide-animated/bot.js +58 -0
  193. package/dist/icons/lucide-animated/bot.js.map +1 -0
  194. package/dist/icons/lucide-animated/box.d.ts +11 -0
  195. package/dist/icons/lucide-animated/box.d.ts.map +1 -0
  196. package/dist/icons/lucide-animated/box.js +54 -0
  197. package/dist/icons/lucide-animated/box.js.map +1 -0
  198. package/dist/icons/lucide-animated/check.d.ts +7 -0
  199. package/dist/icons/lucide-animated/check.d.ts.map +1 -0
  200. package/dist/icons/lucide-animated/check.js +10 -0
  201. package/dist/icons/lucide-animated/check.js.map +1 -0
  202. package/dist/icons/lucide-animated/circle-check.d.ts +11 -0
  203. package/dist/icons/lucide-animated/circle-check.d.ts.map +1 -0
  204. package/dist/icons/lucide-animated/circle-check.js +54 -0
  205. package/dist/icons/lucide-animated/circle-check.js.map +1 -0
  206. package/dist/icons/lucide-animated/delete.d.ts +11 -0
  207. package/dist/icons/lucide-animated/delete.d.ts.map +1 -0
  208. package/dist/icons/lucide-animated/delete.js +54 -0
  209. package/dist/icons/lucide-animated/delete.js.map +1 -0
  210. package/dist/icons/lucide-animated/download.d.ts +11 -0
  211. package/dist/icons/lucide-animated/download.d.ts.map +1 -0
  212. package/dist/icons/lucide-animated/download.js +48 -0
  213. package/dist/icons/lucide-animated/download.js.map +1 -0
  214. package/dist/icons/lucide-animated/edit-2.d.ts +7 -0
  215. package/dist/icons/lucide-animated/edit-2.d.ts.map +1 -0
  216. package/dist/icons/lucide-animated/edit-2.js +10 -0
  217. package/dist/icons/lucide-animated/edit-2.js.map +1 -0
  218. package/dist/icons/lucide-animated/globe.d.ts +7 -0
  219. package/dist/icons/lucide-animated/globe.d.ts.map +1 -0
  220. package/dist/icons/lucide-animated/globe.js +10 -0
  221. package/dist/icons/lucide-animated/globe.js.map +1 -0
  222. package/dist/icons/lucide-animated/home.d.ts +11 -0
  223. package/dist/icons/lucide-animated/home.d.ts.map +1 -0
  224. package/dist/icons/lucide-animated/home.js +50 -0
  225. package/dist/icons/lucide-animated/home.js.map +1 -0
  226. package/dist/icons/lucide-animated/index.d.ts +38 -0
  227. package/dist/icons/lucide-animated/index.d.ts.map +1 -0
  228. package/dist/icons/lucide-animated/index.js +38 -0
  229. package/dist/icons/lucide-animated/index.js.map +1 -0
  230. package/dist/icons/lucide-animated/layers.d.ts +7 -0
  231. package/dist/icons/lucide-animated/layers.d.ts.map +1 -0
  232. package/dist/icons/lucide-animated/layers.js +10 -0
  233. package/dist/icons/lucide-animated/layers.js.map +1 -0
  234. package/dist/icons/lucide-animated/layout-panel-top.d.ts +11 -0
  235. package/dist/icons/lucide-animated/layout-panel-top.d.ts.map +1 -0
  236. package/dist/icons/lucide-animated/layout-panel-top.js +68 -0
  237. package/dist/icons/lucide-animated/layout-panel-top.js.map +1 -0
  238. package/dist/icons/lucide-animated/list.d.ts +23 -0
  239. package/dist/icons/lucide-animated/list.d.ts.map +1 -0
  240. package/dist/icons/lucide-animated/list.js +23 -0
  241. package/dist/icons/lucide-animated/list.js.map +1 -0
  242. package/dist/icons/lucide-animated/package.d.ts +7 -0
  243. package/dist/icons/lucide-animated/package.d.ts.map +1 -0
  244. package/dist/icons/lucide-animated/package.js +10 -0
  245. package/dist/icons/lucide-animated/package.js.map +1 -0
  246. package/dist/icons/lucide-animated/palette.d.ts +7 -0
  247. package/dist/icons/lucide-animated/palette.d.ts.map +1 -0
  248. package/dist/icons/lucide-animated/palette.js +10 -0
  249. package/dist/icons/lucide-animated/palette.js.map +1 -0
  250. package/dist/icons/lucide-animated/plus.d.ts +11 -0
  251. package/dist/icons/lucide-animated/plus.d.ts.map +1 -0
  252. package/dist/icons/lucide-animated/plus.js +43 -0
  253. package/dist/icons/lucide-animated/plus.js.map +1 -0
  254. package/dist/icons/lucide-animated/refresh-cw.d.ts +7 -0
  255. package/dist/icons/lucide-animated/refresh-cw.d.ts.map +1 -0
  256. package/dist/icons/lucide-animated/refresh-cw.js +10 -0
  257. package/dist/icons/lucide-animated/refresh-cw.js.map +1 -0
  258. package/dist/icons/lucide-animated/rocket.d.ts +7 -0
  259. package/dist/icons/lucide-animated/rocket.d.ts.map +1 -0
  260. package/dist/icons/lucide-animated/rocket.js +10 -0
  261. package/dist/icons/lucide-animated/rocket.js.map +1 -0
  262. package/dist/icons/lucide-animated/save.d.ts +7 -0
  263. package/dist/icons/lucide-animated/save.d.ts.map +1 -0
  264. package/dist/icons/lucide-animated/save.js +10 -0
  265. package/dist/icons/lucide-animated/save.js.map +1 -0
  266. package/dist/icons/lucide-animated/search.d.ts +11 -0
  267. package/dist/icons/lucide-animated/search.d.ts.map +1 -0
  268. package/dist/icons/lucide-animated/search.js +45 -0
  269. package/dist/icons/lucide-animated/search.js.map +1 -0
  270. package/dist/icons/lucide-animated/settings.d.ts +11 -0
  271. package/dist/icons/lucide-animated/settings.d.ts.map +1 -0
  272. package/dist/icons/lucide-animated/settings.js +43 -0
  273. package/dist/icons/lucide-animated/settings.js.map +1 -0
  274. package/dist/icons/lucide-animated/terminal.d.ts +24 -0
  275. package/dist/icons/lucide-animated/terminal.d.ts.map +1 -0
  276. package/dist/icons/lucide-animated/terminal.js +5 -0
  277. package/dist/icons/lucide-animated/terminal.js.map +1 -0
  278. package/dist/icons/lucide-animated/trash-2.d.ts +7 -0
  279. package/dist/icons/lucide-animated/trash-2.d.ts.map +1 -0
  280. package/dist/icons/lucide-animated/trash-2.js +10 -0
  281. package/dist/icons/lucide-animated/trash-2.js.map +1 -0
  282. package/dist/icons/lucide-animated/trending-down.d.ts +11 -0
  283. package/dist/icons/lucide-animated/trending-down.d.ts.map +1 -0
  284. package/dist/icons/lucide-animated/trending-down.js +87 -0
  285. package/dist/icons/lucide-animated/trending-down.js.map +1 -0
  286. package/dist/icons/lucide-animated/trending-up.d.ts +11 -0
  287. package/dist/icons/lucide-animated/trending-up.d.ts.map +1 -0
  288. package/dist/icons/lucide-animated/trending-up.js +87 -0
  289. package/dist/icons/lucide-animated/trending-up.js.map +1 -0
  290. package/dist/icons/lucide-animated/type.d.ts +7 -0
  291. package/dist/icons/lucide-animated/type.d.ts.map +1 -0
  292. package/dist/icons/lucide-animated/type.js +10 -0
  293. package/dist/icons/lucide-animated/type.js.map +1 -0
  294. package/dist/icons/lucide-animated/upload.d.ts +7 -0
  295. package/dist/icons/lucide-animated/upload.d.ts.map +1 -0
  296. package/dist/icons/lucide-animated/upload.js +10 -0
  297. package/dist/icons/lucide-animated/upload.js.map +1 -0
  298. package/dist/icons/lucide-animated/x.d.ts +11 -0
  299. package/dist/icons/lucide-animated/x.d.ts.map +1 -0
  300. package/dist/icons/lucide-animated/x.js +46 -0
  301. package/dist/icons/lucide-animated/x.js.map +1 -0
  302. package/dist/index.css +129 -0
  303. package/dist/index.d.ts +15 -0
  304. package/dist/index.d.ts.map +1 -0
  305. package/dist/index.js +18 -0
  306. package/dist/index.js.map +1 -0
  307. package/dist/lib/get-strict-context.d.ts +10 -0
  308. package/dist/lib/get-strict-context.d.ts.map +1 -0
  309. package/dist/lib/get-strict-context.js +16 -0
  310. package/dist/lib/get-strict-context.js.map +1 -0
  311. package/dist/lib/utils.d.ts +20 -0
  312. package/dist/lib/utils.d.ts.map +1 -0
  313. package/dist/lib/utils.js +23 -0
  314. package/dist/lib/utils.js.map +1 -0
  315. package/package.json +84 -0
  316. package/src/assets/react.svg +1 -0
  317. package/src/components/animate-ui/primitives/animate/slot.tsx +96 -0
  318. package/src/components/animate-ui/primitives/base/accordion.tsx +179 -0
  319. package/src/components/animate-ui/primitives/base/alert-dialog.tsx +218 -0
  320. package/src/components/animate-ui/primitives/base/checkbox.tsx +153 -0
  321. package/src/components/animate-ui/primitives/base/dialog.tsx +203 -0
  322. package/src/components/animate-ui/primitives/base/menu.tsx +463 -0
  323. package/src/components/animate-ui/primitives/base/popover.tsx +167 -0
  324. package/src/components/animate-ui/primitives/base/progress.tsx +103 -0
  325. package/src/components/animate-ui/primitives/base/switch.tsx +158 -0
  326. package/src/components/animate-ui/primitives/base/tabs.tsx +202 -0
  327. package/src/components/animate-ui/primitives/base/tooltip.tsx +209 -0
  328. package/src/components/animate-ui/primitives/effects/auto-height.tsx +55 -0
  329. package/src/components/animate-ui/primitives/effects/highlight.tsx +640 -0
  330. package/src/components/animate-ui/primitives/texts/counting-number.tsx +119 -0
  331. package/src/components/ui/alert-dialog.tsx +177 -0
  332. package/src/components/ui/badge/badge.styles.ts +46 -0
  333. package/src/components/ui/badge/badge.tsx +52 -0
  334. package/src/components/ui/badge/badge.types.ts +41 -0
  335. package/src/components/ui/badge/index.ts +8 -0
  336. package/src/components/ui/button/button.styles.ts +66 -0
  337. package/src/components/ui/button/button.tsx +209 -0
  338. package/src/components/ui/button/button.types.ts +125 -0
  339. package/src/components/ui/button/index.ts +7 -0
  340. package/src/components/ui/card.tsx +108 -0
  341. package/src/components/ui/combobox.tsx +293 -0
  342. package/src/components/ui/devenv-bracket.tsx +81 -0
  343. package/src/components/ui/dropdown-menu.tsx +261 -0
  344. package/src/components/ui/field.tsx +227 -0
  345. package/src/components/ui/index.ts +26 -0
  346. package/src/components/ui/input-group.tsx +149 -0
  347. package/src/components/ui/input.tsx +20 -0
  348. package/src/components/ui/label.tsx +18 -0
  349. package/src/components/ui/morphing-popover/index.ts +10 -0
  350. package/src/components/ui/morphing-popover/morphing-popover.module.css +153 -0
  351. package/src/components/ui/morphing-popover/morphing-popover.tsx +183 -0
  352. package/src/components/ui/select.tsx +190 -0
  353. package/src/components/ui/separator.tsx +25 -0
  354. package/src/components/ui/textarea.tsx +18 -0
  355. package/src/hooks/use-auto-height.tsx +102 -0
  356. package/src/hooks/use-controlled-state.tsx +33 -0
  357. package/src/hooks/use-data-state.tsx +54 -0
  358. package/src/hooks/use-is-in-view.tsx +25 -0
  359. package/src/icons/index.ts +12 -0
  360. package/src/icons/lucide-animated/activity.tsx +109 -0
  361. package/src/icons/lucide-animated/arrow-down-to-line.tsx +51 -0
  362. package/src/icons/lucide-animated/arrow-up.tsx +50 -0
  363. package/src/icons/lucide-animated/bell-electric.tsx +124 -0
  364. package/src/icons/lucide-animated/bell.tsx +93 -0
  365. package/src/icons/lucide-animated/bot.tsx +122 -0
  366. package/src/icons/lucide-animated/box.tsx +117 -0
  367. package/src/icons/lucide-animated/check.tsx +21 -0
  368. package/src/icons/lucide-animated/circle-check.tsx +107 -0
  369. package/src/icons/lucide-animated/delete.tsx +133 -0
  370. package/src/icons/lucide-animated/download.tsx +99 -0
  371. package/src/icons/lucide-animated/edit-2.tsx +21 -0
  372. package/src/icons/lucide-animated/globe.tsx +23 -0
  373. package/src/icons/lucide-animated/home.tsx +103 -0
  374. package/src/icons/lucide-animated/index.ts +38 -0
  375. package/src/icons/lucide-animated/layers.tsx +23 -0
  376. package/src/icons/lucide-animated/layout-panel-top.tsx +143 -0
  377. package/src/icons/lucide-animated/list.tsx +54 -0
  378. package/src/icons/lucide-animated/package.tsx +24 -0
  379. package/src/icons/lucide-animated/palette.tsx +25 -0
  380. package/src/icons/lucide-animated/plus.tsx +92 -0
  381. package/src/icons/lucide-animated/refresh-cw.tsx +24 -0
  382. package/src/icons/lucide-animated/rocket.tsx +24 -0
  383. package/src/icons/lucide-animated/save.tsx +23 -0
  384. package/src/icons/lucide-animated/search.tsx +94 -0
  385. package/src/icons/lucide-animated/settings.tsx +92 -0
  386. package/src/icons/lucide-animated/terminal.tsx +46 -0
  387. package/src/icons/lucide-animated/trash-2.tsx +25 -0
  388. package/src/icons/lucide-animated/trending-down.tsx +151 -0
  389. package/src/icons/lucide-animated/trending-up.tsx +150 -0
  390. package/src/icons/lucide-animated/type.tsx +23 -0
  391. package/src/icons/lucide-animated/upload.tsx +23 -0
  392. package/src/icons/lucide-animated/x.tsx +102 -0
  393. package/src/index.css +129 -0
  394. package/src/index.ts +20 -0
  395. package/src/lib/get-strict-context.tsx +36 -0
  396. package/src/lib/utils.ts +24 -0
  397. package/src/types/css-modules.d.ts +18 -0
package/README.md ADDED
@@ -0,0 +1,73 @@
1
+ # React + TypeScript + Vite
2
+
3
+ This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
+
5
+ Currently, two official plugins are available:
6
+
7
+ - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
8
+ - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9
+
10
+ ## React Compiler
11
+
12
+ The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
13
+
14
+ ## Expanding the ESLint configuration
15
+
16
+ If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
17
+
18
+ ```js
19
+ export default defineConfig([
20
+ globalIgnores(['dist']),
21
+ {
22
+ files: ['**/*.{ts,tsx}'],
23
+ extends: [
24
+ // Other configs...
25
+
26
+ // Remove tseslint.configs.recommended and replace with this
27
+ tseslint.configs.recommendedTypeChecked,
28
+ // Alternatively, use this for stricter rules
29
+ tseslint.configs.strictTypeChecked,
30
+ // Optionally, add this for stylistic rules
31
+ tseslint.configs.stylisticTypeChecked,
32
+
33
+ // Other configs...
34
+ ],
35
+ languageOptions: {
36
+ parserOptions: {
37
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
38
+ tsconfigRootDir: import.meta.dirname,
39
+ },
40
+ // other options...
41
+ },
42
+ },
43
+ ])
44
+ ```
45
+
46
+ You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
47
+
48
+ ```js
49
+ // eslint.config.js
50
+ import reactX from 'eslint-plugin-react-x'
51
+ import reactDom from 'eslint-plugin-react-dom'
52
+
53
+ export default defineConfig([
54
+ globalIgnores(['dist']),
55
+ {
56
+ files: ['**/*.{ts,tsx}'],
57
+ extends: [
58
+ // Other configs...
59
+ // Enable lint rules for React
60
+ reactX.configs['recommended-typescript'],
61
+ // Enable lint rules for React DOM
62
+ reactDom.configs.recommended,
63
+ ],
64
+ languageOptions: {
65
+ parserOptions: {
66
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
67
+ tsconfigRootDir: import.meta.dirname,
68
+ },
69
+ // other options...
70
+ },
71
+ },
72
+ ])
73
+ ```
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { type HTMLMotionProps } from 'motion/react';
3
+ type AnyProps = Record<string, unknown>;
4
+ type DOMMotionProps<T extends HTMLElement = HTMLElement> = Omit<HTMLMotionProps<keyof HTMLElementTagNameMap>, 'ref'> & {
5
+ ref?: React.Ref<T>;
6
+ };
7
+ type WithAsChild<Base extends object> = (Base & {
8
+ asChild: true;
9
+ children: React.ReactElement;
10
+ }) | (Base & {
11
+ asChild?: false | undefined;
12
+ });
13
+ type SlotProps<T extends HTMLElement = HTMLElement> = {
14
+ children?: any;
15
+ } & DOMMotionProps<T>;
16
+ declare function Slot<T extends HTMLElement = HTMLElement>({ children, ref, ...props }: SlotProps<T>): import("react/jsx-runtime").JSX.Element | null;
17
+ export { Slot, type SlotProps, type WithAsChild, type DOMMotionProps, type AnyProps, };
18
+ //# sourceMappingURL=slot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/animate/slot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/E,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExC,KAAK,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CAC7D,eAAe,CAAC,MAAM,qBAAqB,CAAC,EAC5C,KAAK,CACN,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAE3B,KAAK,WAAW,CAAC,IAAI,SAAS,MAAM,IAChC,CAAC,IAAI,GAAG;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,CAAC,GACxD,CAAC,IAAI,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CAAE,CAAC,CAAC;AAE7C,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IAEpD,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AAwCtB,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACjD,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,kDAuBd;AAED,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,QAAQ,GACd,CAAC"}
@@ -0,0 +1,47 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import { motion, isMotionComponent } from 'motion/react';
5
+ import { cn } from '@/lib/utils';
6
+ function mergeRefs(...refs) {
7
+ return (node) => {
8
+ refs.forEach((ref) => {
9
+ if (!ref)
10
+ return;
11
+ if (typeof ref === 'function') {
12
+ ref(node);
13
+ }
14
+ else {
15
+ ref.current = node;
16
+ }
17
+ });
18
+ };
19
+ }
20
+ function mergeProps(childProps, slotProps) {
21
+ const merged = { ...childProps, ...slotProps };
22
+ if (childProps.className || slotProps.className) {
23
+ merged.className = cn(childProps.className, slotProps.className);
24
+ }
25
+ if (childProps.style || slotProps.style) {
26
+ merged.style = {
27
+ ...childProps.style,
28
+ ...slotProps.style,
29
+ };
30
+ }
31
+ return merged;
32
+ }
33
+ function Slot({ children, ref, ...props }) {
34
+ const isAlreadyMotion = typeof children.type === 'object' &&
35
+ children.type !== null &&
36
+ isMotionComponent(children.type);
37
+ const Base = React.useMemo(() => isAlreadyMotion
38
+ ? children.type
39
+ : motion.create(children.type), [isAlreadyMotion, children.type]);
40
+ if (!React.isValidElement(children))
41
+ return null;
42
+ const { ref: childRef, ...childProps } = children.props;
43
+ const mergedProps = mergeProps(childProps, props);
44
+ return (_jsx(Base, { ...mergedProps, ref: mergeRefs(childRef, ref) }));
45
+ }
46
+ export { Slot, };
47
+ //# sourceMappingURL=slot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/animate/slot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAwB,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAkBjC,SAAS,SAAS,CAChB,GAAG,IAAkC;IAErC,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACL,GAAiC,CAAC,OAAO,GAAG,IAAI,CAAC;YACpD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CACjB,UAAoB,EACpB,SAA4B;IAE5B,MAAM,MAAM,GAAa,EAAE,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IAEzD,IAAI,UAAU,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QAChD,MAAM,CAAC,SAAS,GAAG,EAAE,CACnB,UAAU,CAAC,SAAmB,EAC9B,SAAS,CAAC,SAAmB,CAC9B,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,GAAG;YACb,GAAI,UAAU,CAAC,KAA6B;YAC5C,GAAI,SAAS,CAAC,KAA6B;SAC5C,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,IAAI,CAAsC,EACjD,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACK;IACb,MAAM,eAAe,GACnB,OAAO,QAAQ,CAAC,IAAI,KAAK,QAAQ;QACjC,QAAQ,CAAC,IAAI,KAAK,IAAI;QACtB,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CACH,eAAe;QACb,CAAC,CAAE,QAAQ,CAAC,IAA0B;QACtC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAyB,CAAC,EACvD,CAAC,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjC,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjD,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,QAAQ,CAAC,KAAiB,CAAC;IAEpE,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,IAAI,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,CAAC,QAAwB,EAAE,GAAG,CAAC,GAAI,CACzE,CAAC;AACJ,CAAC;AAED,OAAO,EACL,IAAI,GAKL,CAAC"}
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ import { Accordion as AccordionPrimitive } from '@base-ui-components/react/accordion';
3
+ import { type HTMLMotionProps } from 'motion/react';
4
+ type AccordionItemContextType = {
5
+ isOpen: boolean;
6
+ setIsOpen: (open: boolean) => void;
7
+ };
8
+ declare const useAccordionItem: () => AccordionItemContextType;
9
+ type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
10
+ declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
11
+ type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;
12
+ declare function AccordionItem(props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
13
+ type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
14
+ declare function AccordionHeader(props: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
15
+ type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;
16
+ declare function AccordionTrigger(props: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
17
+ type AccordionPanelProps = Omit<React.ComponentProps<typeof AccordionPrimitive.Panel>, 'keepMounted' | 'render'> & HTMLMotionProps<'div'> & {
18
+ keepRendered?: boolean;
19
+ };
20
+ declare function AccordionPanel({ transition, hiddenUntilFound, keepRendered, ...props }: AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
21
+ export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, useAccordionItem, type AccordionProps, type AccordionItemProps, type AccordionHeaderProps, type AccordionTriggerProps, type AccordionPanelProps, type AccordionItemContextType, };
22
+ //# sourceMappingURL=accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAU7E,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAKF,QAAA,MAA8B,gBAAgB,gCACsB,CAAC;AAErE,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE3E,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAkBvC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE/E,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAe/C;AAED,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAC9C,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAC/C,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAIrD;AAED,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,EACrD,aAAa,GAAG,QAAQ,CACzB,GACC,eAAe,CAAC,KAAK,CAAC,GAAG;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEJ,iBAAS,cAAc,CAAC,EACtB,UAAkD,EAClD,gBAAgB,EAChB,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkErB;AAED,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,GAC9B,CAAC"}
@@ -0,0 +1,52 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import { Accordion as AccordionPrimitive } from '@base-ui-components/react/accordion';
5
+ import { AnimatePresence, motion } from 'motion/react';
6
+ import { getStrictContext } from '@/lib/get-strict-context';
7
+ import { useControlledState } from '@/hooks/use-controlled-state';
8
+ const [AccordionProvider, useAccordion] = getStrictContext('AccordionContext');
9
+ const [AccordionItemProvider, useAccordionItem] = getStrictContext('AccordionItemContext');
10
+ function Accordion(props) {
11
+ const [value, setValue] = useControlledState({
12
+ value: props?.value,
13
+ defaultValue: props?.defaultValue,
14
+ onChange: props?.onValueChange,
15
+ });
16
+ return (_jsx(AccordionProvider, { value: { value, setValue }, children: _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props, onValueChange: setValue }) }));
17
+ }
18
+ function AccordionItem(props) {
19
+ const { value } = useAccordion();
20
+ const [isOpen, setIsOpen] = React.useState(value?.includes(props?.value) ?? false);
21
+ React.useEffect(() => {
22
+ setIsOpen(value?.includes(props?.value) ?? false);
23
+ }, [value, props?.value]);
24
+ return (_jsx(AccordionItemProvider, { value: { isOpen, setIsOpen }, children: _jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", ...props }) }));
25
+ }
26
+ function AccordionHeader(props) {
27
+ return _jsx(AccordionPrimitive.Header, { "data-slot": "accordion-header", ...props });
28
+ }
29
+ function AccordionTrigger(props) {
30
+ return (_jsx(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", ...props }));
31
+ }
32
+ function AccordionPanel({ transition = { duration: 0.35, ease: 'easeInOut' }, hiddenUntilFound, keepRendered = false, ...props }) {
33
+ const { isOpen } = useAccordionItem();
34
+ return (_jsx(AnimatePresence, { children: keepRendered ? (_jsx(AccordionPrimitive.Panel, { hidden: false, hiddenUntilFound: hiddenUntilFound, keepMounted: true, render: _jsx(motion.div, { "data-slot": "accordion-panel", initial: { height: 0, opacity: 0, '--mask-stop': '0%', y: 20 }, animate: isOpen
35
+ ? { height: 'auto', opacity: 1, '--mask-stop': '100%', y: 0 }
36
+ : { height: 0, opacity: 0, '--mask-stop': '0%', y: 20 }, transition: transition, style: {
37
+ maskImage: 'linear-gradient(black var(--mask-stop), transparent var(--mask-stop))',
38
+ WebkitMaskImage: 'linear-gradient(black var(--mask-stop), transparent var(--mask-stop))',
39
+ overflow: 'hidden',
40
+ }, ...props }, "accordion-panel") })) : (isOpen && (_jsx(AccordionPrimitive.Panel, { hidden: false, hiddenUntilFound: hiddenUntilFound, keepMounted: true, render: _jsx(motion.div, { "data-slot": "accordion-panel", initial: { height: 0, opacity: 0, '--mask-stop': '0%', y: 20 }, animate: {
41
+ height: 'auto',
42
+ opacity: 1,
43
+ '--mask-stop': '100%',
44
+ y: 0,
45
+ }, exit: { height: 0, opacity: 0, '--mask-stop': '0%', y: 20 }, transition: transition, style: {
46
+ maskImage: 'linear-gradient(black var(--mask-stop), transparent var(--mask-stop))',
47
+ WebkitMaskImage: 'linear-gradient(black var(--mask-stop), transparent var(--mask-stop))',
48
+ overflow: 'hidden',
49
+ }, ...props }, "accordion-panel") }))) }));
50
+ }
51
+ export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, useAccordionItem, };
52
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/accordion.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ import * as React from 'react';
2
+ import { AlertDialog as AlertDialogPrimitive } from '@base-ui-components/react/alert-dialog';
3
+ import { type HTMLMotionProps } from 'motion/react';
4
+ type AlertDialogContextType = {
5
+ isOpen: boolean;
6
+ setIsOpen: AlertDialogProps['onOpenChange'];
7
+ };
8
+ declare const useAlertDialog: () => AlertDialogContextType;
9
+ type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
10
+ declare function AlertDialog(props: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
11
+ type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
12
+ declare function AlertDialogTrigger(props: AlertDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
13
+ type AlertDialogPortalProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Portal>, 'keepMounted'>;
14
+ declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react/jsx-runtime").JSX.Element;
15
+ type AlertDialogBackdropProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>, 'render'> & HTMLMotionProps<'div'>;
16
+ declare function AlertDialogBackdrop({ transition, ...props }: AlertDialogBackdropProps): import("react/jsx-runtime").JSX.Element;
17
+ type AlertDialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
18
+ type AlertDialogPopupProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Popup>, 'render'> & HTMLMotionProps<'div'> & {
19
+ from?: AlertDialogFlipDirection;
20
+ };
21
+ declare function AlertDialogPopup({ from, initialFocus, finalFocus, transition, ...props }: AlertDialogPopupProps): import("react/jsx-runtime").JSX.Element;
22
+ type AlertDialogCloseProps = React.ComponentProps<typeof AlertDialogPrimitive.Close>;
23
+ declare function AlertDialogClose(props: AlertDialogCloseProps): import("react/jsx-runtime").JSX.Element;
24
+ type AlertDialogHeaderProps = React.ComponentProps<'div'>;
25
+ declare function AlertDialogHeader(props: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
26
+ type AlertDialogFooterProps = React.ComponentProps<'div'>;
27
+ declare function AlertDialogFooter(props: AlertDialogFooterProps): import("react/jsx-runtime").JSX.Element;
28
+ type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>;
29
+ declare function AlertDialogTitle(props: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
30
+ type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>;
31
+ declare function AlertDialogDescription(props: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
32
+ export { AlertDialog, AlertDialogPortal, AlertDialogBackdrop, AlertDialogClose, AlertDialogTrigger, AlertDialogPopup, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, useAlertDialog, type AlertDialogProps, type AlertDialogTriggerProps, type AlertDialogPortalProps, type AlertDialogCloseProps, type AlertDialogBackdropProps, type AlertDialogPopupProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogTitleProps, type AlertDialogDescriptionProps, type AlertDialogContextType, type AlertDialogFlipDirection, };
33
+ //# sourceMappingURL=alert-dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/alert-dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { AlertDialog as AlertDialogPrimitive } from '@base-ui-components/react/alert-dialog';
4
+ import { AnimatePresence, motion } from 'motion/react';
5
+ import { useControlledState } from '@/hooks/use-controlled-state';
6
+ import { getStrictContext } from '@/lib/get-strict-context';
7
+ const [AlertDialogProvider, useAlertDialog] = getStrictContext('AlertDialogContext');
8
+ function AlertDialog(props) {
9
+ const [isOpen, setIsOpen] = useControlledState({
10
+ value: props?.open,
11
+ defaultValue: props?.defaultOpen,
12
+ onChange: props?.onOpenChange,
13
+ });
14
+ return (_jsx(AlertDialogProvider, { value: { isOpen, setIsOpen }, children: _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props, onOpenChange: setIsOpen }) }));
15
+ }
16
+ function AlertDialogTrigger(props) {
17
+ return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
18
+ }
19
+ function AlertDialogPortal(props) {
20
+ const { isOpen } = useAlertDialog();
21
+ return (_jsx(AnimatePresence, { children: isOpen && (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", keepMounted: true, ...props })) }));
22
+ }
23
+ function AlertDialogBackdrop({ transition = { duration: 0.2, ease: 'easeInOut' }, ...props }) {
24
+ return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-backdrop", render: _jsx(motion.div, { initial: { opacity: 0, filter: 'blur(4px)' }, animate: { opacity: 1, filter: 'blur(0px)' }, exit: { opacity: 0, filter: 'blur(4px)' }, transition: transition, ...props }, "alert-dialog-backdrop") }));
25
+ }
26
+ function AlertDialogPopup({ from = 'top', initialFocus, finalFocus, transition = { type: 'spring', stiffness: 150, damping: 25 }, ...props }) {
27
+ const initialRotation = from === 'bottom' || from === 'left' ? '20deg' : '-20deg';
28
+ const isVertical = from === 'top' || from === 'bottom';
29
+ const rotateAxis = isVertical ? 'rotateX' : 'rotateY';
30
+ return (_jsx(AlertDialogPrimitive.Popup, { initialFocus: initialFocus, finalFocus: finalFocus, render: _jsx(motion.div, { "data-slot": "alert-dialog-popup", initial: {
31
+ opacity: 0,
32
+ filter: 'blur(4px)',
33
+ transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,
34
+ }, animate: {
35
+ opacity: 1,
36
+ filter: 'blur(0px)',
37
+ transform: `perspective(500px) ${rotateAxis}(0deg) scale(1)`,
38
+ }, exit: {
39
+ opacity: 0,
40
+ filter: 'blur(4px)',
41
+ transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,
42
+ }, transition: transition, ...props }, "alert-dialog-popup") }));
43
+ }
44
+ function AlertDialogClose(props) {
45
+ return (_jsx(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-close", ...props }));
46
+ }
47
+ function AlertDialogHeader(props) {
48
+ return _jsx("div", { "data-slot": "alert-dialog-header", ...props });
49
+ }
50
+ function AlertDialogFooter(props) {
51
+ return _jsx("div", { "data-slot": "alert-dialog-footer", ...props });
52
+ }
53
+ function AlertDialogTitle(props) {
54
+ return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", ...props }));
55
+ }
56
+ function AlertDialogDescription(props) {
57
+ return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", ...props }));
58
+ }
59
+ export { AlertDialog, AlertDialogPortal, AlertDialogBackdrop, AlertDialogClose, AlertDialogTrigger, AlertDialogPopup, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, useAlertDialog, };
60
+ //# sourceMappingURL=alert-dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/alert-dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ import { Checkbox as CheckboxPrimitive } from '@base-ui-components/react/checkbox';
3
+ import { type HTMLMotionProps, type SVGMotionProps } from 'motion/react';
4
+ type CheckboxContextType = {
5
+ isChecked: boolean;
6
+ setIsChecked: CheckboxProps['onCheckedChange'];
7
+ isIndeterminate: boolean | undefined;
8
+ };
9
+ declare const useCheckbox: () => CheckboxContextType;
10
+ type CheckboxProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'render'> & HTMLMotionProps<'button'>;
11
+ declare function Checkbox({ name, checked, defaultChecked, onCheckedChange, indeterminate, value, nativeButton, parent, disabled, readOnly, required, inputRef, id, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
12
+ type CheckboxIndicatorProps = SVGMotionProps<SVGSVGElement>;
13
+ declare function CheckboxIndicator(props: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
14
+ export { Checkbox, CheckboxIndicator, useCheckbox, type CheckboxProps, type CheckboxIndicatorProps, type CheckboxContextType, };
15
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAKtB,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,QAAA,MAAyB,WAAW,2BACsB,CAAC;AAE3D,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnD,QAAQ,CACT,GACC,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE5B,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,aAAa,2CAoCf;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE5D,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA4DvD;AAED,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACzB,CAAC"}
@@ -0,0 +1,41 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Checkbox as CheckboxPrimitive } from '@base-ui-components/react/checkbox';
4
+ import { motion, } from 'motion/react';
5
+ import { getStrictContext } from '@/lib/get-strict-context';
6
+ import { useControlledState } from '@/hooks/use-controlled-state';
7
+ const [CheckboxProvider, useCheckbox] = getStrictContext('CheckboxContext');
8
+ function Checkbox({ name, checked, defaultChecked, onCheckedChange, indeterminate, value, nativeButton, parent, disabled, readOnly, required, inputRef, id, ...props }) {
9
+ const [isChecked, setIsChecked] = useControlledState({
10
+ value: checked,
11
+ defaultValue: defaultChecked,
12
+ onChange: onCheckedChange,
13
+ });
14
+ return (_jsx(CheckboxProvider, { value: { isChecked, setIsChecked, isIndeterminate: indeterminate }, children: _jsx(CheckboxPrimitive.Root, { name: name, defaultChecked: defaultChecked, checked: checked, onCheckedChange: setIsChecked, indeterminate: indeterminate, value: value, nativeButton: nativeButton, parent: parent, disabled: disabled, readOnly: readOnly, required: required, inputRef: inputRef, id: id, render: _jsx(motion.button, { "data-slot": "checkbox", whileTap: { scale: 0.95 }, whileHover: { scale: 1.05 }, ...props }) }) }));
15
+ }
16
+ function CheckboxIndicator(props) {
17
+ const { isChecked, isIndeterminate } = useCheckbox();
18
+ return (_jsx(CheckboxPrimitive.Indicator, { keepMounted: true, render: _jsx(motion.svg, { "data-slot": "checkbox-indicator", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "3.5", stroke: "currentColor", initial: "unchecked", animate: isChecked ? 'checked' : 'unchecked', ...props, children: isIndeterminate ? (_jsx(motion.line, { x1: "5", y1: "12", x2: "19", y2: "12", strokeLinecap: "round", initial: { pathLength: 0, opacity: 0 }, animate: {
19
+ pathLength: 1,
20
+ opacity: 1,
21
+ transition: { duration: 0.2 },
22
+ } })) : (_jsx(motion.path, { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5", variants: {
23
+ checked: {
24
+ pathLength: 1,
25
+ opacity: 1,
26
+ transition: {
27
+ duration: 0.2,
28
+ delay: 0.2,
29
+ },
30
+ },
31
+ unchecked: {
32
+ pathLength: 0,
33
+ opacity: 0,
34
+ transition: {
35
+ duration: 0.2,
36
+ },
37
+ },
38
+ } })) }) }));
39
+ }
40
+ export { Checkbox, CheckboxIndicator, useCheckbox, };
41
+ //# sourceMappingURL=checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/checkbox.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ import * as React from 'react';
2
+ import { Dialog as DialogPrimitive } from '@base-ui-components/react/dialog';
3
+ import { type HTMLMotionProps } from 'motion/react';
4
+ type DialogContextType = {
5
+ isOpen: boolean;
6
+ setIsOpen: DialogProps['onOpenChange'];
7
+ };
8
+ declare const useDialog: () => DialogContextType;
9
+ type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;
10
+ declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
11
+ type DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;
12
+ declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
13
+ type DialogPortalProps = Omit<React.ComponentProps<typeof DialogPrimitive.Portal>, 'keepMounted'>;
14
+ declare function DialogPortal(props: DialogPortalProps): import("react/jsx-runtime").JSX.Element;
15
+ type DialogBackdropProps = Omit<React.ComponentProps<typeof DialogPrimitive.Backdrop>, 'render'> & HTMLMotionProps<'div'>;
16
+ declare function DialogBackdrop({ transition, ...props }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element;
17
+ type DialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
18
+ type DialogPopupProps = Omit<React.ComponentProps<typeof DialogPrimitive.Popup>, 'render'> & HTMLMotionProps<'div'> & {
19
+ from?: DialogFlipDirection;
20
+ };
21
+ declare function DialogPopup({ from, initialFocus, finalFocus, transition, ...props }: DialogPopupProps): import("react/jsx-runtime").JSX.Element;
22
+ type DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;
23
+ declare function DialogClose(props: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
24
+ type DialogHeaderProps = React.ComponentProps<'div'>;
25
+ declare function DialogHeader(props: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
26
+ type DialogFooterProps = React.ComponentProps<'div'>;
27
+ declare function DialogFooter(props: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
28
+ type DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;
29
+ declare function DialogTitle(props: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
30
+ type DialogDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>;
31
+ declare function DialogDescription(props: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
32
+ export { Dialog, DialogPortal, DialogBackdrop, DialogClose, DialogTrigger, DialogPopup, DialogHeader, DialogFooter, DialogTitle, DialogDescription, useDialog, type DialogProps, type DialogTriggerProps, type DialogPortalProps, type DialogCloseProps, type DialogBackdropProps, type DialogPopupProps, type DialogHeaderProps, type DialogFooterProps, type DialogTitleProps, type DialogDescriptionProps, type DialogContextType, type DialogFlipDirection, };
33
+ //# sourceMappingURL=dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Dialog as DialogPrimitive } from '@base-ui-components/react/dialog';
4
+ import { AnimatePresence, motion } from 'motion/react';
5
+ import { useControlledState } from '@/hooks/use-controlled-state';
6
+ import { getStrictContext } from '@/lib/get-strict-context';
7
+ const [DialogProvider, useDialog] = getStrictContext('DialogContext');
8
+ function Dialog(props) {
9
+ const [isOpen, setIsOpen] = useControlledState({
10
+ value: props?.open,
11
+ defaultValue: props?.defaultOpen,
12
+ onChange: props?.onOpenChange,
13
+ });
14
+ return (_jsx(DialogProvider, { value: { isOpen, setIsOpen }, children: _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props, onOpenChange: setIsOpen }) }));
15
+ }
16
+ function DialogTrigger(props) {
17
+ return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
18
+ }
19
+ function DialogPortal(props) {
20
+ const { isOpen } = useDialog();
21
+ return (_jsx(AnimatePresence, { children: isOpen && (_jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", keepMounted: true, ...props })) }));
22
+ }
23
+ function DialogBackdrop({ transition = { duration: 0.2, ease: 'easeInOut' }, ...props }) {
24
+ return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-backdrop", render: _jsx(motion.div, { initial: { opacity: 0, filter: 'blur(4px)' }, animate: { opacity: 1, filter: 'blur(0px)' }, exit: { opacity: 0, filter: 'blur(4px)' }, transition: transition, ...props }, "dialog-backdrop") }));
25
+ }
26
+ function DialogPopup({ from = 'top', initialFocus, finalFocus, transition = { type: 'spring', stiffness: 150, damping: 25 }, ...props }) {
27
+ const initialRotation = from === 'bottom' || from === 'left' ? '20deg' : '-20deg';
28
+ const isVertical = from === 'top' || from === 'bottom';
29
+ const rotateAxis = isVertical ? 'rotateX' : 'rotateY';
30
+ return (_jsx(DialogPrimitive.Popup, { initialFocus: initialFocus, finalFocus: finalFocus, render: _jsx(motion.div, { "data-slot": "dialog-popup", initial: {
31
+ opacity: 0,
32
+ filter: 'blur(4px)',
33
+ transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,
34
+ }, animate: {
35
+ opacity: 1,
36
+ filter: 'blur(0px)',
37
+ transform: `perspective(500px) ${rotateAxis}(0deg) scale(1)`,
38
+ }, exit: {
39
+ opacity: 0,
40
+ filter: 'blur(4px)',
41
+ transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`,
42
+ }, transition: transition, ...props }, "dialog-popup") }));
43
+ }
44
+ function DialogClose(props) {
45
+ return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
46
+ }
47
+ function DialogHeader(props) {
48
+ return _jsx("div", { "data-slot": "dialog-header", ...props });
49
+ }
50
+ function DialogFooter(props) {
51
+ return _jsx("div", { "data-slot": "dialog-footer", ...props });
52
+ }
53
+ function DialogTitle(props) {
54
+ return _jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", ...props });
55
+ }
56
+ function DialogDescription(props) {
57
+ return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", ...props }));
58
+ }
59
+ export { Dialog, DialogPortal, DialogBackdrop, DialogClose, DialogTrigger, DialogPopup, DialogHeader, DialogFooter, DialogTitle, DialogDescription, useDialog, };
60
+ //# sourceMappingURL=dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ import * as React from 'react';
2
+ import { Menu as MenuPrimitive } from '@base-ui-components/react/menu';
3
+ import { type HTMLMotionProps } from 'motion/react';
4
+ import { type HighlightItemProps, type HighlightProps } from '@/components/animate-ui/primitives/effects/highlight';
5
+ type MenuActiveValueContextType = {
6
+ highlightedValue: string | null;
7
+ setHighlightedValue: (value: string | null) => void;
8
+ };
9
+ type MenuContextType = {
10
+ isOpen: boolean;
11
+ setIsOpen: MenuProps['onOpenChange'];
12
+ };
13
+ declare const useMenuActiveValue: () => MenuActiveValueContextType;
14
+ declare const useMenu: () => MenuContextType;
15
+ type MenuProps = React.ComponentProps<typeof MenuPrimitive.Root>;
16
+ declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
17
+ type MenuTriggerProps = React.ComponentProps<typeof MenuPrimitive.Trigger>;
18
+ declare function MenuTrigger(props: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
19
+ type MenuPortalProps = Omit<React.ComponentProps<typeof MenuPrimitive.Portal>, 'keepMounted'>;
20
+ declare function MenuPortal(props: MenuPortalProps): import("react/jsx-runtime").JSX.Element;
21
+ type MenuGroupProps = React.ComponentProps<typeof MenuPrimitive.Group>;
22
+ declare function MenuGroup(props: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
23
+ type MenuGroupLabelProps = React.ComponentProps<typeof MenuPrimitive.GroupLabel>;
24
+ declare function MenuGroupLabel(props: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
25
+ type MenuSubmenuProps = React.ComponentProps<typeof MenuPrimitive.SubmenuRoot>;
26
+ declare function MenuSubmenu(props: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
27
+ type MenuSubmenuTriggerProps = Omit<React.ComponentProps<typeof MenuPrimitive.SubmenuTrigger>, 'render'> & HTMLMotionProps<'div'> & {
28
+ disabled?: boolean;
29
+ };
30
+ declare function MenuSubmenuTrigger({ label, id, nativeButton, ...props }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
31
+ type MenuHighlightProps = Omit<HighlightProps, 'controlledItems' | 'enabled' | 'hover'> & {
32
+ animateOnHover?: boolean;
33
+ };
34
+ declare function MenuHighlight({ transition, ...props }: MenuHighlightProps): import("react/jsx-runtime").JSX.Element;
35
+ type MenuHighlightItemProps = HighlightItemProps;
36
+ declare function MenuHighlightItem(props: MenuHighlightItemProps): import("react/jsx-runtime").JSX.Element;
37
+ type MenuPositionerProps = React.ComponentProps<typeof MenuPrimitive.Positioner>;
38
+ declare function MenuPositioner(props: MenuPositionerProps): import("react/jsx-runtime").JSX.Element;
39
+ type MenuPopupProps = Omit<React.ComponentProps<typeof MenuPrimitive.Popup>, 'render'> & HTMLMotionProps<'div'>;
40
+ declare function MenuPopup({ finalFocus, id, transition, style, ...props }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
41
+ type MenuItemProps = Omit<React.ComponentProps<typeof MenuPrimitive.Item>, 'render'> & HTMLMotionProps<'div'>;
42
+ declare function MenuItem({ disabled, label, closeOnClick, nativeButton, id, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
43
+ type MenuCheckboxItemProps = Omit<React.ComponentProps<typeof MenuPrimitive.CheckboxItem>, 'render'>;
44
+ declare function MenuCheckboxItem({ label, defaultChecked, checked, onCheckedChange, disabled, closeOnClick, nativeButton, id, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
45
+ type MenuCheckboxItemIndicatorProps = Omit<React.ComponentProps<typeof MenuPrimitive.CheckboxItemIndicator>, 'render'> & HTMLMotionProps<'div'>;
46
+ declare function MenuCheckboxItemIndicator({ keepMounted, ...props }: MenuCheckboxItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
47
+ type MenuRadioGroupProps = React.ComponentProps<typeof MenuPrimitive.RadioGroup>;
48
+ declare function MenuRadioGroup(props: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
49
+ type MenuRadioItemProps = Omit<React.ComponentProps<typeof MenuPrimitive.RadioItem>, 'render'>;
50
+ declare function MenuRadioItem({ value, disabled, label, closeOnClick, nativeButton, id, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
51
+ type MenuRadioItemIndicatorProps = Omit<React.ComponentProps<typeof MenuPrimitive.RadioItemIndicator>, 'render'> & HTMLMotionProps<'div'>;
52
+ declare function MenuRadioItemIndicator({ keepMounted, ...props }: MenuRadioItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
53
+ type MenuShortcutProps = React.ComponentProps<'span'>;
54
+ declare function MenuShortcut(props: MenuShortcutProps): import("react/jsx-runtime").JSX.Element;
55
+ type MenuArrowProps = React.ComponentProps<typeof MenuPrimitive.Arrow>;
56
+ declare function MenuArrow(props: MenuArrowProps): import("react/jsx-runtime").JSX.Element;
57
+ type MenuSeparatorProps = React.ComponentProps<typeof MenuPrimitive.Separator>;
58
+ declare function MenuSeparator(props: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
59
+ export { Menu, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuGroup, MenuGroupLabel, MenuSeparator, MenuShortcut, MenuHighlight, MenuHighlightItem, MenuSubmenu, MenuSubmenuTrigger, useMenuActiveValue, useMenu, type MenuProps, type MenuTriggerProps, type MenuPortalProps, type MenuPositionerProps, type MenuPopupProps, type MenuArrowProps, type MenuItemProps, type MenuCheckboxItemProps, type MenuCheckboxItemIndicatorProps, type MenuRadioItemProps, type MenuRadioItemIndicatorProps, type MenuRadioGroupProps, type MenuGroupProps, type MenuGroupLabelProps, type MenuSeparatorProps, type MenuShortcutProps, type MenuHighlightProps, type MenuHighlightItemProps, type MenuSubmenuProps, type MenuSubmenuTriggerProps, type MenuActiveValueContextType, type MenuContextType, };
60
+ //# sourceMappingURL=menu.d.ts.map