@stackframe/stack 2.4.27 → 2.5.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 (395) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/credential-sign-in-form.d.mts +5 -0
  3. package/dist/components/credential-sign-in-form.d.ts +5 -0
  4. package/dist/components/{credential-sign-in.js → credential-sign-in-form.js} +33 -23
  5. package/dist/components/credential-sign-in-form.js.map +1 -0
  6. package/dist/components/credential-sign-up-form.d.mts +5 -0
  7. package/dist/components/credential-sign-up-form.d.ts +5 -0
  8. package/dist/components/{credential-sign-up.js → credential-sign-up-form.js} +34 -24
  9. package/dist/components/credential-sign-up-form.js.map +1 -0
  10. package/dist/components/{form-warning.d.mts → elements/form-warning.d.mts} +1 -1
  11. package/dist/components/{form-warning.d.ts → elements/form-warning.d.ts} +1 -1
  12. package/dist/components/{form-warning.js → elements/form-warning.js} +7 -4
  13. package/dist/components/elements/form-warning.js.map +1 -0
  14. package/dist/components/{maybe-full-page.d.mts → elements/maybe-full-page.d.mts} +3 -3
  15. package/dist/components/{maybe-full-page.d.ts → elements/maybe-full-page.d.ts} +3 -3
  16. package/dist/components/{maybe-full-page.js → elements/maybe-full-page.js} +11 -10
  17. package/dist/components/elements/maybe-full-page.js.map +1 -0
  18. package/dist/components/{separator-with-text.d.mts → elements/separator-with-text.d.mts} +1 -1
  19. package/dist/components/{separator-with-text.d.ts → elements/separator-with-text.d.ts} +1 -1
  20. package/dist/components/{separator-with-text.js → elements/separator-with-text.js} +11 -7
  21. package/dist/components/elements/separator-with-text.js.map +1 -0
  22. package/dist/components/elements/ssr-layout-effect.d.mts +7 -0
  23. package/dist/components/elements/ssr-layout-effect.d.ts +7 -0
  24. package/dist/{joy.js → components/elements/ssr-layout-effect.js} +17 -8
  25. package/dist/components/elements/ssr-layout-effect.js.map +1 -0
  26. package/dist/components/{user-avatar.d.mts → elements/user-avatar.d.mts} +2 -2
  27. package/dist/components/{user-avatar.d.ts → elements/user-avatar.d.ts} +2 -2
  28. package/dist/components/elements/user-avatar.js +40 -0
  29. package/dist/components/elements/user-avatar.js.map +1 -0
  30. package/dist/components/{forgot-password.d.mts → forgot-password-form.d.mts} +2 -2
  31. package/dist/components/{forgot-password.d.ts → forgot-password-form.d.ts} +2 -2
  32. package/dist/components/{forgot-password.js → forgot-password-form.js} +28 -24
  33. package/dist/components/forgot-password-form.js.map +1 -0
  34. package/dist/components/magic-link-sign-in-form.d.mts +5 -0
  35. package/dist/components/magic-link-sign-in-form.d.ts +5 -0
  36. package/dist/components/{magic-link-sign-in.js → magic-link-sign-in-form.js} +30 -20
  37. package/dist/components/magic-link-sign-in-form.js.map +1 -0
  38. package/dist/components/message-cards/known-error-message-card.d.mts +1 -1
  39. package/dist/components/message-cards/known-error-message-card.d.ts +1 -1
  40. package/dist/components/message-cards/known-error-message-card.js +10 -16
  41. package/dist/components/message-cards/known-error-message-card.js.map +1 -1
  42. package/dist/components/message-cards/message-card.d.mts +3 -3
  43. package/dist/components/message-cards/message-card.d.ts +3 -3
  44. package/dist/components/message-cards/message-card.js +11 -17
  45. package/dist/components/message-cards/message-card.js.map +1 -1
  46. package/dist/components/message-cards/predefined-message-card.d.mts +1 -1
  47. package/dist/components/message-cards/predefined-message-card.d.ts +1 -1
  48. package/dist/components/message-cards/predefined-message-card.js +9 -15
  49. package/dist/components/message-cards/predefined-message-card.js.map +1 -1
  50. package/dist/components/{oauth-group.d.mts → oauth-button-group.d.mts} +2 -2
  51. package/dist/components/{oauth-group.d.ts → oauth-button-group.d.ts} +2 -2
  52. package/dist/components/oauth-button-group.js +43 -0
  53. package/dist/components/oauth-button-group.js.map +1 -0
  54. package/dist/components/oauth-button.d.mts +1 -1
  55. package/dist/components/oauth-button.d.ts +1 -1
  56. package/dist/components/oauth-button.js +40 -7
  57. package/dist/components/oauth-button.js.map +1 -1
  58. package/dist/components/{password-reset-inner.d.mts → password-reset-form.d.mts} +2 -2
  59. package/dist/components/{password-reset-inner.d.ts → password-reset-form.d.ts} +2 -2
  60. package/dist/components/{password-reset-inner.js → password-reset-form.js} +35 -30
  61. package/dist/components/password-reset-form.js.map +1 -0
  62. package/dist/components/selected-team-switcher.d.mts +12 -2
  63. package/dist/components/selected-team-switcher.d.ts +12 -2
  64. package/dist/components/selected-team-switcher.js +43 -35
  65. package/dist/components/selected-team-switcher.js.map +1 -1
  66. package/dist/components/user-button.d.mts +3 -3
  67. package/dist/components/user-button.d.ts +3 -3
  68. package/dist/components/user-button.js +32 -59
  69. package/dist/components/user-button.js.map +1 -1
  70. package/dist/components-page/account-settings.d.mts +1 -1
  71. package/dist/components-page/account-settings.d.ts +1 -1
  72. package/dist/components-page/account-settings.js +39 -45
  73. package/dist/components-page/account-settings.js.map +1 -1
  74. package/dist/components-page/auth-page.d.mts +1 -1
  75. package/dist/components-page/auth-page.d.ts +1 -1
  76. package/dist/components-page/auth-page.js +31 -36
  77. package/dist/components-page/auth-page.js.map +1 -1
  78. package/dist/components-page/email-verification.d.mts +1 -1
  79. package/dist/components-page/email-verification.d.ts +1 -1
  80. package/dist/components-page/email-verification.js +10 -16
  81. package/dist/components-page/email-verification.js.map +1 -1
  82. package/dist/components-page/error-page.d.mts +1 -1
  83. package/dist/components-page/error-page.d.ts +1 -1
  84. package/dist/components-page/error-page.js +15 -20
  85. package/dist/components-page/error-page.js.map +1 -1
  86. package/dist/components-page/forgot-password.d.mts +1 -1
  87. package/dist/components-page/forgot-password.d.ts +1 -1
  88. package/dist/components-page/forgot-password.js +17 -23
  89. package/dist/components-page/forgot-password.js.map +1 -1
  90. package/dist/components-page/magic-link-callback.d.mts +1 -1
  91. package/dist/components-page/magic-link-callback.d.ts +1 -1
  92. package/dist/components-page/magic-link-callback.js +11 -17
  93. package/dist/components-page/magic-link-callback.js.map +1 -1
  94. package/dist/components-page/oauth-callback.d.mts +1 -1
  95. package/dist/components-page/oauth-callback.d.ts +1 -1
  96. package/dist/components-page/oauth-callback.js +10 -16
  97. package/dist/components-page/oauth-callback.js.map +1 -1
  98. package/dist/components-page/password-reset.d.mts +1 -1
  99. package/dist/components-page/password-reset.d.ts +1 -1
  100. package/dist/components-page/password-reset.js +12 -8
  101. package/dist/components-page/password-reset.js.map +1 -1
  102. package/dist/components-page/sign-in.d.mts +1 -1
  103. package/dist/components-page/sign-in.d.ts +1 -1
  104. package/dist/components-page/sign-in.js +7 -13
  105. package/dist/components-page/sign-in.js.map +1 -1
  106. package/dist/components-page/sign-out.d.mts +1 -1
  107. package/dist/components-page/sign-out.d.ts +1 -1
  108. package/dist/components-page/sign-out.js +7 -13
  109. package/dist/components-page/sign-out.js.map +1 -1
  110. package/dist/components-page/sign-up.d.mts +1 -1
  111. package/dist/components-page/sign-up.d.ts +1 -1
  112. package/dist/components-page/sign-up.js +7 -13
  113. package/dist/components-page/sign-up.js.map +1 -1
  114. package/dist/components-page/stack-handler.js +22 -32
  115. package/dist/components-page/stack-handler.js.map +1 -1
  116. package/dist/esm/components/{credential-sign-in.js → credential-sign-in-form.js} +23 -17
  117. package/dist/esm/components/credential-sign-in-form.js.map +1 -0
  118. package/dist/esm/components/{credential-sign-up.js → credential-sign-up-form.js} +23 -17
  119. package/dist/esm/components/credential-sign-up-form.js.map +1 -0
  120. package/dist/esm/components/elements/form-warning.js +15 -0
  121. package/dist/esm/components/elements/form-warning.js.map +1 -0
  122. package/dist/esm/components/{maybe-full-page.js → elements/maybe-full-page.js} +7 -10
  123. package/dist/esm/components/elements/maybe-full-page.js.map +1 -0
  124. package/dist/esm/components/elements/separator-with-text.js +17 -0
  125. package/dist/esm/components/elements/separator-with-text.js.map +1 -0
  126. package/dist/esm/components/elements/ssr-layout-effect.js +16 -0
  127. package/dist/esm/components/elements/ssr-layout-effect.js.map +1 -0
  128. package/dist/esm/components/elements/user-avatar.js +15 -0
  129. package/dist/esm/components/elements/user-avatar.js.map +1 -0
  130. package/dist/esm/components/{forgot-password.js → forgot-password-form.js} +19 -19
  131. package/dist/esm/components/forgot-password-form.js.map +1 -0
  132. package/dist/esm/components/{magic-link-sign-in.js → magic-link-sign-in-form.js} +21 -15
  133. package/dist/esm/components/magic-link-sign-in-form.js.map +1 -0
  134. package/dist/esm/components/message-cards/known-error-message-card.js +5 -5
  135. package/dist/esm/components/message-cards/known-error-message-card.js.map +1 -1
  136. package/dist/esm/components/message-cards/message-card.js +4 -4
  137. package/dist/esm/components/message-cards/message-card.js.map +1 -1
  138. package/dist/esm/components/message-cards/predefined-message-card.js +4 -4
  139. package/dist/esm/components/message-cards/predefined-message-card.js.map +1 -1
  140. package/dist/esm/components/oauth-button-group.js +19 -0
  141. package/dist/esm/components/oauth-button-group.js.map +1 -0
  142. package/dist/esm/components/oauth-button.js +26 -7
  143. package/dist/esm/components/oauth-button.js.map +1 -1
  144. package/dist/esm/components/{password-reset-inner.js → password-reset-form.js} +28 -23
  145. package/dist/esm/components/password-reset-form.js.map +1 -0
  146. package/dist/esm/components/selected-team-switcher.js +50 -45
  147. package/dist/esm/components/selected-team-switcher.js.map +1 -1
  148. package/dist/esm/components/user-button.js +23 -52
  149. package/dist/esm/components/user-button.js.map +1 -1
  150. package/dist/esm/components-page/account-settings.js +29 -29
  151. package/dist/esm/components-page/account-settings.js.map +1 -1
  152. package/dist/esm/components-page/auth-page.js +25 -24
  153. package/dist/esm/components-page/auth-page.js.map +1 -1
  154. package/dist/esm/components-page/email-verification.js +3 -3
  155. package/dist/esm/components-page/email-verification.js.map +1 -1
  156. package/dist/esm/components-page/error-page.js +8 -7
  157. package/dist/esm/components-page/error-page.js.map +1 -1
  158. package/dist/esm/components-page/forgot-password.js +10 -10
  159. package/dist/esm/components-page/forgot-password.js.map +1 -1
  160. package/dist/esm/components-page/magic-link-callback.js +3 -3
  161. package/dist/esm/components-page/magic-link-callback.js.map +1 -1
  162. package/dist/esm/components-page/oauth-callback.js +5 -5
  163. package/dist/esm/components-page/oauth-callback.js.map +1 -1
  164. package/dist/esm/components-page/password-reset.js +8 -8
  165. package/dist/esm/components-page/password-reset.js.map +1 -1
  166. package/dist/esm/components-page/sign-in.js +2 -2
  167. package/dist/esm/components-page/sign-in.js.map +1 -1
  168. package/dist/esm/components-page/sign-out.js +3 -3
  169. package/dist/esm/components-page/sign-out.js.map +1 -1
  170. package/dist/esm/components-page/sign-up.js +2 -2
  171. package/dist/esm/components-page/sign-up.js.map +1 -1
  172. package/dist/esm/components-page/stack-handler.js +11 -11
  173. package/dist/esm/components-page/stack-handler.js.map +1 -1
  174. package/dist/esm/generated/global-css.js +6 -0
  175. package/dist/esm/generated/global-css.js.map +1 -0
  176. package/dist/esm/index.js +33 -40
  177. package/dist/esm/index.js.map +1 -1
  178. package/dist/esm/lib/stack-app.js +29 -21
  179. package/dist/esm/lib/stack-app.js.map +1 -1
  180. package/dist/esm/providers/theme-provider.js +43 -4
  181. package/dist/esm/providers/theme-provider.js.map +1 -1
  182. package/dist/esm/utils/browser-script.js +2 -1
  183. package/dist/esm/utils/browser-script.js.map +1 -1
  184. package/dist/esm/utils/constants.js +43 -12
  185. package/dist/esm/utils/constants.js.map +1 -1
  186. package/dist/generated/global-css.d.mts +3 -0
  187. package/dist/generated/global-css.d.ts +3 -0
  188. package/dist/generated/global-css.js +31 -0
  189. package/dist/generated/global-css.js.map +1 -0
  190. package/dist/index.d.mts +16 -30
  191. package/dist/index.d.ts +16 -30
  192. package/dist/index.js +33 -45
  193. package/dist/index.js.map +1 -1
  194. package/dist/lib/stack-app.d.mts +4 -1
  195. package/dist/lib/stack-app.d.ts +4 -1
  196. package/dist/lib/stack-app.js +29 -21
  197. package/dist/lib/stack-app.js.map +1 -1
  198. package/dist/providers/stack-provider-client.d.mts +3 -3
  199. package/dist/providers/stack-provider-client.d.ts +3 -3
  200. package/dist/providers/stack-provider.d.mts +2 -2
  201. package/dist/providers/stack-provider.d.ts +2 -2
  202. package/dist/providers/styled-components-registry.d.mts +2 -2
  203. package/dist/providers/styled-components-registry.d.ts +2 -2
  204. package/dist/providers/theme-provider.d.mts +34 -17
  205. package/dist/providers/theme-provider.d.ts +34 -17
  206. package/dist/providers/theme-provider.js +43 -4
  207. package/dist/providers/theme-provider.js.map +1 -1
  208. package/dist/utils/browser-script.js +2 -1
  209. package/dist/utils/browser-script.js.map +1 -1
  210. package/dist/utils/constants.d.mts +43 -12
  211. package/dist/utils/constants.d.ts +43 -12
  212. package/dist/utils/constants.js +44 -13
  213. package/dist/utils/constants.js.map +1 -1
  214. package/package.json +25 -32
  215. package/dist/components/credential-sign-in.d.mts +0 -5
  216. package/dist/components/credential-sign-in.d.ts +0 -5
  217. package/dist/components/credential-sign-in.js.map +0 -1
  218. package/dist/components/credential-sign-up.d.mts +0 -5
  219. package/dist/components/credential-sign-up.d.ts +0 -5
  220. package/dist/components/credential-sign-up.js.map +0 -1
  221. package/dist/components/forgot-password.js.map +0 -1
  222. package/dist/components/form-warning.js.map +0 -1
  223. package/dist/components/magic-link-sign-in.d.mts +0 -5
  224. package/dist/components/magic-link-sign-in.d.ts +0 -5
  225. package/dist/components/magic-link-sign-in.js.map +0 -1
  226. package/dist/components/maybe-full-page.js.map +0 -1
  227. package/dist/components/oauth-group.js +0 -49
  228. package/dist/components/oauth-group.js.map +0 -1
  229. package/dist/components/password-field.d.mts +0 -5
  230. package/dist/components/password-field.d.ts +0 -5
  231. package/dist/components/password-field.js +0 -111
  232. package/dist/components/password-field.js.map +0 -1
  233. package/dist/components/password-reset-inner.js.map +0 -1
  234. package/dist/components/separator-with-text.js.map +0 -1
  235. package/dist/components/user-avatar.js +0 -56
  236. package/dist/components/user-avatar.js.map +0 -1
  237. package/dist/components-core/avatar.d.mts +0 -8
  238. package/dist/components-core/avatar.d.ts +0 -8
  239. package/dist/components-core/avatar.js +0 -94
  240. package/dist/components-core/avatar.js.map +0 -1
  241. package/dist/components-core/button.d.mts +0 -13
  242. package/dist/components-core/button.d.ts +0 -13
  243. package/dist/components-core/button.js +0 -217
  244. package/dist/components-core/button.js.map +0 -1
  245. package/dist/components-core/card.d.mts +0 -8
  246. package/dist/components-core/card.d.ts +0 -8
  247. package/dist/components-core/card.js +0 -89
  248. package/dist/components-core/card.js.map +0 -1
  249. package/dist/components-core/collapsible.d.mts +0 -8
  250. package/dist/components-core/collapsible.d.ts +0 -8
  251. package/dist/components-core/collapsible.js +0 -50
  252. package/dist/components-core/collapsible.js.map +0 -1
  253. package/dist/components-core/container.d.mts +0 -8
  254. package/dist/components-core/container.d.ts +0 -8
  255. package/dist/components-core/container.js +0 -70
  256. package/dist/components-core/container.js.map +0 -1
  257. package/dist/components-core/dropdown.d.mts +0 -15
  258. package/dist/components-core/dropdown.d.ts +0 -15
  259. package/dist/components-core/dropdown.js +0 -149
  260. package/dist/components-core/dropdown.js.map +0 -1
  261. package/dist/components-core/index.d.mts +0 -59
  262. package/dist/components-core/index.d.ts +0 -59
  263. package/dist/components-core/index.js +0 -148
  264. package/dist/components-core/index.js.map +0 -1
  265. package/dist/components-core/input.d.mts +0 -6
  266. package/dist/components-core/input.d.ts +0 -6
  267. package/dist/components-core/input.js +0 -119
  268. package/dist/components-core/input.js.map +0 -1
  269. package/dist/components-core/label.d.mts +0 -6
  270. package/dist/components-core/label.d.ts +0 -6
  271. package/dist/components-core/label.js +0 -72
  272. package/dist/components-core/label.js.map +0 -1
  273. package/dist/components-core/link.d.mts +0 -10
  274. package/dist/components-core/link.d.ts +0 -10
  275. package/dist/components-core/link.js +0 -73
  276. package/dist/components-core/link.js.map +0 -1
  277. package/dist/components-core/popover.d.mts +0 -8
  278. package/dist/components-core/popover.d.ts +0 -8
  279. package/dist/components-core/popover.js +0 -81
  280. package/dist/components-core/popover.js.map +0 -1
  281. package/dist/components-core/separator.d.mts +0 -6
  282. package/dist/components-core/separator.d.ts +0 -6
  283. package/dist/components-core/separator.js +0 -71
  284. package/dist/components-core/separator.js.map +0 -1
  285. package/dist/components-core/skeleton.d.mts +0 -7
  286. package/dist/components-core/skeleton.d.ts +0 -7
  287. package/dist/components-core/skeleton.js +0 -87
  288. package/dist/components-core/skeleton.js.map +0 -1
  289. package/dist/components-core/tabs.d.mts +0 -9
  290. package/dist/components-core/tabs.d.ts +0 -9
  291. package/dist/components-core/tabs.js +0 -124
  292. package/dist/components-core/tabs.js.map +0 -1
  293. package/dist/components-core/text.d.mts +0 -10
  294. package/dist/components-core/text.d.ts +0 -10
  295. package/dist/components-core/text.js +0 -98
  296. package/dist/components-core/text.js.map +0 -1
  297. package/dist/components-core-joy/button.d.mts +0 -6
  298. package/dist/components-core-joy/button.d.ts +0 -6
  299. package/dist/components-core-joy/button.js +0 -88
  300. package/dist/components-core-joy/button.js.map +0 -1
  301. package/dist/components-core-joy/input.d.mts +0 -5
  302. package/dist/components-core-joy/input.d.ts +0 -5
  303. package/dist/components-core-joy/input.js +0 -53
  304. package/dist/components-core-joy/input.js.map +0 -1
  305. package/dist/components-core-joy/separator.d.mts +0 -6
  306. package/dist/components-core-joy/separator.d.ts +0 -6
  307. package/dist/components-core-joy/separator.js +0 -52
  308. package/dist/components-core-joy/separator.js.map +0 -1
  309. package/dist/components-core-joy/tabs.d.mts +0 -9
  310. package/dist/components-core-joy/tabs.d.ts +0 -9
  311. package/dist/components-core-joy/tabs.js +0 -67
  312. package/dist/components-core-joy/tabs.js.map +0 -1
  313. package/dist/components-core-joy/text.d.mts +0 -9
  314. package/dist/components-core-joy/text.d.ts +0 -9
  315. package/dist/components-core-joy/text.js +0 -70
  316. package/dist/components-core-joy/text.js.map +0 -1
  317. package/dist/esm/components/credential-sign-in.js.map +0 -1
  318. package/dist/esm/components/credential-sign-up.js.map +0 -1
  319. package/dist/esm/components/forgot-password.js.map +0 -1
  320. package/dist/esm/components/form-warning.js +0 -16
  321. package/dist/esm/components/form-warning.js.map +0 -1
  322. package/dist/esm/components/magic-link-sign-in.js.map +0 -1
  323. package/dist/esm/components/maybe-full-page.js.map +0 -1
  324. package/dist/esm/components/oauth-group.js +0 -19
  325. package/dist/esm/components/oauth-group.js.map +0 -1
  326. package/dist/esm/components/password-field.js +0 -81
  327. package/dist/esm/components/password-field.js.map +0 -1
  328. package/dist/esm/components/password-reset-inner.js.map +0 -1
  329. package/dist/esm/components/separator-with-text.js +0 -17
  330. package/dist/esm/components/separator-with-text.js.map +0 -1
  331. package/dist/esm/components/user-avatar.js +0 -25
  332. package/dist/esm/components/user-avatar.js.map +0 -1
  333. package/dist/esm/components-core/avatar.js +0 -57
  334. package/dist/esm/components-core/avatar.js.map +0 -1
  335. package/dist/esm/components-core/button.js +0 -183
  336. package/dist/esm/components-core/button.js.map +0 -1
  337. package/dist/esm/components-core/card.js +0 -52
  338. package/dist/esm/components-core/card.js.map +0 -1
  339. package/dist/esm/components-core/collapsible.js +0 -14
  340. package/dist/esm/components-core/collapsible.js.map +0 -1
  341. package/dist/esm/components-core/container.js +0 -36
  342. package/dist/esm/components-core/container.js.map +0 -1
  343. package/dist/esm/components-core/dropdown.js +0 -110
  344. package/dist/esm/components-core/dropdown.js.map +0 -1
  345. package/dist/esm/components-core/index.js +0 -94
  346. package/dist/esm/components-core/index.js.map +0 -1
  347. package/dist/esm/components-core/input.js +0 -85
  348. package/dist/esm/components-core/input.js.map +0 -1
  349. package/dist/esm/components-core/label.js +0 -38
  350. package/dist/esm/components-core/label.js.map +0 -1
  351. package/dist/esm/components-core/link.js +0 -39
  352. package/dist/esm/components-core/link.js.map +0 -1
  353. package/dist/esm/components-core/popover.js +0 -44
  354. package/dist/esm/components-core/popover.js.map +0 -1
  355. package/dist/esm/components-core/separator.js +0 -37
  356. package/dist/esm/components-core/separator.js.map +0 -1
  357. package/dist/esm/components-core/skeleton.js +0 -53
  358. package/dist/esm/components-core/skeleton.js.map +0 -1
  359. package/dist/esm/components-core/tabs.js +0 -86
  360. package/dist/esm/components-core/tabs.js.map +0 -1
  361. package/dist/esm/components-core/text.js +0 -64
  362. package/dist/esm/components-core/text.js.map +0 -1
  363. package/dist/esm/components-core-joy/button.js +0 -54
  364. package/dist/esm/components-core-joy/button.js.map +0 -1
  365. package/dist/esm/components-core-joy/input.js +0 -19
  366. package/dist/esm/components-core-joy/input.js.map +0 -1
  367. package/dist/esm/components-core-joy/separator.js +0 -18
  368. package/dist/esm/components-core-joy/separator.js.map +0 -1
  369. package/dist/esm/components-core-joy/tabs.js +0 -30
  370. package/dist/esm/components-core-joy/tabs.js.map +0 -1
  371. package/dist/esm/components-core-joy/text.js +0 -36
  372. package/dist/esm/components-core-joy/text.js.map +0 -1
  373. package/dist/esm/joy.js +0 -6
  374. package/dist/esm/joy.js.map +0 -1
  375. package/dist/esm/providers/component-provider.js +0 -77
  376. package/dist/esm/providers/component-provider.js.map +0 -1
  377. package/dist/esm/providers/design-provider.js +0 -37
  378. package/dist/esm/providers/design-provider.js.map +0 -1
  379. package/dist/esm/providers/joy-provider.js +0 -36
  380. package/dist/esm/providers/joy-provider.js.map +0 -1
  381. package/dist/joy.d.mts +0 -16
  382. package/dist/joy.d.ts +0 -16
  383. package/dist/joy.js.map +0 -1
  384. package/dist/providers/component-provider.d.mts +0 -113
  385. package/dist/providers/component-provider.d.ts +0 -113
  386. package/dist/providers/component-provider.js +0 -96
  387. package/dist/providers/component-provider.js.map +0 -1
  388. package/dist/providers/design-provider.d.mts +0 -34
  389. package/dist/providers/design-provider.d.ts +0 -34
  390. package/dist/providers/design-provider.js +0 -62
  391. package/dist/providers/design-provider.js.map +0 -1
  392. package/dist/providers/joy-provider.d.mts +0 -36
  393. package/dist/providers/joy-provider.d.ts +0 -36
  394. package/dist/providers/joy-provider.js +0 -61
  395. package/dist/providers/joy-provider.js.map +0 -1
@@ -1,149 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
-
32
- // src/components-core/dropdown.tsx
33
- var dropdown_exports = {};
34
- __export(dropdown_exports, {
35
- DropdownMenu: () => DropdownMenu,
36
- DropdownMenuContent: () => DropdownMenuContent,
37
- DropdownMenuItem: () => DropdownMenuItem,
38
- DropdownMenuLabel: () => DropdownMenuLabel,
39
- DropdownMenuSeparator: () => DropdownMenuSeparator,
40
- DropdownMenuTrigger: () => DropdownMenuTrigger
41
- });
42
- module.exports = __toCommonJS(dropdown_exports);
43
- var React = __toESM(require("react"));
44
- var import_styled_components = __toESM(require("styled-components"));
45
- var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
46
- var import__ = require("..");
47
- var import_constants = require("../utils/constants");
48
- var import_jsx_runtime = require("react/jsx-runtime");
49
- var DropdownMenu = DropdownMenuPrimitive.Root;
50
- var StyledTrigger = (0, import_styled_components.default)(DropdownMenuPrimitive.Trigger)`
51
- all: unset;
52
- &:focus {
53
- outline: none;
54
- box-shadow: 0;
55
- }
56
- &:hover {
57
- cursor: pointer;
58
- }
59
- `;
60
- var DropdownMenuTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTrigger, { ref, ...props }));
61
- var StyledContent = (0, import_styled_components.default)(DropdownMenuPrimitive.Content)`
62
- z-index: 50;
63
- min-width: 8rem;
64
- overflow: hidden;
65
- border-radius: 4px;
66
- padding: 0.25rem;
67
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
68
-
69
- border: 1px solid ${({ $colors }) => $colors.light.neutralColor};
70
- background: ${({ $colors }) => $colors.light.backgroundColor};
71
-
72
- html[data-stack-theme='dark'] & {
73
- border-color: ${({ $colors }) => $colors.dark.neutralColor};
74
- background: ${({ $colors }) => $colors.dark.backgroundColor};
75
- }
76
- `;
77
- var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
78
- const { colors } = (0, import__.useDesign)();
79
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
80
- StyledContent,
81
- {
82
- $colors: colors,
83
- sideOffset,
84
- ref,
85
- ...props
86
- }
87
- ) });
88
- });
89
- DropdownMenuContent.displayName = "DropdownMenuContent";
90
- var StyledItem = (0, import_styled_components.default)(DropdownMenuPrimitive.Item)`
91
- display: flex;
92
- cursor: default;
93
- align-items: center;
94
- border-radius: 4px;
95
- padding: 0.375rem 0.5rem;
96
- font-size: 0.875rem;
97
- outline: none;
98
- transition: color 0.2s ease;
99
- &:focus {
100
- background-color: var(--accent);
101
- color: var(--accent-foreground);
102
- }
103
- ${({ $inset }) => $inset && "padding-left: 2rem;"}
104
-
105
- &:hover {
106
- background-color: ${import_constants.SELECTED_BACKGROUND_COLORS.light};
107
- }
108
-
109
- html[data-stack-theme='dark'] & {
110
- &:hover {
111
- background-color: ${import_constants.SELECTED_BACKGROUND_COLORS.dark};
112
- }
113
- }
114
- `;
115
- var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => {
116
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItem, { ref, ...props, $inset: inset });
117
- });
118
- DropdownMenuItem.displayName = "DropdownMenuItem";
119
- var StyledLabel = (0, import_styled_components.default)(DropdownMenuPrimitive.Label)`
120
- padding: 0.375rem 0.5rem;
121
- font-size: 0.875rem;
122
- ${({ inset }) => inset && "padding-left: 2rem;"}
123
- `;
124
- var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLabel, { ref, ...props, inset }));
125
- DropdownMenuLabel.displayName = "DropdownMenuLabel";
126
- var StyledSeparator = (0, import_styled_components.default)(DropdownMenuPrimitive.Separator)`
127
- margin: 0.25rem -0.25rem;
128
- height: 1px;
129
- background-color: ${({ $colors }) => $colors.light.neutralColor};
130
-
131
- html[data-stack-theme='dark'] & {
132
- background-color: ${({ $colors }) => $colors.dark.neutralColor};
133
- }
134
- `;
135
- var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
136
- const { colors } = (0, import__.useDesign)();
137
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, { ref, ...props, $colors: colors });
138
- });
139
- DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
140
- // Annotate the CommonJS export names for ESM import in node:
141
- 0 && (module.exports = {
142
- DropdownMenu,
143
- DropdownMenuContent,
144
- DropdownMenuItem,
145
- DropdownMenuLabel,
146
- DropdownMenuSeparator,
147
- DropdownMenuTrigger
148
- });
149
- //# sourceMappingURL=dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components-core/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styled from 'styled-components';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useDesign } from '..';\nimport { SELECTED_BACKGROUND_COLORS } from '../utils/constants';\nimport { ColorPalette } from '../providers/design-provider';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst StyledTrigger = styled(DropdownMenuPrimitive.Trigger)`\n all: unset;\n &:focus {\n outline: none;\n box-shadow: 0;\n }\n &:hover {\n cursor: pointer;\n }\n`;\n\nconst DropdownMenuTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <StyledTrigger ref={ref} {...props} />\n));\n\nconst StyledContent = styled(DropdownMenuPrimitive.Content)<{\n $colors: ColorPalette,\n}>`\n z-index: 50;\n min-width: 8rem;\n overflow: hidden;\n border-radius: 4px;\n padding: 0.25rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n\n border: 1px solid ${({ $colors }) => $colors.light.neutralColor};\n background: ${({ $colors }) => $colors.light.backgroundColor};\n\n html[data-stack-theme='dark'] & {\n border-color: ${({ $colors }) => $colors.dark.neutralColor};\n background: ${({ $colors }) => $colors.dark.backgroundColor};\n }\n`;\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => {\n const { colors } = useDesign();\n return (\n <DropdownMenuPrimitive.Portal>\n <StyledContent \n $colors={colors}\n sideOffset={sideOffset} \n ref={ref} \n {...props} \n />\n </DropdownMenuPrimitive.Portal>\n );\n});\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\nconst StyledItem = styled(DropdownMenuPrimitive.Item)<{ \n $inset?: boolean,\n}>`\n display: flex;\n cursor: default;\n align-items: center;\n border-radius: 4px;\n padding: 0.375rem 0.5rem;\n font-size: 0.875rem;\n outline: none;\n transition: color 0.2s ease;\n &:focus {\n background-color: var(--accent);\n color: var(--accent-foreground);\n }\n ${({ $inset }) => $inset && 'padding-left: 2rem;'}\n\n &:hover {\n background-color: ${SELECTED_BACKGROUND_COLORS.light};\n }\n\n html[data-stack-theme='dark'] & {\n &:hover {\n background-color: ${SELECTED_BACKGROUND_COLORS.dark};\n }\n }\n`;\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean,\n }\n>(({ className, inset, ...props }, ref) => {\n return <StyledItem ref={ref} {...props} $inset={inset} />;\n});\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst StyledLabel = styled(DropdownMenuPrimitive.Label)<{ inset?: boolean }>`\n padding: 0.375rem 0.5rem;\n font-size: 0.875rem;\n ${({ inset }) => inset && 'padding-left: 2rem;'}\n`;\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean,\n }\n>(({ className, inset, ...props }, ref) => (\n <StyledLabel ref={ref} {...props} inset={inset} />\n));\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst StyledSeparator = styled(DropdownMenuPrimitive.Separator)<{\n $colors: ColorPalette,\n}>`\n margin: 0.25rem -0.25rem;\n height: 1px;\n background-color: ${({ $colors }) => $colors.light.neutralColor};\n\n html[data-stack-theme='dark'] & {\n background-color: ${({ $colors }) => $colors.dark.neutralColor};\n }\n`;\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n const { colors } = useDesign();\n return <StyledSeparator ref={ref} {...props} $colors={colors} />;\n});\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,+BAAmB;AACnB,4BAAuC;AACvC,eAA0B;AAC1B,uBAA2C;AAoBzC;AAjBF,IAAM,eAAqC;AAE3C,IAAM,oBAAgB,yBAAAA,SAA6B,6BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1D,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,iBAAc,KAAW,GAAG,OAAO,CACrC;AAED,IAAM,oBAAgB,yBAAAA,SAA6B,6BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAUpC,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,YAAY;AAAA,gBACjD,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,eAAe;AAAA;AAAA;AAAA,oBAG1C,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,YAAY;AAAA,kBAC5C,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,eAAe;AAAA;AAAA;AAI/D,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAAQ;AAClD,QAAM,EAAE,OAAO,QAAI,oBAAU;AAC7B,SACE,4CAAuB,8BAAtB,EACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,oBAAoB,cAAc;AAElC,IAAM,iBAAa,yBAAAA,SAA6B,0BAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAehD,CAAC,EAAE,OAAO,MAAM,UAAU,qBAAqB;AAAA;AAAA;AAAA,wBAG3B,4CAA2B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK9B,4CAA2B,IAAI;AAAA;AAAA;AAAA;AAKzD,IAAM,mBAAyB,iBAK7B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QAAQ;AACzC,SAAO,4CAAC,cAAW,KAAW,GAAG,OAAO,QAAQ,OAAO;AACzD,CAAC;AACD,iBAAiB,cAAc;AAE/B,IAAM,kBAAc,yBAAAA,SAA6B,2BAAK;AAAA;AAAA;AAAA,IAGlD,CAAC,EAAE,MAAM,MAAM,SAAS,qBAAqB;AAAA;AAGjD,IAAM,oBAA0B,iBAK9B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC,4CAAC,eAAY,KAAW,GAAG,OAAO,OAAc,CACjD;AACD,kBAAkB,cAAc;AAEhC,IAAM,sBAAkB,yBAAAA,SAA6B,+BAAS;AAAA;AAAA;AAAA,sBAKxC,CAAC,EAAE,QAAQ,MAAM,QAAQ,MAAM,YAAY;AAAA;AAAA;AAAA,wBAGzC,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,YAAY;AAAA;AAAA;AAIlE,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,OAAO,QAAI,oBAAU;AAC7B,SAAO,4CAAC,mBAAgB,KAAW,GAAG,OAAO,SAAS,QAAQ;AAChE,CAAC;AACD,sBAAsB,cAAc;","names":["styled"]}
@@ -1,59 +0,0 @@
1
- import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
2
- import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
3
- import * as _radix_ui_react_avatar from '@radix-ui/react-avatar';
4
- import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
5
- import * as _radix_ui_react_popover from '@radix-ui/react-popover';
6
- import * as url from 'url';
7
- import * as _radix_ui_react_label from '@radix-ui/react-label';
8
- import * as _radix_ui_react_separator from '@radix-ui/react-separator';
9
- import { ButtonProps } from './button.mjs';
10
- import React__default from 'react';
11
-
12
- declare const Button: React__default.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
13
- declare const Input: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
14
- declare const Container: React__default.ForwardRefExoticComponent<Omit<{
15
- size?: number | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
16
- } & Omit<React__default.HTMLProps<HTMLDivElement>, "size">, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
17
- declare const Separator: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
18
- declare const Label: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
19
- declare const Link: React__default.ForwardRefExoticComponent<Omit<Omit<{
20
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
21
- href: string | url.Url;
22
- } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
23
- declare const Text: React__default.ForwardRefExoticComponent<Omit<Omit<{
24
- variant?: "primary" | "secondary" | "warning" | "success" | undefined;
25
- as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
26
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
27
- } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
28
- declare const Popover: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverProps & React__default.RefAttributes<never>>;
29
- declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
30
- declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
31
- declare const DropdownMenu: React__default.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuProps & React__default.RefAttributes<never>>;
32
- declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
33
- declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
34
- declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
35
- inset?: boolean | undefined;
36
- } & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
37
- declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
38
- inset?: boolean | undefined;
39
- } & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
40
- declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
41
- declare const Avatar: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
42
- declare const AvatarFallback: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarFallbackProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
43
- declare const AvatarImage: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarImageProps & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
44
- declare const Collapsible: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
45
- declare const CollapsibleTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
46
- declare const CollapsibleContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
47
- declare const Card: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
48
- declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
49
- declare const CardContent: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
50
- declare const CardFooter: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
51
- declare const Tabs: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
52
- declare const TabsList: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
53
- declare const TabsContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
54
- declare const TabsTrigger: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
55
- declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
56
- deactivated?: boolean | undefined;
57
- } & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
58
-
59
- export { Avatar, AvatarFallback, AvatarImage, Button, Card, CardContent, CardFooter, CardHeader, Collapsible, CollapsibleContent, CollapsibleTrigger, Container, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Link, Popover, PopoverContent, PopoverTrigger, Separator, Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Text };
@@ -1,59 +0,0 @@
1
- import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
2
- import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
3
- import * as _radix_ui_react_avatar from '@radix-ui/react-avatar';
4
- import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
5
- import * as _radix_ui_react_popover from '@radix-ui/react-popover';
6
- import * as url from 'url';
7
- import * as _radix_ui_react_label from '@radix-ui/react-label';
8
- import * as _radix_ui_react_separator from '@radix-ui/react-separator';
9
- import { ButtonProps } from './button.js';
10
- import React__default from 'react';
11
-
12
- declare const Button: React__default.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
13
- declare const Input: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
14
- declare const Container: React__default.ForwardRefExoticComponent<Omit<{
15
- size?: number | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
16
- } & Omit<React__default.HTMLProps<HTMLDivElement>, "size">, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
17
- declare const Separator: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
18
- declare const Label: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
19
- declare const Link: React__default.ForwardRefExoticComponent<Omit<Omit<{
20
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
21
- href: string | url.Url;
22
- } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
23
- declare const Text: React__default.ForwardRefExoticComponent<Omit<Omit<{
24
- variant?: "primary" | "secondary" | "warning" | "success" | undefined;
25
- as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
26
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
27
- } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
28
- declare const Popover: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverProps & React__default.RefAttributes<never>>;
29
- declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
30
- declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popover.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
31
- declare const DropdownMenu: React__default.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuProps & React__default.RefAttributes<never>>;
32
- declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
33
- declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
34
- declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
35
- inset?: boolean | undefined;
36
- } & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
37
- declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
38
- inset?: boolean | undefined;
39
- } & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
40
- declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
41
- declare const Avatar: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
42
- declare const AvatarFallback: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarFallbackProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
43
- declare const AvatarImage: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_avatar.AvatarImageProps & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
44
- declare const Collapsible: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
45
- declare const CollapsibleTrigger: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
46
- declare const CollapsibleContent: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_collapsible.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
47
- declare const Card: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
48
- declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
49
- declare const CardContent: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
50
- declare const CardFooter: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
51
- declare const Tabs: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
52
- declare const TabsList: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
53
- declare const TabsContent: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
54
- declare const TabsTrigger: React__default.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
55
- declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
56
- deactivated?: boolean | undefined;
57
- } & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
58
-
59
- export { Avatar, AvatarFallback, AvatarImage, Button, Card, CardContent, CardFooter, CardHeader, Collapsible, CollapsibleContent, CollapsibleTrigger, Container, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Link, Popover, PopoverContent, PopoverTrigger, Separator, Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Text };
@@ -1,148 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
-
22
- // src/components-core/index.tsx
23
- var components_core_exports = {};
24
- __export(components_core_exports, {
25
- Avatar: () => Avatar,
26
- AvatarFallback: () => AvatarFallback,
27
- AvatarImage: () => AvatarImage,
28
- Button: () => Button,
29
- Card: () => Card,
30
- CardContent: () => CardContent,
31
- CardFooter: () => CardFooter,
32
- CardHeader: () => CardHeader,
33
- Collapsible: () => Collapsible,
34
- CollapsibleContent: () => CollapsibleContent,
35
- CollapsibleTrigger: () => CollapsibleTrigger,
36
- Container: () => Container,
37
- DropdownMenu: () => DropdownMenu,
38
- DropdownMenuContent: () => DropdownMenuContent,
39
- DropdownMenuItem: () => DropdownMenuItem,
40
- DropdownMenuLabel: () => DropdownMenuLabel,
41
- DropdownMenuSeparator: () => DropdownMenuSeparator,
42
- DropdownMenuTrigger: () => DropdownMenuTrigger,
43
- Input: () => Input,
44
- Label: () => Label,
45
- Link: () => Link,
46
- Popover: () => Popover,
47
- PopoverContent: () => PopoverContent,
48
- PopoverTrigger: () => PopoverTrigger,
49
- Separator: () => Separator,
50
- Skeleton: () => Skeleton,
51
- Tabs: () => Tabs,
52
- TabsContent: () => TabsContent,
53
- TabsList: () => TabsList,
54
- TabsTrigger: () => TabsTrigger,
55
- Text: () => Text
56
- });
57
- module.exports = __toCommonJS(components_core_exports);
58
- var import_react = require("react");
59
- var import_component_provider = require("../providers/component-provider");
60
- var import_use_async_callback = require("@stackframe/stack-shared/dist/hooks/use-async-callback");
61
- var import_jsx_runtime = require("react/jsx-runtime");
62
- var Button = (0, import_react.forwardRef)((props, ref) => {
63
- const { Button: Button2 } = (0, import_component_provider.useComponents)();
64
- const [onClick, onClickLoading] = (0, import_use_async_callback.useAsyncCallbackWithLoggedError)(async () => {
65
- return await props.onClick?.();
66
- }, [props.onClick]);
67
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
68
- Button2,
69
- {
70
- ...props,
71
- onClick: props.onClick && onClick,
72
- loading: props.loading || onClickLoading,
73
- disabled: props.disabled || onClickLoading,
74
- ref
75
- }
76
- );
77
- });
78
- function createDynamicComponent(component) {
79
- return (0, import_react.forwardRef)((props, ref) => {
80
- const Component = (0, import_component_provider.useComponents)()[component];
81
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, ref });
82
- });
83
- }
84
- var Input = createDynamicComponent("Input");
85
- var Container = createDynamicComponent("Container");
86
- var Separator = createDynamicComponent("Separator");
87
- var Label = createDynamicComponent("Label");
88
- var Link = createDynamicComponent("Link");
89
- var Text = createDynamicComponent("Text");
90
- var Popover = createDynamicComponent("Popover");
91
- var PopoverTrigger = createDynamicComponent("PopoverTrigger");
92
- var PopoverContent = createDynamicComponent("PopoverContent");
93
- var DropdownMenu = createDynamicComponent("DropdownMenu");
94
- var DropdownMenuTrigger = createDynamicComponent("DropdownMenuTrigger");
95
- var DropdownMenuContent = createDynamicComponent("DropdownMenuContent");
96
- var DropdownMenuItem = createDynamicComponent("DropdownMenuItem");
97
- var DropdownMenuLabel = createDynamicComponent("DropdownMenuLabel");
98
- var DropdownMenuSeparator = createDynamicComponent("DropdownMenuSeparator");
99
- var Avatar = createDynamicComponent("Avatar");
100
- var AvatarFallback = createDynamicComponent("AvatarFallback");
101
- var AvatarImage = createDynamicComponent("AvatarImage");
102
- var Collapsible = createDynamicComponent("Collapsible");
103
- var CollapsibleTrigger = createDynamicComponent("CollapsibleTrigger");
104
- var CollapsibleContent = createDynamicComponent("CollapsibleContent");
105
- var Card = createDynamicComponent("Card");
106
- var CardHeader = createDynamicComponent("CardHeader");
107
- var CardContent = createDynamicComponent("CardContent");
108
- var CardFooter = createDynamicComponent("CardFooter");
109
- var Tabs = createDynamicComponent("Tabs");
110
- var TabsList = createDynamicComponent("TabsList");
111
- var TabsContent = createDynamicComponent("TabsContent");
112
- var TabsTrigger = createDynamicComponent("TabsTrigger");
113
- var Skeleton = createDynamicComponent("Skeleton");
114
- // Annotate the CommonJS export names for ESM import in node:
115
- 0 && (module.exports = {
116
- Avatar,
117
- AvatarFallback,
118
- AvatarImage,
119
- Button,
120
- Card,
121
- CardContent,
122
- CardFooter,
123
- CardHeader,
124
- Collapsible,
125
- CollapsibleContent,
126
- CollapsibleTrigger,
127
- Container,
128
- DropdownMenu,
129
- DropdownMenuContent,
130
- DropdownMenuItem,
131
- DropdownMenuLabel,
132
- DropdownMenuSeparator,
133
- DropdownMenuTrigger,
134
- Input,
135
- Label,
136
- Link,
137
- Popover,
138
- PopoverContent,
139
- PopoverTrigger,
140
- Separator,
141
- Skeleton,
142
- Tabs,
143
- TabsContent,
144
- TabsList,
145
- TabsTrigger,
146
- Text
147
- });
148
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components-core/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { forwardRef } from 'react';\nimport { Components, useComponents } from '../providers/component-provider';\nimport type { Button as StaticButton } from './button';\nimport { useAsyncCallbackWithLoggedError } from '@stackframe/stack-shared/dist/hooks/use-async-callback';\n\nexport const Button = forwardRef<\n HTMLButtonElement, \n React.ComponentProps<typeof StaticButton>\n>((props, ref) => {\n const { Button } = useComponents();\n const [onClick, onClickLoading] = useAsyncCallbackWithLoggedError(async () => {\n return await props.onClick?.();\n }, [props.onClick]);\n\n return <Button\n {...props}\n onClick={props.onClick && onClick}\n loading={props.loading || onClickLoading}\n disabled={props.disabled || onClickLoading}\n ref={ref}\n />;\n});\n\nfunction createDynamicComponent<T extends keyof typeof Components>(\n component: T\n): React.ForwardRefExoticComponent<\n React.PropsWithoutRef<React.ComponentProps<typeof Components[T]>> & \n React.RefAttributes<React.ElementRef<typeof Components[T]>>\n> {\n return forwardRef<\n React.ElementRef<typeof Components[T]>,\n React.ComponentProps<typeof Components[T]>\n >((props, ref) => {\n const Component = useComponents()[component] as any;\n return <Component {...props} ref={ref} />;\n });\n};\n\nexport const Input = createDynamicComponent('Input');\nexport const Container = createDynamicComponent('Container');\nexport const Separator = createDynamicComponent('Separator');\nexport const Label = createDynamicComponent('Label');\nexport const Link = createDynamicComponent('Link');\nexport const Text = createDynamicComponent('Text');\nexport const Popover = createDynamicComponent('Popover');\nexport const PopoverTrigger = createDynamicComponent('PopoverTrigger');\nexport const PopoverContent = createDynamicComponent('PopoverContent');\nexport const DropdownMenu = createDynamicComponent('DropdownMenu');\nexport const DropdownMenuTrigger = createDynamicComponent('DropdownMenuTrigger');\nexport const DropdownMenuContent = createDynamicComponent('DropdownMenuContent');\nexport const DropdownMenuItem = createDynamicComponent('DropdownMenuItem');\nexport const DropdownMenuLabel = createDynamicComponent('DropdownMenuLabel');\nexport const DropdownMenuSeparator = createDynamicComponent('DropdownMenuSeparator');\nexport const Avatar = createDynamicComponent('Avatar');\nexport const AvatarFallback = createDynamicComponent('AvatarFallback');\nexport const AvatarImage = createDynamicComponent('AvatarImage');\nexport const Collapsible = createDynamicComponent('Collapsible');\nexport const CollapsibleTrigger = createDynamicComponent('CollapsibleTrigger');\nexport const CollapsibleContent = createDynamicComponent('CollapsibleContent');\nexport const Card = createDynamicComponent('Card');\nexport const CardHeader = createDynamicComponent('CardHeader');\nexport const CardContent = createDynamicComponent('CardContent');\nexport const CardFooter = createDynamicComponent('CardFooter');\nexport const Tabs = createDynamicComponent('Tabs');\nexport const TabsList = createDynamicComponent('TabsList');\nexport const TabsContent = createDynamicComponent('TabsContent');\nexport const TabsTrigger = createDynamicComponent('TabsTrigger');\nexport const Skeleton = createDynamicComponent('Skeleton');\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAC3B,gCAA0C;AAE1C,gCAAgD;AAWvC;AATF,IAAM,aAAS,yBAGpB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,QAAAA,QAAO,QAAI,yCAAc;AACjC,QAAM,CAAC,SAAS,cAAc,QAAI,2DAAgC,YAAY;AAC5E,WAAO,MAAM,MAAM,UAAU;AAAA,EAC/B,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AAAA,IAACA;AAAA,IAAA;AAAA,MACL,GAAG;AAAA,MACJ,SAAS,MAAM,WAAW;AAAA,MAC1B,SAAS,MAAM,WAAW;AAAA,MAC1B,UAAU,MAAM,YAAY;AAAA,MAC5B;AAAA;AAAA,EACF;AACF,CAAC;AAED,SAAS,uBACP,WAIA;AACA,aAAO,yBAGL,CAAC,OAAO,QAAQ;AAChB,UAAM,gBAAY,yCAAc,EAAE,SAAS;AAC3C,WAAO,4CAAC,aAAW,GAAG,OAAO,KAAU;AAAA,EACzC,CAAC;AACH;AAEO,IAAM,QAAQ,uBAAuB,OAAO;AAC5C,IAAM,YAAY,uBAAuB,WAAW;AACpD,IAAM,YAAY,uBAAuB,WAAW;AACpD,IAAM,QAAQ,uBAAuB,OAAO;AAC5C,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,UAAU,uBAAuB,SAAS;AAChD,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,eAAe,uBAAuB,cAAc;AAC1D,IAAM,sBAAsB,uBAAuB,qBAAqB;AACxE,IAAM,sBAAsB,uBAAuB,qBAAqB;AACxE,IAAM,mBAAmB,uBAAuB,kBAAkB;AAClE,IAAM,oBAAoB,uBAAuB,mBAAmB;AACpE,IAAM,wBAAwB,uBAAuB,uBAAuB;AAC5E,IAAM,SAAS,uBAAuB,QAAQ;AAC9C,IAAM,iBAAiB,uBAAuB,gBAAgB;AAC9D,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,qBAAqB,uBAAuB,oBAAoB;AACtE,IAAM,qBAAqB,uBAAuB,oBAAoB;AACtE,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,aAAa,uBAAuB,YAAY;AACtD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,aAAa,uBAAuB,YAAY;AACtD,IAAM,OAAO,uBAAuB,MAAM;AAC1C,IAAM,WAAW,uBAAuB,UAAU;AAClD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,cAAc,uBAAuB,aAAa;AACxD,IAAM,WAAW,uBAAuB,UAAU;","names":["Button"]}
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type InputProps = React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, 'ref'>;
4
- declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
5
-
6
- export { Input };
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type InputProps = React__default.InputHTMLAttributes<HTMLInputElement> & Pick<React__default.HTMLProps<HTMLInputElement>, 'ref'>;
4
- declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
5
-
6
- export { Input };
@@ -1,119 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
-
32
- // src/components-core/input.tsx
33
- var input_exports = {};
34
- __export(input_exports, {
35
- Input: () => Input
36
- });
37
- module.exports = __toCommonJS(input_exports);
38
- var import_react = __toESM(require("react"));
39
- var import_design_provider = require("../providers/design-provider");
40
- var import_styled_components = __toESM(require("styled-components"));
41
- var import_constants = require("../utils/constants");
42
- var import_jsx_runtime = require("react/jsx-runtime");
43
- var StyledInput = import_styled_components.default.input`
44
- display: flex;
45
- font-family: ${import_constants.FONT_FAMILY};
46
- font-size: ${import_constants.FONT_SIZES.sm};
47
- border-radius: 0.375rem;
48
- box-shadow: ${import_constants.SHADOW};
49
- width: 100%;
50
- line-height: 1.25rem;
51
- height: 2.25rem;
52
- background-color: transparent;
53
- border: 1px solid;
54
- padding: 0.25rem 0.75rem;
55
- &:disabled {
56
- cursor: auto;
57
- opacity: 0.5;
58
- }
59
- &[type=file]::file-selector-button{
60
- border: none;
61
- background-color: transparent;
62
- height: 2.5rem;
63
- margin-right: 0.5rem;
64
- padding: 0;
65
- }
66
-
67
- border-color: ${(props) => props.$colors.light.neutralColor};
68
- color: ${import_constants.PRIMARY_FONT_COLORS.light};
69
- &::placeholder {
70
- color: ${import_constants.SECONDARY_FONT_COLORS.light};
71
- }
72
- &:focus-visible {
73
- outline: none;
74
- box-shadow: 0 0 0 1px ${(props) => props.$colors.light.primaryColor};
75
- }
76
- &[type=file] {
77
- color: ${import_constants.SECONDARY_FONT_COLORS.light};
78
- }
79
- &[type=file]::file-selector-button{
80
- color: ${import_constants.PRIMARY_FONT_COLORS.light};
81
- }
82
-
83
- html[data-stack-theme='dark'] & {
84
- border-color: ${(props) => props.$colors.dark.neutralColor};
85
- color: ${import_constants.PRIMARY_FONT_COLORS.dark};
86
- &::placeholder {
87
- color: ${import_constants.SECONDARY_FONT_COLORS.dark};
88
- }
89
- &:focus-visible {
90
- outline: none;
91
- box-shadow: 0 0 0 1px ${(props) => props.$colors.dark.primaryColor};
92
- }
93
- &[type=file] {
94
- color: ${import_constants.SECONDARY_FONT_COLORS.dark};
95
- }
96
- &[type=file]::file-selector-button{
97
- color: ${import_constants.PRIMARY_FONT_COLORS.dark};
98
- }
99
- }
100
- `;
101
- var Input = import_react.default.forwardRef(
102
- (props, ref) => {
103
- const { colors } = (0, import_design_provider.useDesign)();
104
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
105
- StyledInput,
106
- {
107
- ref,
108
- $colors: colors,
109
- ...props
110
- }
111
- );
112
- }
113
- );
114
- Input.displayName = "Input";
115
- // Annotate the CommonJS export names for ESM import in node:
116
- 0 && (module.exports = {
117
- Input
118
- });
119
- //# sourceMappingURL=input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components-core/input.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { ColorPalette, useDesign } from \"../providers/design-provider\";\nimport styled from 'styled-components';\nimport { FONT_FAMILY, FONT_SIZES, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SHADOW } from \"../utils/constants\";\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, 'ref'>\n\n\nconst StyledInput = styled.input<{\n $colors: ColorPalette,\n}>`\n display: flex;\n font-family: ${FONT_FAMILY};\n font-size: ${FONT_SIZES.sm};\n border-radius: 0.375rem;\n box-shadow: ${SHADOW};\n width: 100%;\n line-height: 1.25rem;\n height: 2.25rem;\n background-color: transparent;\n border: 1px solid;\n padding: 0.25rem 0.75rem;\n &:disabled {\n cursor: auto;\n opacity: 0.5;\n }\n &[type=file]::file-selector-button{\n border: none;\n background-color: transparent;\n height: 2.5rem;\n margin-right: 0.5rem;\n padding: 0;\n }\n\n border-color: ${props => props.$colors.light.neutralColor};\n color: ${PRIMARY_FONT_COLORS.light};\n &::placeholder {\n color: ${SECONDARY_FONT_COLORS.light};\n }\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px ${props => props.$colors.light.primaryColor};\n }\n &[type=file] {\n color: ${SECONDARY_FONT_COLORS.light};\n }\n &[type=file]::file-selector-button{\n color: ${PRIMARY_FONT_COLORS.light};\n }\n\n html[data-stack-theme='dark'] & {\n border-color: ${props => props.$colors.dark.neutralColor};\n color: ${PRIMARY_FONT_COLORS.dark};\n &::placeholder {\n color: ${SECONDARY_FONT_COLORS.dark};\n }\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px ${props => props.$colors.dark.primaryColor};\n }\n &[type=file] {\n color: ${SECONDARY_FONT_COLORS.dark};\n }\n &[type=file]::file-selector-button{\n color: ${PRIMARY_FONT_COLORS.dark};\n }\n }\n`;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const { colors } = useDesign();\n return (\n <StyledInput\n ref={ref}\n $colors={colors}\n {...props}\n />\n );\n }\n);\nInput.displayName = 'Input';\n\nexport { Input };"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,6BAAwC;AACxC,+BAAmB;AACnB,uBAA4F;AAsEtF;AAjEN,IAAM,cAAc,yBAAAA,QAAO;AAAA;AAAA,iBAIV,4BAAW;AAAA,eACb,4BAAW,EAAE;AAAA;AAAA,gBAEZ,uBAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAmBJ,WAAS,MAAM,QAAQ,MAAM,YAAY;AAAA,WAChD,qCAAoB,KAAK;AAAA;AAAA,aAEvB,uCAAsB,KAAK;AAAA;AAAA;AAAA;AAAA,4BAIZ,WAAS,MAAM,QAAQ,MAAM,YAAY;AAAA;AAAA;AAAA,aAGxD,uCAAsB,KAAK;AAAA;AAAA;AAAA,aAG3B,qCAAoB,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIlB,WAAS,MAAM,QAAQ,KAAK,YAAY;AAAA,aAC/C,qCAAoB,IAAI;AAAA;AAAA,eAEtB,uCAAsB,IAAI;AAAA;AAAA;AAAA;AAAA,8BAIX,WAAS,MAAM,QAAQ,KAAK,YAAY;AAAA;AAAA;AAAA,eAGvD,uCAAsB,IAAI;AAAA;AAAA;AAAA,eAG1B,qCAAoB,IAAI;AAAA;AAAA;AAAA;AAKvC,IAAM,QAAQ,aAAAC,QAAM;AAAA,EAClB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,OAAO,QAAI,kCAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":["styled","React"]}
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
- import * as _radix_ui_react_label from '@radix-ui/react-label';
3
-
4
- declare const Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
5
-
6
- export { Label };
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
- import * as _radix_ui_react_label from '@radix-ui/react-label';
3
-
4
- declare const Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
5
-
6
- export { Label };