@stackframe/stack 2.3.5 → 2.3.7
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.
- package/dist/components/card-frame.d.mts +9 -0
- package/dist/components/card-frame.d.ts +8 -5
- package/dist/components/card-frame.js +58 -23
- package/dist/components/credential-sign-in.d.mts +5 -0
- package/dist/components/credential-sign-in.d.ts +5 -1
- package/dist/components/credential-sign-in.js +109 -41
- package/dist/components/credential-sign-up.d.mts +5 -0
- package/dist/components/credential-sign-up.d.ts +5 -1
- package/dist/components/credential-sign-up.js +140 -62
- package/dist/components/forgot-password.d.mts +7 -0
- package/dist/components/forgot-password.d.ts +6 -2
- package/dist/components/forgot-password.js +83 -26
- package/dist/components/form-warning.d.mts +7 -0
- package/dist/components/form-warning.d.ts +6 -2
- package/dist/components/form-warning.js +34 -8
- package/dist/components/magic-link-sign-in.d.mts +5 -0
- package/dist/components/magic-link-sign-in.d.ts +5 -1
- package/dist/components/magic-link-sign-in.js +89 -31
- package/dist/components/message-card.d.mts +10 -0
- package/dist/components/message-card.d.ts +8 -4
- package/dist/components/message-card.js +45 -6
- package/dist/components/oauth-button.d.mts +8 -0
- package/dist/components/oauth-button.d.ts +6 -2
- package/dist/components/oauth-button.js +142 -63
- package/dist/components/oauth-group.d.mts +7 -0
- package/dist/components/oauth-group.d.ts +6 -2
- package/dist/components/oauth-group.js +46 -8
- package/dist/components/password-field.d.mts +5 -0
- package/dist/components/password-field.d.ts +5 -3
- package/dist/components/password-field.js +111 -41
- package/dist/components/password-reset-inner.d.mts +8 -0
- package/dist/components/password-reset-inner.d.ts +6 -2
- package/dist/components/password-reset-inner.js +120 -58
- package/dist/components/redirect-message-card.d.mts +8 -0
- package/dist/components/redirect-message-card.d.ts +6 -2
- package/dist/components/redirect-message-card.js +110 -58
- package/dist/components/separator-with-text.d.mts +7 -0
- package/dist/components/separator-with-text.d.ts +6 -2
- package/dist/components/separator-with-text.js +35 -5
- package/dist/components/user-avatar.d.mts +13 -0
- package/dist/components/user-avatar.d.ts +11 -3
- package/dist/components/user-avatar.js +34 -6
- package/dist/components/user-button.d.mts +15 -0
- package/dist/components/user-button.d.ts +12 -3
- package/dist/components/user-button.js +156 -26
- package/dist/components-core/avatar.d.mts +8 -0
- package/dist/components-core/avatar.d.ts +7 -5
- package/dist/components-core/avatar.js +73 -18
- package/dist/components-core/button.d.mts +12 -0
- package/dist/components-core/button.d.ts +8 -6
- package/dist/components-core/button.js +177 -113
- package/dist/components-core/card.d.mts +8 -0
- package/dist/components-core/card.d.ts +4 -2
- package/dist/components-core/card.js +73 -22
- package/dist/components-core/collapsible.d.mts +8 -0
- package/dist/components-core/collapsible.d.ts +8 -6
- package/dist/components-core/collapsible.js +48 -5
- package/dist/components-core/container.d.mts +8 -0
- package/dist/components-core/container.d.ts +5 -3
- package/dist/components-core/container.js +61 -11
- package/dist/components-core/dropdown.d.mts +15 -0
- package/dist/components-core/dropdown.d.ts +10 -8
- package/dist/components-core/dropdown.js +108 -36
- package/dist/components-core/index.d.mts +59 -0
- package/dist/components-core/index.d.ts +51 -40
- package/dist/components-core/index.js +144 -46
- package/dist/components-core/input.d.mts +6 -0
- package/dist/components-core/input.d.ts +5 -3
- package/dist/components-core/input.js +97 -28
- package/dist/components-core/label.d.mts +6 -0
- package/dist/components-core/label.d.ts +5 -3
- package/dist/components-core/label.js +65 -15
- package/dist/components-core/link.d.mts +10 -0
- package/dist/components-core/link.d.ts +7 -6
- package/dist/components-core/link.js +72 -18
- package/dist/components-core/loading-indicator.d.mts +13 -0
- package/dist/components-core/loading-indicator.d.ts +11 -4
- package/dist/components-core/loading-indicator.js +46 -6
- package/dist/components-core/popover.d.mts +8 -0
- package/dist/components-core/popover.d.ts +8 -6
- package/dist/components-core/popover.js +72 -16
- package/dist/components-core/separator.d.mts +6 -0
- package/dist/components-core/separator.d.ts +5 -3
- package/dist/components-core/separator.js +66 -16
- package/dist/components-core/skeleton.d.mts +7 -0
- package/dist/components-core/skeleton.d.ts +5 -3
- package/dist/components-core/skeleton.js +75 -21
- package/dist/components-core/tabs.d.mts +9 -0
- package/dist/components-core/tabs.d.ts +8 -6
- package/dist/components-core/tabs.js +87 -20
- package/dist/components-core/text.d.mts +10 -0
- package/dist/components-core/text.d.ts +5 -3
- package/dist/components-core/text.js +95 -40
- package/dist/components-core-joy/button.d.mts +6 -0
- package/dist/components-core-joy/button.d.ts +6 -2
- package/dist/components-core-joy/button.js +86 -28
- package/dist/components-core-joy/input.d.mts +5 -0
- package/dist/components-core-joy/input.d.ts +5 -2
- package/dist/components-core-joy/input.js +51 -6
- package/dist/components-core-joy/separator.d.mts +6 -0
- package/dist/components-core-joy/separator.d.ts +6 -2
- package/dist/components-core-joy/separator.js +50 -6
- package/dist/components-core-joy/tabs.d.mts +9 -0
- package/dist/components-core-joy/tabs.d.ts +9 -5
- package/dist/components-core-joy/tabs.js +62 -16
- package/dist/components-core-joy/text.d.mts +9 -0
- package/dist/components-core-joy/text.d.ts +6 -3
- package/dist/components-core-joy/text.js +68 -28
- package/dist/components-page/account-settings.d.mts +7 -0
- package/dist/components-page/account-settings.d.ts +6 -2
- package/dist/components-page/account-settings.js +213 -81
- package/dist/components-page/auth-page.d.mts +8 -0
- package/dist/components-page/auth-page.d.ts +6 -2
- package/dist/components-page/auth-page.js +79 -19
- package/dist/components-page/email-verification.d.mts +8 -0
- package/dist/components-page/email-verification.d.ts +6 -2
- package/dist/components-page/email-verification.js +65 -28
- package/dist/components-page/forgot-password.d.mts +7 -0
- package/dist/components-page/forgot-password.d.ts +6 -2
- package/dist/components-page/forgot-password.js +64 -20
- package/dist/components-page/magic-link-callback.d.mts +8 -0
- package/dist/components-page/magic-link-callback.d.ts +6 -2
- package/dist/components-page/magic-link-callback.js +72 -34
- package/dist/components-page/oauth-callback.d.mts +5 -0
- package/dist/components-page/oauth-callback.d.ts +5 -1
- package/dist/components-page/oauth-callback.js +52 -16
- package/dist/components-page/password-reset.d.mts +8 -0
- package/dist/components-page/password-reset.d.ts +6 -2
- package/dist/components-page/password-reset.js +70 -34
- package/dist/components-page/sign-in.d.mts +7 -0
- package/dist/components-page/sign-in.d.ts +6 -2
- package/dist/components-page/sign-in.js +41 -5
- package/dist/components-page/sign-out.d.mts +5 -0
- package/dist/components-page/sign-out.d.ts +5 -1
- package/dist/components-page/sign-out.js +47 -11
- package/dist/components-page/sign-up.d.mts +7 -0
- package/dist/components-page/sign-up.d.ts +6 -2
- package/dist/components-page/sign-up.js +41 -5
- package/dist/components-page/stack-handler.d.mts +16 -0
- package/dist/components-page/stack-handler.d.ts +11 -3
- package/dist/components-page/stack-handler.js +102 -64
- package/dist/esm/components/card-frame.js +39 -0
- package/dist/esm/components/credential-sign-in.js +82 -0
- package/dist/esm/components/credential-sign-up.js +114 -0
- package/dist/esm/components/forgot-password.js +55 -0
- package/dist/esm/components/form-warning.js +15 -0
- package/dist/esm/components/magic-link-sign-in.js +61 -0
- package/dist/esm/components/message-card.js +16 -0
- package/dist/esm/components/oauth-button.js +124 -0
- package/dist/esm/components/oauth-group.js +17 -0
- package/dist/esm/components/password-field.js +82 -0
- package/dist/esm/components/password-reset-inner.js +93 -0
- package/dist/esm/components/redirect-message-card.js +83 -0
- package/dist/esm/components/separator-with-text.js +16 -0
- package/dist/esm/components/user-avatar.js +14 -0
- package/dist/esm/components/user-button.js +133 -0
- package/dist/esm/components-core/avatar.js +56 -0
- package/dist/esm/components-core/button.js +165 -0
- package/dist/esm/components-core/card.js +51 -0
- package/dist/esm/components-core/collapsible.js +13 -0
- package/dist/esm/components-core/container.js +35 -0
- package/dist/esm/components-core/dropdown.js +106 -0
- package/dist/esm/components-core/index.js +93 -0
- package/dist/esm/components-core/input.js +80 -0
- package/dist/esm/components-core/label.js +38 -0
- package/dist/esm/components-core/link.js +38 -0
- package/dist/esm/components-core/loading-indicator.js +27 -0
- package/dist/esm/components-core/popover.js +43 -0
- package/dist/esm/components-core/separator.js +36 -0
- package/dist/esm/components-core/skeleton.js +52 -0
- package/dist/esm/components-core/tabs.js +79 -0
- package/dist/esm/components-core/text.js +63 -0
- package/dist/esm/components-core-joy/button.js +53 -0
- package/dist/esm/components-core-joy/input.js +18 -0
- package/dist/esm/components-core-joy/separator.js +17 -0
- package/dist/esm/components-core-joy/tabs.js +29 -0
- package/dist/esm/components-core-joy/text.js +35 -0
- package/dist/esm/components-page/account-settings.js +197 -0
- package/dist/esm/components-page/auth-page.js +50 -0
- package/dist/esm/components-page/email-verification.js +36 -0
- package/dist/esm/components-page/forgot-password.js +35 -0
- package/dist/esm/components-page/magic-link-callback.js +43 -0
- package/dist/esm/components-page/oauth-callback.js +23 -0
- package/dist/esm/components-page/password-reset.js +42 -0
- package/dist/esm/components-page/sign-in.js +12 -0
- package/dist/esm/components-page/sign-out.js +18 -0
- package/dist/esm/components-page/sign-up.js +12 -0
- package/dist/esm/components-page/stack-handler.js +75 -0
- package/dist/esm/index.js +47 -0
- package/dist/esm/joy.js +5 -0
- package/dist/esm/lib/auth.js +62 -0
- package/dist/esm/lib/cookie.js +185 -0
- package/dist/esm/lib/hooks.js +29 -0
- package/dist/esm/lib/stack-app.js +940 -0
- package/dist/esm/providers/component-provider.js +76 -0
- package/dist/esm/providers/design-provider.js +36 -0
- package/dist/esm/providers/joy-provider.js +35 -0
- package/dist/esm/providers/stack-provider-client.js +31 -0
- package/dist/esm/providers/stack-provider.js +21 -0
- package/dist/esm/providers/styled-components-registry.js +24 -0
- package/dist/esm/providers/theme-provider.js +22 -0
- package/dist/esm/utils/browser-script.js +25 -0
- package/dist/esm/utils/constants.js +34 -0
- package/dist/esm/utils/email.js +10 -0
- package/dist/esm/utils/next.js +7 -0
- package/dist/esm/utils/url.js +21 -0
- package/dist/index.d.mts +37 -0
- package/dist/index.d.ts +37 -22
- package/dist/index.js +106 -21
- package/dist/joy.d.mts +16 -0
- package/dist/joy.d.ts +16 -1
- package/dist/joy.js +30 -1
- package/dist/lib/auth.d.mts +11 -0
- package/dist/lib/auth.d.ts +8 -4
- package/dist/lib/auth.js +83 -57
- package/dist/lib/cookie.d.mts +14 -0
- package/dist/lib/cookie.d.ts +8 -6
- package/dist/lib/cookie.js +217 -45
- package/dist/lib/hooks.d.mts +35 -0
- package/dist/lib/hooks.d.ts +14 -8
- package/dist/lib/hooks.js +53 -28
- package/dist/lib/stack-app.d.mts +227 -0
- package/dist/lib/stack-app.d.ts +43 -41
- package/dist/lib/stack-app.js +937 -849
- package/dist/providers/component-provider.d.mts +113 -0
- package/dist/providers/component-provider.d.ts +95 -77
- package/dist/providers/component-provider.js +92 -58
- package/dist/providers/design-provider.d.mts +34 -0
- package/dist/providers/design-provider.d.ts +16 -21
- package/dist/providers/design-provider.js +57 -58
- package/dist/providers/joy-provider.d.mts +36 -0
- package/dist/providers/joy-provider.d.ts +30 -14
- package/dist/providers/joy-provider.js +58 -30
- package/dist/providers/stack-provider-client.d.mts +20 -0
- package/dist/providers/stack-provider-client.d.ts +15 -8
- package/dist/providers/stack-provider-client.js +64 -20
- package/dist/providers/stack-provider.d.mts +14 -0
- package/dist/providers/stack-provider.d.ts +13 -5
- package/dist/providers/stack-provider.js +39 -8
- package/dist/providers/styled-components-registry.d.mts +8 -0
- package/dist/providers/styled-components-registry.d.ts +8 -4
- package/dist/providers/styled-components-registry.js +43 -17
- package/dist/providers/theme-provider.d.mts +22 -0
- package/dist/providers/theme-provider.d.ts +21 -9
- package/dist/providers/theme-provider.js +55 -19
- package/dist/utils/browser-script.d.mts +5 -0
- package/dist/utils/browser-script.d.ts +5 -0
- package/dist/utils/browser-script.js +50 -0
- package/dist/utils/constants.d.mts +48 -0
- package/dist/utils/constants.d.ts +11 -9
- package/dist/utils/constants.js +66 -21
- package/dist/utils/email.d.mts +3 -0
- package/dist/utils/email.d.ts +3 -1
- package/dist/utils/email.js +44 -6
- package/dist/utils/next.d.mts +3 -0
- package/dist/utils/next.d.ts +3 -1
- package/dist/utils/next.js +31 -3
- package/dist/utils/url.d.mts +4 -0
- package/dist/utils/url.d.ts +4 -2
- package/dist/utils/url.js +44 -13
- package/package.json +19 -10
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
declare const
|
|
6
|
-
declare const
|
|
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<
|
|
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<
|
|
13
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
17
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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 =
|
|
32
|
-
|
|
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: ${
|
|
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
|
-
|
|
51
|
-
|
|
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 =
|
|
55
|
-
|
|
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
|
-
|
|
59
|
-
${({ inset }) => inset && 'padding-left: 2rem;'}
|
|
119
|
+
${({ inset }) => inset && "padding-left: 2rem;"}
|
|
60
120
|
`;
|
|
61
|
-
|
|
62
|
-
DropdownMenuLabel.displayName =
|
|
63
|
-
|
|
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: ${({ $
|
|
126
|
+
background-color: ${({ $colors }) => $colors.light.neutralColor};
|
|
127
|
+
|
|
128
|
+
html[data-theme='dark'] & {
|
|
129
|
+
background-color: ${({ $colors }) => $colors.dark.neutralColor};
|
|
130
|
+
}
|
|
67
131
|
`;
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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 |
|
|
13
|
-
} & Omit<
|
|
14
|
-
|
|
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<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
} &
|
|
28
|
-
|
|
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
|
-
} &
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
} &
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
export
|
|
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 };
|