@stackframe/stack 2.3.5 → 2.3.8

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 (261) hide show
  1. package/dist/components/card-frame.d.mts +9 -0
  2. package/dist/components/card-frame.d.ts +8 -5
  3. package/dist/components/card-frame.js +58 -23
  4. package/dist/components/credential-sign-in.d.mts +5 -0
  5. package/dist/components/credential-sign-in.d.ts +5 -1
  6. package/dist/components/credential-sign-in.js +109 -41
  7. package/dist/components/credential-sign-up.d.mts +5 -0
  8. package/dist/components/credential-sign-up.d.ts +5 -1
  9. package/dist/components/credential-sign-up.js +140 -62
  10. package/dist/components/forgot-password.d.mts +7 -0
  11. package/dist/components/forgot-password.d.ts +6 -2
  12. package/dist/components/forgot-password.js +83 -26
  13. package/dist/components/form-warning.d.mts +7 -0
  14. package/dist/components/form-warning.d.ts +6 -2
  15. package/dist/components/form-warning.js +34 -8
  16. package/dist/components/magic-link-sign-in.d.mts +5 -0
  17. package/dist/components/magic-link-sign-in.d.ts +5 -1
  18. package/dist/components/magic-link-sign-in.js +89 -31
  19. package/dist/components/message-card.d.mts +10 -0
  20. package/dist/components/message-card.d.ts +8 -4
  21. package/dist/components/message-card.js +45 -6
  22. package/dist/components/oauth-button.d.mts +8 -0
  23. package/dist/components/oauth-button.d.ts +6 -2
  24. package/dist/components/oauth-button.js +142 -63
  25. package/dist/components/oauth-group.d.mts +7 -0
  26. package/dist/components/oauth-group.d.ts +6 -2
  27. package/dist/components/oauth-group.js +46 -8
  28. package/dist/components/password-field.d.mts +5 -0
  29. package/dist/components/password-field.d.ts +5 -3
  30. package/dist/components/password-field.js +111 -41
  31. package/dist/components/password-reset-inner.d.mts +8 -0
  32. package/dist/components/password-reset-inner.d.ts +6 -2
  33. package/dist/components/password-reset-inner.js +120 -58
  34. package/dist/components/redirect-message-card.d.mts +8 -0
  35. package/dist/components/redirect-message-card.d.ts +6 -2
  36. package/dist/components/redirect-message-card.js +110 -58
  37. package/dist/components/separator-with-text.d.mts +7 -0
  38. package/dist/components/separator-with-text.d.ts +6 -2
  39. package/dist/components/separator-with-text.js +35 -5
  40. package/dist/components/user-avatar.d.mts +13 -0
  41. package/dist/components/user-avatar.d.ts +11 -3
  42. package/dist/components/user-avatar.js +34 -6
  43. package/dist/components/user-button.d.mts +15 -0
  44. package/dist/components/user-button.d.ts +12 -3
  45. package/dist/components/user-button.js +156 -26
  46. package/dist/components-core/avatar.d.mts +8 -0
  47. package/dist/components-core/avatar.d.ts +7 -5
  48. package/dist/components-core/avatar.js +73 -18
  49. package/dist/components-core/button.d.mts +12 -0
  50. package/dist/components-core/button.d.ts +8 -6
  51. package/dist/components-core/button.js +177 -113
  52. package/dist/components-core/card.d.mts +8 -0
  53. package/dist/components-core/card.d.ts +4 -2
  54. package/dist/components-core/card.js +73 -22
  55. package/dist/components-core/collapsible.d.mts +8 -0
  56. package/dist/components-core/collapsible.d.ts +8 -6
  57. package/dist/components-core/collapsible.js +48 -5
  58. package/dist/components-core/container.d.mts +8 -0
  59. package/dist/components-core/container.d.ts +5 -3
  60. package/dist/components-core/container.js +61 -11
  61. package/dist/components-core/dropdown.d.mts +15 -0
  62. package/dist/components-core/dropdown.d.ts +10 -8
  63. package/dist/components-core/dropdown.js +108 -36
  64. package/dist/components-core/index.d.mts +59 -0
  65. package/dist/components-core/index.d.ts +51 -40
  66. package/dist/components-core/index.js +144 -46
  67. package/dist/components-core/input.d.mts +6 -0
  68. package/dist/components-core/input.d.ts +5 -3
  69. package/dist/components-core/input.js +97 -28
  70. package/dist/components-core/label.d.mts +6 -0
  71. package/dist/components-core/label.d.ts +5 -3
  72. package/dist/components-core/label.js +65 -15
  73. package/dist/components-core/link.d.mts +10 -0
  74. package/dist/components-core/link.d.ts +7 -6
  75. package/dist/components-core/link.js +72 -18
  76. package/dist/components-core/loading-indicator.d.mts +13 -0
  77. package/dist/components-core/loading-indicator.d.ts +11 -4
  78. package/dist/components-core/loading-indicator.js +46 -6
  79. package/dist/components-core/popover.d.mts +8 -0
  80. package/dist/components-core/popover.d.ts +8 -6
  81. package/dist/components-core/popover.js +72 -16
  82. package/dist/components-core/separator.d.mts +6 -0
  83. package/dist/components-core/separator.d.ts +5 -3
  84. package/dist/components-core/separator.js +66 -16
  85. package/dist/components-core/skeleton.d.mts +7 -0
  86. package/dist/components-core/skeleton.d.ts +5 -3
  87. package/dist/components-core/skeleton.js +75 -21
  88. package/dist/components-core/tabs.d.mts +9 -0
  89. package/dist/components-core/tabs.d.ts +8 -6
  90. package/dist/components-core/tabs.js +87 -20
  91. package/dist/components-core/text.d.mts +10 -0
  92. package/dist/components-core/text.d.ts +5 -3
  93. package/dist/components-core/text.js +95 -40
  94. package/dist/components-core-joy/button.d.mts +6 -0
  95. package/dist/components-core-joy/button.d.ts +6 -2
  96. package/dist/components-core-joy/button.js +86 -28
  97. package/dist/components-core-joy/input.d.mts +5 -0
  98. package/dist/components-core-joy/input.d.ts +5 -2
  99. package/dist/components-core-joy/input.js +51 -6
  100. package/dist/components-core-joy/separator.d.mts +6 -0
  101. package/dist/components-core-joy/separator.d.ts +6 -2
  102. package/dist/components-core-joy/separator.js +50 -6
  103. package/dist/components-core-joy/tabs.d.mts +9 -0
  104. package/dist/components-core-joy/tabs.d.ts +9 -5
  105. package/dist/components-core-joy/tabs.js +62 -16
  106. package/dist/components-core-joy/text.d.mts +9 -0
  107. package/dist/components-core-joy/text.d.ts +6 -3
  108. package/dist/components-core-joy/text.js +68 -28
  109. package/dist/components-page/account-settings.d.mts +7 -0
  110. package/dist/components-page/account-settings.d.ts +6 -2
  111. package/dist/components-page/account-settings.js +213 -81
  112. package/dist/components-page/auth-page.d.mts +8 -0
  113. package/dist/components-page/auth-page.d.ts +6 -2
  114. package/dist/components-page/auth-page.js +79 -19
  115. package/dist/components-page/email-verification.d.mts +8 -0
  116. package/dist/components-page/email-verification.d.ts +6 -2
  117. package/dist/components-page/email-verification.js +65 -28
  118. package/dist/components-page/forgot-password.d.mts +7 -0
  119. package/dist/components-page/forgot-password.d.ts +6 -2
  120. package/dist/components-page/forgot-password.js +64 -20
  121. package/dist/components-page/magic-link-callback.d.mts +8 -0
  122. package/dist/components-page/magic-link-callback.d.ts +6 -2
  123. package/dist/components-page/magic-link-callback.js +72 -34
  124. package/dist/components-page/oauth-callback.d.mts +5 -0
  125. package/dist/components-page/oauth-callback.d.ts +5 -1
  126. package/dist/components-page/oauth-callback.js +52 -16
  127. package/dist/components-page/password-reset.d.mts +8 -0
  128. package/dist/components-page/password-reset.d.ts +6 -2
  129. package/dist/components-page/password-reset.js +70 -34
  130. package/dist/components-page/sign-in.d.mts +7 -0
  131. package/dist/components-page/sign-in.d.ts +6 -2
  132. package/dist/components-page/sign-in.js +41 -5
  133. package/dist/components-page/sign-out.d.mts +5 -0
  134. package/dist/components-page/sign-out.d.ts +5 -1
  135. package/dist/components-page/sign-out.js +47 -11
  136. package/dist/components-page/sign-up.d.mts +7 -0
  137. package/dist/components-page/sign-up.d.ts +6 -2
  138. package/dist/components-page/sign-up.js +41 -5
  139. package/dist/components-page/stack-handler.d.mts +16 -0
  140. package/dist/components-page/stack-handler.d.ts +11 -3
  141. package/dist/components-page/stack-handler.js +102 -64
  142. package/dist/esm/components/card-frame.js +39 -0
  143. package/dist/esm/components/credential-sign-in.js +82 -0
  144. package/dist/esm/components/credential-sign-up.js +114 -0
  145. package/dist/esm/components/forgot-password.js +55 -0
  146. package/dist/esm/components/form-warning.js +15 -0
  147. package/dist/esm/components/magic-link-sign-in.js +61 -0
  148. package/dist/esm/components/message-card.js +16 -0
  149. package/dist/esm/components/oauth-button.js +124 -0
  150. package/dist/esm/components/oauth-group.js +17 -0
  151. package/dist/esm/components/password-field.js +82 -0
  152. package/dist/esm/components/password-reset-inner.js +93 -0
  153. package/dist/esm/components/redirect-message-card.js +83 -0
  154. package/dist/esm/components/separator-with-text.js +16 -0
  155. package/dist/esm/components/user-avatar.js +14 -0
  156. package/dist/esm/components/user-button.js +133 -0
  157. package/dist/esm/components-core/avatar.js +56 -0
  158. package/dist/esm/components-core/button.js +165 -0
  159. package/dist/esm/components-core/card.js +51 -0
  160. package/dist/esm/components-core/collapsible.js +13 -0
  161. package/dist/esm/components-core/container.js +35 -0
  162. package/dist/esm/components-core/dropdown.js +106 -0
  163. package/dist/esm/components-core/index.js +93 -0
  164. package/dist/esm/components-core/input.js +80 -0
  165. package/dist/esm/components-core/label.js +38 -0
  166. package/dist/esm/components-core/link.js +38 -0
  167. package/dist/esm/components-core/loading-indicator.js +27 -0
  168. package/dist/esm/components-core/popover.js +43 -0
  169. package/dist/esm/components-core/separator.js +36 -0
  170. package/dist/esm/components-core/skeleton.js +52 -0
  171. package/dist/esm/components-core/tabs.js +79 -0
  172. package/dist/esm/components-core/text.js +63 -0
  173. package/dist/esm/components-core-joy/button.js +53 -0
  174. package/dist/esm/components-core-joy/input.js +18 -0
  175. package/dist/esm/components-core-joy/separator.js +17 -0
  176. package/dist/esm/components-core-joy/tabs.js +29 -0
  177. package/dist/esm/components-core-joy/text.js +35 -0
  178. package/dist/esm/components-page/account-settings.js +197 -0
  179. package/dist/esm/components-page/auth-page.js +50 -0
  180. package/dist/esm/components-page/email-verification.js +36 -0
  181. package/dist/esm/components-page/forgot-password.js +35 -0
  182. package/dist/esm/components-page/magic-link-callback.js +43 -0
  183. package/dist/esm/components-page/oauth-callback.js +23 -0
  184. package/dist/esm/components-page/password-reset.js +42 -0
  185. package/dist/esm/components-page/sign-in.js +12 -0
  186. package/dist/esm/components-page/sign-out.js +18 -0
  187. package/dist/esm/components-page/sign-up.js +12 -0
  188. package/dist/esm/components-page/stack-handler.js +75 -0
  189. package/dist/esm/index.js +47 -0
  190. package/dist/esm/joy.js +5 -0
  191. package/dist/esm/lib/auth.js +62 -0
  192. package/dist/esm/lib/cookie.js +185 -0
  193. package/dist/esm/lib/hooks.js +29 -0
  194. package/dist/esm/lib/stack-app.js +940 -0
  195. package/dist/esm/providers/component-provider.js +76 -0
  196. package/dist/esm/providers/design-provider.js +36 -0
  197. package/dist/esm/providers/joy-provider.js +35 -0
  198. package/dist/esm/providers/stack-provider-client.js +31 -0
  199. package/dist/esm/providers/stack-provider.js +21 -0
  200. package/dist/esm/providers/styled-components-registry.js +24 -0
  201. package/dist/esm/providers/theme-provider.js +22 -0
  202. package/dist/esm/utils/browser-script.js +25 -0
  203. package/dist/esm/utils/constants.js +34 -0
  204. package/dist/esm/utils/email.js +10 -0
  205. package/dist/esm/utils/next.js +7 -0
  206. package/dist/esm/utils/url.js +21 -0
  207. package/dist/index.d.mts +37 -0
  208. package/dist/index.d.ts +37 -22
  209. package/dist/index.js +106 -21
  210. package/dist/joy.d.mts +16 -0
  211. package/dist/joy.d.ts +16 -1
  212. package/dist/joy.js +30 -1
  213. package/dist/lib/auth.d.mts +11 -0
  214. package/dist/lib/auth.d.ts +8 -4
  215. package/dist/lib/auth.js +83 -57
  216. package/dist/lib/cookie.d.mts +14 -0
  217. package/dist/lib/cookie.d.ts +8 -6
  218. package/dist/lib/cookie.js +217 -45
  219. package/dist/lib/hooks.d.mts +35 -0
  220. package/dist/lib/hooks.d.ts +14 -8
  221. package/dist/lib/hooks.js +53 -28
  222. package/dist/lib/stack-app.d.mts +227 -0
  223. package/dist/lib/stack-app.d.ts +43 -41
  224. package/dist/lib/stack-app.js +937 -849
  225. package/dist/providers/component-provider.d.mts +113 -0
  226. package/dist/providers/component-provider.d.ts +95 -77
  227. package/dist/providers/component-provider.js +92 -58
  228. package/dist/providers/design-provider.d.mts +34 -0
  229. package/dist/providers/design-provider.d.ts +16 -21
  230. package/dist/providers/design-provider.js +57 -58
  231. package/dist/providers/joy-provider.d.mts +36 -0
  232. package/dist/providers/joy-provider.d.ts +30 -14
  233. package/dist/providers/joy-provider.js +58 -30
  234. package/dist/providers/stack-provider-client.d.mts +20 -0
  235. package/dist/providers/stack-provider-client.d.ts +15 -8
  236. package/dist/providers/stack-provider-client.js +64 -20
  237. package/dist/providers/stack-provider.d.mts +14 -0
  238. package/dist/providers/stack-provider.d.ts +13 -5
  239. package/dist/providers/stack-provider.js +39 -8
  240. package/dist/providers/styled-components-registry.d.mts +8 -0
  241. package/dist/providers/styled-components-registry.d.ts +8 -4
  242. package/dist/providers/styled-components-registry.js +43 -17
  243. package/dist/providers/theme-provider.d.mts +22 -0
  244. package/dist/providers/theme-provider.d.ts +21 -9
  245. package/dist/providers/theme-provider.js +55 -19
  246. package/dist/utils/browser-script.d.mts +5 -0
  247. package/dist/utils/browser-script.d.ts +5 -0
  248. package/dist/utils/browser-script.js +50 -0
  249. package/dist/utils/constants.d.mts +48 -0
  250. package/dist/utils/constants.d.ts +11 -9
  251. package/dist/utils/constants.js +66 -21
  252. package/dist/utils/email.d.mts +3 -0
  253. package/dist/utils/email.d.ts +3 -1
  254. package/dist/utils/email.js +44 -6
  255. package/dist/utils/next.d.mts +3 -0
  256. package/dist/utils/next.d.ts +3 -1
  257. package/dist/utils/next.js +31 -3
  258. package/dist/utils/url.d.mts +4 -0
  259. package/dist/utils/url.d.ts +4 -2
  260. package/dist/utils/url.js +44 -13
  261. package/package.json +20 -10
@@ -1,13 +1,15 @@
1
1
  import * as React from 'react';
2
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
- declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
4
- declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
- declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
- declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
2
+ import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
3
+
4
+ declare const DropdownMenu: React.FC<_radix_ui_react_dropdown_menu.DropdownMenuProps>;
5
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
7
8
  inset?: boolean | undefined;
8
9
  } & React.RefAttributes<HTMLDivElement>>;
9
- declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
10
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
10
11
  inset?: boolean | undefined;
11
12
  } & React.RefAttributes<HTMLDivElement>>;
12
- declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, };
13
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+
15
+ export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };
@@ -1,35 +1,90 @@
1
- 'use client';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import * as React from 'react';
4
- import styled from 'styled-components';
5
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
- import { useDesign } from '..';
7
- import { SELECTED_BACKGROUND_COLORS } from '../utils/constants';
8
- const DropdownMenu = DropdownMenuPrimitive.Root;
9
- const StyledTrigger = styled(DropdownMenuPrimitive.Trigger) `
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)`
10
51
  all: unset;
11
52
  &:focus {
12
53
  outline: none;
13
54
  box-shadow: 0;
14
55
  }
15
56
  `;
16
- const DropdownMenuTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(StyledTrigger, { ref: ref, ...props })));
17
- const StyledContent = styled(DropdownMenuPrimitive.Content) `
57
+ var DropdownMenuTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTrigger, { ref, ...props }));
58
+ var StyledContent = (0, import_styled_components.default)(DropdownMenuPrimitive.Content)`
18
59
  z-index: 50;
19
60
  min-width: 8rem;
20
61
  overflow: hidden;
21
62
  border-radius: 4px;
22
- border: 1px solid ${({ $neutralColor }) => $neutralColor};
23
- background: ${({ $backgroundColor }) => $backgroundColor};
24
63
  padding: 0.25rem;
25
64
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
65
+
66
+ border: 1px solid ${({ $colors }) => $colors.light.neutralColor};
67
+ background: ${({ $colors }) => $colors.light.backgroundColor};
68
+
69
+ html[data-theme='dark'] & {
70
+ border-color: ${({ $colors }) => $colors.dark.neutralColor};
71
+ background: ${({ $colors }) => $colors.dark.backgroundColor};
72
+ }
26
73
  `;
27
- const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
28
- const { colors } = useDesign();
29
- return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(StyledContent, { "$backgroundColor": colors.backgroundColor, "$neutralColor": colors.neutralColor, sideOffset: sideOffset, ref: ref, ...props }) }));
74
+ var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
75
+ const { colors } = (0, import__.useDesign)();
76
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
+ StyledContent,
78
+ {
79
+ $colors: colors,
80
+ sideOffset,
81
+ ref,
82
+ ...props
83
+ }
84
+ ) });
30
85
  });
31
- DropdownMenuContent.displayName = 'DropdownMenuContent';
32
- const StyledItem = styled(DropdownMenuPrimitive.Item) `
86
+ DropdownMenuContent.displayName = "DropdownMenuContent";
87
+ var StyledItem = (0, import_styled_components.default)(DropdownMenuPrimitive.Item)`
33
88
  display: flex;
34
89
  cursor: default;
35
90
  align-items: center;
@@ -42,32 +97,49 @@ const StyledItem = styled(DropdownMenuPrimitive.Item) `
42
97
  background-color: var(--accent);
43
98
  color: var(--accent-foreground);
44
99
  }
100
+ ${({ $inset }) => $inset && "padding-left: 2rem;"}
101
+
45
102
  &:hover {
46
- background-color: ${({ $colorMode }) => SELECTED_BACKGROUND_COLORS[$colorMode]};
103
+ background-color: ${import_constants.SELECTED_BACKGROUND_COLORS.light};
104
+ }
105
+
106
+ html[data-theme='dark'] & {
107
+ &:hover {
108
+ background-color: ${import_constants.SELECTED_BACKGROUND_COLORS.dark};
109
+ }
47
110
  }
48
- ${({ $inset }) => $inset && 'padding-left: 2rem;'}
49
111
  `;
50
- const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => {
51
- const { colorMode } = useDesign();
52
- return _jsx(StyledItem, { ref: ref, ...props, "$inset": inset, "$colorMode": colorMode });
112
+ var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => {
113
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItem, { ref, ...props, $inset: inset });
53
114
  });
54
- DropdownMenuItem.displayName = 'DropdownMenuItem';
55
- const StyledLabel = styled(DropdownMenuPrimitive.Label) `
115
+ DropdownMenuItem.displayName = "DropdownMenuItem";
116
+ var StyledLabel = (0, import_styled_components.default)(DropdownMenuPrimitive.Label)`
56
117
  padding: 0.375rem 0.5rem;
57
118
  font-size: 0.875rem;
58
- font-weight: bold;
59
- ${({ inset }) => inset && 'padding-left: 2rem;'}
119
+ ${({ inset }) => inset && "padding-left: 2rem;"}
60
120
  `;
61
- const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(StyledLabel, { ref: ref, ...props, inset: inset })));
62
- DropdownMenuLabel.displayName = 'DropdownMenuLabel';
63
- const StyledSeparator = styled(DropdownMenuPrimitive.Separator) `
121
+ var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLabel, { ref, ...props, inset }));
122
+ DropdownMenuLabel.displayName = "DropdownMenuLabel";
123
+ var StyledSeparator = (0, import_styled_components.default)(DropdownMenuPrimitive.Separator)`
64
124
  margin: 0.25rem -0.25rem;
65
125
  height: 1px;
66
- background-color: ${({ $color }) => $color};
126
+ background-color: ${({ $colors }) => $colors.light.neutralColor};
127
+
128
+ html[data-theme='dark'] & {
129
+ background-color: ${({ $colors }) => $colors.dark.neutralColor};
130
+ }
67
131
  `;
68
- const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
69
- const { colors } = useDesign();
70
- return _jsx(StyledSeparator, { ref: ref, ...props, "$color": colors.neutralColor });
132
+ var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
133
+ const { colors } = (0, import__.useDesign)();
134
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, { ref, ...props, $colors: colors });
135
+ });
136
+ DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
137
+ // Annotate the CommonJS export names for ESM import in node:
138
+ 0 && (module.exports = {
139
+ DropdownMenu,
140
+ DropdownMenuContent,
141
+ DropdownMenuItem,
142
+ DropdownMenuLabel,
143
+ DropdownMenuSeparator,
144
+ DropdownMenuTrigger
71
145
  });
72
- DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
73
- export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, };
@@ -0,0 +1,59 @@
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,48 +1,59 @@
1
- /// <reference types="node" />
2
- import React from 'react';
3
- export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("./button").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
- export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
- export declare const Container: React.ForwardRefExoticComponent<Omit<{
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<{
6
15
  size?: number | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
7
- } & Omit<React.HTMLProps<HTMLDivElement>, "size">, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
- export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
- export declare const Label: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-label").LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
10
- export declare const Link: React.ForwardRefExoticComponent<Omit<{
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<{
11
20
  size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
12
- href: string | import("url").Url;
13
- } & Omit<React.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React.RefAttributes<HTMLLinkElement>>;
14
- export declare const Text: React.ForwardRefExoticComponent<Omit<Omit<{
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<{
15
24
  variant?: "primary" | "secondary" | "warning" | "success" | undefined;
16
25
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
17
26
  size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
18
- } & Omit<React.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
19
- export declare const Popover: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverProps & React.RefAttributes<never>>;
20
- export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
21
- export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
- export declare const DropdownMenu: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & React.RefAttributes<never>>;
23
- export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
24
- export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
- export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
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"> & {
26
35
  inset?: boolean | undefined;
27
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
28
- export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
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"> & {
29
38
  inset?: boolean | undefined;
30
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
- export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
- export declare const Avatar: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-avatar").AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
33
- export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
34
- export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-avatar").AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
35
- export declare const Collapsible: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
- export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
37
- export declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
38
- export declare const Card: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
39
- export declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
40
- export declare const CardContent: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
- export declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
42
- export declare const Tabs: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
43
- export declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
44
- export declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
45
- export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
46
- export declare const Skeleton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
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"> & {
47
56
  deactivated?: boolean | undefined;
48
- } & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
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,49 +1,147 @@
1
- 'use client';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { forwardRef } from 'react';
4
- import { useComponents } from '../providers/component-provider';
5
- import { useAsyncCallbackWithLoggedError } from '@stackframe/stack-shared/dist/hooks/use-async-callback';
6
- export const Button = forwardRef((props, ref) => {
7
- const { Button } = useComponents();
8
- const [onClick, onClickLoading] = useAsyncCallbackWithLoggedError(async () => {
9
- return await props.onClick?.();
10
- }, [props.onClick]);
11
- return _jsx(Button, { ...props, onClick: props.onClick && onClick, loading: props.loading || onClickLoading, disabled: props.disabled || onClickLoading, ref: ref });
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
+ );
12
77
  });
13
78
  function createDynamicComponent(component) {
14
- return forwardRef((props, ref) => {
15
- const Component = useComponents()[component];
16
- return _jsx(Component, { ...props, ref: ref });
17
- });
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
+ });
18
83
  }
19
- ;
20
- export const Input = createDynamicComponent('Input');
21
- export const Container = createDynamicComponent('Container');
22
- export const Separator = createDynamicComponent('Separator');
23
- export const Label = createDynamicComponent('Label');
24
- export const Link = createDynamicComponent('Link');
25
- export const Text = createDynamicComponent('Text');
26
- export const Popover = createDynamicComponent('Popover');
27
- export const PopoverTrigger = createDynamicComponent('PopoverTrigger');
28
- export const PopoverContent = createDynamicComponent('PopoverContent');
29
- export const DropdownMenu = createDynamicComponent('DropdownMenu');
30
- export const DropdownMenuTrigger = createDynamicComponent('DropdownMenuTrigger');
31
- export const DropdownMenuContent = createDynamicComponent('DropdownMenuContent');
32
- export const DropdownMenuItem = createDynamicComponent('DropdownMenuItem');
33
- export const DropdownMenuLabel = createDynamicComponent('DropdownMenuLabel');
34
- export const DropdownMenuSeparator = createDynamicComponent('DropdownMenuSeparator');
35
- export const Avatar = createDynamicComponent('Avatar');
36
- export const AvatarFallback = createDynamicComponent('AvatarFallback');
37
- export const AvatarImage = createDynamicComponent('AvatarImage');
38
- export const Collapsible = createDynamicComponent('Collapsible');
39
- export const CollapsibleTrigger = createDynamicComponent('CollapsibleTrigger');
40
- export const CollapsibleContent = createDynamicComponent('CollapsibleContent');
41
- export const Card = createDynamicComponent('Card');
42
- export const CardHeader = createDynamicComponent('CardHeader');
43
- export const CardContent = createDynamicComponent('CardContent');
44
- export const CardFooter = createDynamicComponent('CardFooter');
45
- export const Tabs = createDynamicComponent('Tabs');
46
- export const TabsList = createDynamicComponent('TabsList');
47
- export const TabsContent = createDynamicComponent('TabsContent');
48
- export const TabsTrigger = createDynamicComponent('TabsTrigger');
49
- export const Skeleton = createDynamicComponent('Skeleton');
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
+ });
@@ -0,0 +1,6 @@
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 };