@opexa/portal-components 0.0.1004 → 0.0.1005
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/AccountInfo/AccountInfo.js +11 -5
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
- package/dist/components/KYC/KYCAccountVerificationRequired.lazy.js +9 -1
- package/dist/schemas/forgotPasswordSchema.d.ts +8 -8
- package/dist/types/index.d.ts +1 -1
- package/dist/ui/AlertDialog/AlertDialog.d.ts +55 -55
- package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +5 -5
- package/dist/ui/Carousel/Carousel.d.ts +45 -45
- package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/Dialog/Dialog.d.ts +33 -33
- package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
- package/dist/ui/Drawer/Drawer.d.ts +33 -33
- package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
- package/dist/ui/Field/Field.d.ts +21 -21
- package/dist/ui/Field/field.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +90 -90
- package/dist/ui/Menu/menu.recipe.d.ts +5 -5
- package/dist/ui/Popover/Popover.d.ts +88 -88
- package/dist/ui/Popover/popover.recipe.d.ts +8 -8
- package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
- package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/utils/countries/getLocaleInfo.d.ts +2 -0
- package/dist/utils/countries/getLocaleInfo.js +1153 -1149
- package/package.json +1 -1
|
@@ -12,9 +12,10 @@ import { twMerge } from 'tailwind-merge';
|
|
|
12
12
|
import { z } from 'zod';
|
|
13
13
|
import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
|
|
14
14
|
import { useDisclosure } from '../../client/hooks/useDisclosure.js';
|
|
15
|
+
import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
|
|
16
|
+
import { getLocale, extractPhoneCode } from '../../utils/countries/getLocaleInfo.js';
|
|
15
17
|
import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuery.js';
|
|
16
18
|
import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.js';
|
|
17
|
-
import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
|
|
18
19
|
import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
|
|
19
20
|
import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
|
|
20
21
|
import { useProfileCompletionQuery } from '../../client/hooks/useProfileCompletionQuery.js';
|
|
@@ -39,7 +40,6 @@ import { IconButton } from '../../ui/IconButton/index.js';
|
|
|
39
40
|
import { Portal } from '../../ui/Portal/index.js';
|
|
40
41
|
import { getQueryClient } from '../../utils/getQueryClient.js';
|
|
41
42
|
import { getAccountQueryKey, getProfileCompletionQueryKey, } from '../../utils/queryKeys.js';
|
|
42
|
-
import PhoneIcon from './icons/PhoneIcon.js';
|
|
43
43
|
const accountSchema = z.object({
|
|
44
44
|
name: z
|
|
45
45
|
.string()
|
|
@@ -161,11 +161,17 @@ function PersonalInfo(props) {
|
|
|
161
161
|
}), children: [_jsxs("div", { className: "px-4 py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!account?.realName, children: [_jsx(Field.Label, { children: "Full name" }), _jsx(Field.Input, { ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.birthDay, readOnly: !!account?.birthDay, children: [_jsx(Field.Label, { children: "Date of birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay'), className: twMerge('h-full py-2.5', account?.birthDay && 'pointer-events-none') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), props.shouldShowBranchCode && (_jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Branch Code" }), _jsx(Field.Input, { type: "text", disabled: true, value: displayBranchName ?? account?.branchCode ?? '' })] })), _jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Address" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.address ?? '' })] }), _jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Nature of Work" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.natureOfWork ?? '' })] })] }), form.formState.isDirty && (_jsxs("div", { className: "flex justify-end gap-lg border-border-secondary border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: !form.formState.isValid || updateAccountMutation.isPending, children: "Save Changes" })] }))] })] }));
|
|
162
162
|
}
|
|
163
163
|
function ContactInfo({ variant }) {
|
|
164
|
-
const
|
|
164
|
+
const defaultLocaleInfo = useLocaleInfo();
|
|
165
165
|
const accountQuery = useAccountQuery();
|
|
166
|
+
const account = accountQuery.data;
|
|
167
|
+
const phoneCode = account?.mobileNumber
|
|
168
|
+
? extractPhoneCode(account.mobileNumber)
|
|
169
|
+
: undefined;
|
|
170
|
+
const localeInfo = variant === 'ofwin'
|
|
171
|
+
? getLocale(Intl.DateTimeFormat().resolvedOptions().timeZone, phoneCode || '+63')
|
|
172
|
+
: defaultLocaleInfo;
|
|
166
173
|
const profileCompletionQuery = useProfileCompletionQuery();
|
|
167
174
|
const profileCompletion = profileCompletionQuery.data;
|
|
168
|
-
const account = accountQuery.data;
|
|
169
175
|
const { parse, format, equals } = useMobileNumberParser();
|
|
170
176
|
const updateAccountMutation = useUpdateAccountMutation({
|
|
171
177
|
onSuccess() {
|
|
@@ -218,7 +224,7 @@ function ContactInfo({ variant }) {
|
|
|
218
224
|
? format(data.mobileNumber)
|
|
219
225
|
: undefined,
|
|
220
226
|
});
|
|
221
|
-
}), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [
|
|
227
|
+
}), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3.5 size-5" }), _jsx(Field.Input, { className: "pl-10.5", readOnly: account?.mobileNumber != null, ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.emailAddress, children: [_jsx(Field.Label, { children: "Email address" }), _jsx(Field.Input, { ...form.register('emailAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.emailAddress?.message })] })] }), form.formState.isDirty && (_jsxs("div", { className: "flex justify-end gap-lg border-border-secondary border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: updateAccountMutation.isPending || !form.formState.isValid, children: "Save Changes" })] }))] })] }));
|
|
222
228
|
}
|
|
223
229
|
function SSO({ google, facebook }) {
|
|
224
230
|
const googleClientIdQuery = useGoogleClientIdQuery({ enabled: !!google });
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const OnlineBankDepositContext: (props: {
|
|
2
2
|
value: {
|
|
3
3
|
view: "form" | "vca";
|
|
4
|
-
status: "
|
|
4
|
+
status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
5
5
|
verify: () => void;
|
|
6
6
|
reset: () => void;
|
|
7
7
|
deposit: import("../../../../types").Deposit | null;
|
|
@@ -14,7 +14,7 @@ export declare const OnlineBankDepositContext: (props: {
|
|
|
14
14
|
children?: import("react").ReactNode | undefined;
|
|
15
15
|
}) => React.ReactNode, useOnlineBankDepositContext: () => {
|
|
16
16
|
view: "form" | "vca";
|
|
17
|
-
status: "
|
|
17
|
+
status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
18
18
|
verify: () => void;
|
|
19
19
|
reset: () => void;
|
|
20
20
|
deposit: import("../../../../types").Deposit | null;
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
|
|
|
2
2
|
export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
|
|
3
3
|
export declare function useOnlineBankDeposit(): {
|
|
4
4
|
view: "form" | "vca";
|
|
5
|
-
status: "
|
|
5
|
+
status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
|
|
6
6
|
verify: () => void;
|
|
7
7
|
reset: () => void;
|
|
8
8
|
deposit: Deposit | null;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useShallow } from 'zustand/shallow';
|
|
3
3
|
import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
|
|
4
|
+
import { useMessagesQuery } from '../../client/hooks/useMessagesQuery.js';
|
|
4
5
|
import { FileX02Icon } from '../../icons/FileX02Icon.js';
|
|
5
6
|
import { Button } from '../../ui/Button/index.js';
|
|
6
7
|
import { Dialog } from '../../ui/Dialog/index.js';
|
|
7
8
|
function KYCAccountVerificationRequired_lazy() {
|
|
9
|
+
const messagesQuery = useMessagesQuery();
|
|
10
|
+
const messages = messagesQuery.data?.pages;
|
|
11
|
+
const rejectionMessage = messages
|
|
12
|
+
?.flatMap((page) => page.edges)
|
|
13
|
+
.find((edge) => edge.node.type === 'MEMBER_VERIFICATION_REJECTION')?.node;
|
|
8
14
|
const globalStore = useGlobalStore(useShallow((s) => ({
|
|
9
15
|
kycVerificationRequired: s.kycAccountVerificationRequired,
|
|
10
16
|
disclaimer: s.disclaimer,
|
|
@@ -14,7 +20,9 @@ function KYCAccountVerificationRequired_lazy() {
|
|
|
14
20
|
const isOpen = globalStore.kycVerificationRequired.open &&
|
|
15
21
|
!globalStore.disclaimer.open &&
|
|
16
22
|
!globalStore.termsOfUse.open;
|
|
17
|
-
return (_jsxs(Dialog.Root, { open: isOpen, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: [_jsx(Dialog.Backdrop, { className: "z-[999]" }), _jsx(Dialog.Positioner, { className: "z-[999] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary lg:max-w-[400px]", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-brand-secondary p-2", children: _jsx(FileX02Icon, { className: "text-shadow-text-brand" }) }), _jsx("h2", { className: "mt-4 font-semibold text-lg", children: "Account Verification Rejected!" }), _jsxs("p", { className: "mt-xs flex flex-col gap-4 text-sm
|
|
23
|
+
return (_jsxs(Dialog.Root, { open: isOpen, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: [_jsx(Dialog.Backdrop, { className: "z-[999]" }), _jsx(Dialog.Positioner, { className: "z-[999] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary lg:max-w-[400px]", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-brand-secondary p-2", children: _jsx(FileX02Icon, { className: "text-shadow-text-brand" }) }), _jsx("h2", { className: "mt-4 font-semibold text-lg", children: "Account Verification Rejected!" }), _jsxs("p", { className: "mt-xs flex flex-col gap-4 text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "We're sorry, but your verification was rejected for the following reasons:" }), _jsxs("span", { children: [_jsxs("b", { children: [rejectionMessage?.title, ":"] }), _jsx("span", { className: "text-text-tertiary-600", dangerouslySetInnerHTML: {
|
|
24
|
+
__html: rejectionMessage?.content ?? '',
|
|
25
|
+
} })] })] }), _jsx(Button, { type: "button", className: "mt-lg", onClick: () => {
|
|
18
26
|
globalStore.kycVerificationRequired.setOpen(false);
|
|
19
27
|
globalStore.kycReminder.setOpen(true);
|
|
20
28
|
}, children: "Ok" })] }) }) })] }));
|
|
@@ -8,24 +8,24 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
|
|
|
8
8
|
mobileNumber: z.ZodEffects<z.ZodString, string, string>;
|
|
9
9
|
verificationCode: z.ZodEffects<z.ZodString, string, string>;
|
|
10
10
|
}, "strip", z.ZodTypeAny, {
|
|
11
|
-
mobileNumber: string;
|
|
12
|
-
verificationCode: string;
|
|
13
11
|
password: string;
|
|
12
|
+
verificationCode: string;
|
|
13
|
+
mobileNumber: string;
|
|
14
14
|
confirmPassword: string;
|
|
15
15
|
}, {
|
|
16
|
-
mobileNumber: string;
|
|
17
|
-
verificationCode: string;
|
|
18
16
|
password: string;
|
|
17
|
+
verificationCode: string;
|
|
18
|
+
mobileNumber: string;
|
|
19
19
|
confirmPassword: string;
|
|
20
20
|
}>, {
|
|
21
|
-
mobileNumber: string;
|
|
22
|
-
verificationCode: string;
|
|
23
21
|
password: string;
|
|
22
|
+
verificationCode: string;
|
|
23
|
+
mobileNumber: string;
|
|
24
24
|
confirmPassword: string;
|
|
25
25
|
}, {
|
|
26
|
-
mobileNumber: string;
|
|
27
|
-
verificationCode: string;
|
|
28
26
|
password: string;
|
|
27
|
+
verificationCode: string;
|
|
28
|
+
mobileNumber: string;
|
|
29
29
|
confirmPassword: string;
|
|
30
30
|
}>;
|
|
31
31
|
export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -690,7 +690,7 @@ export interface MessageAction {
|
|
|
690
690
|
url: string;
|
|
691
691
|
}
|
|
692
692
|
export type MessageIcon = 'MESSAGE' | 'CHECK' | 'CELEBRATE' | 'ALERT' | 'INFO' | 'CONGRATS';
|
|
693
|
-
export type MessageType = 'TOURNAMENT_PAYOUT' | 'IMAGE' | 'TEXT' | '
|
|
693
|
+
export type MessageType = 'TOURNAMENT_PAYOUT' | 'IMAGE' | 'TEXT' | 'MEMBER_VERIFICATION_REJECTION';
|
|
694
694
|
export interface Message {
|
|
695
695
|
id: string;
|
|
696
696
|
icon: MessageIcon;
|
|
@@ -2,8 +2,8 @@ import { Dialog } from '@ark-ui/react/dialog';
|
|
|
2
2
|
export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.RootProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
3
3
|
[key: string]: {
|
|
4
4
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
5
|
-
content?: import("tailwind-variants").ClassValue;
|
|
6
5
|
title?: import("tailwind-variants").ClassValue;
|
|
6
|
+
content?: import("tailwind-variants").ClassValue;
|
|
7
7
|
trigger?: import("tailwind-variants").ClassValue;
|
|
8
8
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
9
9
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -17,8 +17,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
17
17
|
} | {
|
|
18
18
|
[x: string]: {
|
|
19
19
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
20
|
-
content?: import("tailwind-variants").ClassValue;
|
|
21
20
|
title?: import("tailwind-variants").ClassValue;
|
|
21
|
+
content?: import("tailwind-variants").ClassValue;
|
|
22
22
|
trigger?: import("tailwind-variants").ClassValue;
|
|
23
23
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
24
24
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -29,11 +29,11 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
29
29
|
footer?: import("tailwind-variants").ClassValue;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
|
-
} | {}, Record<"
|
|
32
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
33
33
|
[key: string]: {
|
|
34
34
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
35
|
-
content?: import("tailwind-variants").ClassValue;
|
|
36
35
|
title?: import("tailwind-variants").ClassValue;
|
|
36
|
+
content?: import("tailwind-variants").ClassValue;
|
|
37
37
|
trigger?: import("tailwind-variants").ClassValue;
|
|
38
38
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
39
39
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -44,12 +44,12 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
44
44
|
footer?: import("tailwind-variants").ClassValue;
|
|
45
45
|
};
|
|
46
46
|
};
|
|
47
|
-
} | {}, Record<"
|
|
47
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
48
48
|
export declare const Backdrop: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.BackdropProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
49
49
|
[key: string]: {
|
|
50
50
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
51
|
-
content?: import("tailwind-variants").ClassValue;
|
|
52
51
|
title?: import("tailwind-variants").ClassValue;
|
|
52
|
+
content?: import("tailwind-variants").ClassValue;
|
|
53
53
|
trigger?: import("tailwind-variants").ClassValue;
|
|
54
54
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
55
55
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -63,8 +63,8 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
|
|
|
63
63
|
} | {
|
|
64
64
|
[x: string]: {
|
|
65
65
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
66
|
-
content?: import("tailwind-variants").ClassValue;
|
|
67
66
|
title?: import("tailwind-variants").ClassValue;
|
|
67
|
+
content?: import("tailwind-variants").ClassValue;
|
|
68
68
|
trigger?: import("tailwind-variants").ClassValue;
|
|
69
69
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
70
70
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -75,11 +75,11 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
|
|
|
75
75
|
footer?: import("tailwind-variants").ClassValue;
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
|
-
} | {}, Record<"
|
|
78
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
79
79
|
[key: string]: {
|
|
80
80
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
81
|
-
content?: import("tailwind-variants").ClassValue;
|
|
82
81
|
title?: import("tailwind-variants").ClassValue;
|
|
82
|
+
content?: import("tailwind-variants").ClassValue;
|
|
83
83
|
trigger?: import("tailwind-variants").ClassValue;
|
|
84
84
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
85
85
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -90,12 +90,12 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
|
|
|
90
90
|
footer?: import("tailwind-variants").ClassValue;
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
|
-
} | {}, Record<"
|
|
93
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
94
94
|
export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
95
95
|
[key: string]: {
|
|
96
96
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
97
|
-
content?: import("tailwind-variants").ClassValue;
|
|
98
97
|
title?: import("tailwind-variants").ClassValue;
|
|
98
|
+
content?: import("tailwind-variants").ClassValue;
|
|
99
99
|
trigger?: import("tailwind-variants").ClassValue;
|
|
100
100
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
101
101
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -109,8 +109,8 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
|
|
|
109
109
|
} | {
|
|
110
110
|
[x: string]: {
|
|
111
111
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
112
|
-
content?: import("tailwind-variants").ClassValue;
|
|
113
112
|
title?: import("tailwind-variants").ClassValue;
|
|
113
|
+
content?: import("tailwind-variants").ClassValue;
|
|
114
114
|
trigger?: import("tailwind-variants").ClassValue;
|
|
115
115
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
116
116
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -121,11 +121,11 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
|
|
|
121
121
|
footer?: import("tailwind-variants").ClassValue;
|
|
122
122
|
};
|
|
123
123
|
};
|
|
124
|
-
} | {}, Record<"
|
|
124
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
125
125
|
[key: string]: {
|
|
126
126
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
127
|
-
content?: import("tailwind-variants").ClassValue;
|
|
128
127
|
title?: import("tailwind-variants").ClassValue;
|
|
128
|
+
content?: import("tailwind-variants").ClassValue;
|
|
129
129
|
trigger?: import("tailwind-variants").ClassValue;
|
|
130
130
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
131
131
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -136,12 +136,12 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
|
|
|
136
136
|
footer?: import("tailwind-variants").ClassValue;
|
|
137
137
|
};
|
|
138
138
|
};
|
|
139
|
-
} | {}, Record<"
|
|
139
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
140
140
|
export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
141
141
|
[key: string]: {
|
|
142
142
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
143
|
-
content?: import("tailwind-variants").ClassValue;
|
|
144
143
|
title?: import("tailwind-variants").ClassValue;
|
|
144
|
+
content?: import("tailwind-variants").ClassValue;
|
|
145
145
|
trigger?: import("tailwind-variants").ClassValue;
|
|
146
146
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
147
147
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -155,8 +155,8 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
155
155
|
} | {
|
|
156
156
|
[x: string]: {
|
|
157
157
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
158
|
-
content?: import("tailwind-variants").ClassValue;
|
|
159
158
|
title?: import("tailwind-variants").ClassValue;
|
|
159
|
+
content?: import("tailwind-variants").ClassValue;
|
|
160
160
|
trigger?: import("tailwind-variants").ClassValue;
|
|
161
161
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
162
162
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -167,11 +167,11 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
167
167
|
footer?: import("tailwind-variants").ClassValue;
|
|
168
168
|
};
|
|
169
169
|
};
|
|
170
|
-
} | {}, Record<"
|
|
170
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
171
171
|
[key: string]: {
|
|
172
172
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
173
|
-
content?: import("tailwind-variants").ClassValue;
|
|
174
173
|
title?: import("tailwind-variants").ClassValue;
|
|
174
|
+
content?: import("tailwind-variants").ClassValue;
|
|
175
175
|
trigger?: import("tailwind-variants").ClassValue;
|
|
176
176
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
177
177
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -182,12 +182,12 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
182
182
|
footer?: import("tailwind-variants").ClassValue;
|
|
183
183
|
};
|
|
184
184
|
};
|
|
185
|
-
} | {}, Record<"
|
|
185
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
186
186
|
export declare const Description: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
187
187
|
[key: string]: {
|
|
188
188
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
189
|
-
content?: import("tailwind-variants").ClassValue;
|
|
190
189
|
title?: import("tailwind-variants").ClassValue;
|
|
190
|
+
content?: import("tailwind-variants").ClassValue;
|
|
191
191
|
trigger?: import("tailwind-variants").ClassValue;
|
|
192
192
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
193
193
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -201,8 +201,8 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
|
|
|
201
201
|
} | {
|
|
202
202
|
[x: string]: {
|
|
203
203
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
204
|
-
content?: import("tailwind-variants").ClassValue;
|
|
205
204
|
title?: import("tailwind-variants").ClassValue;
|
|
205
|
+
content?: import("tailwind-variants").ClassValue;
|
|
206
206
|
trigger?: import("tailwind-variants").ClassValue;
|
|
207
207
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
208
208
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -213,11 +213,11 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
|
|
|
213
213
|
footer?: import("tailwind-variants").ClassValue;
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
|
-
} | {}, Record<"
|
|
216
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
217
217
|
[key: string]: {
|
|
218
218
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
219
|
-
content?: import("tailwind-variants").ClassValue;
|
|
220
219
|
title?: import("tailwind-variants").ClassValue;
|
|
220
|
+
content?: import("tailwind-variants").ClassValue;
|
|
221
221
|
trigger?: import("tailwind-variants").ClassValue;
|
|
222
222
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
223
223
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -228,12 +228,12 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
|
|
|
228
228
|
footer?: import("tailwind-variants").ClassValue;
|
|
229
229
|
};
|
|
230
230
|
};
|
|
231
|
-
} | {}, Record<"
|
|
231
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
232
232
|
export declare const Positioner: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.PositionerProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
233
233
|
[key: string]: {
|
|
234
234
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
235
|
-
content?: import("tailwind-variants").ClassValue;
|
|
236
235
|
title?: import("tailwind-variants").ClassValue;
|
|
236
|
+
content?: import("tailwind-variants").ClassValue;
|
|
237
237
|
trigger?: import("tailwind-variants").ClassValue;
|
|
238
238
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
239
239
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -247,8 +247,8 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
|
|
|
247
247
|
} | {
|
|
248
248
|
[x: string]: {
|
|
249
249
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
250
|
-
content?: import("tailwind-variants").ClassValue;
|
|
251
250
|
title?: import("tailwind-variants").ClassValue;
|
|
251
|
+
content?: import("tailwind-variants").ClassValue;
|
|
252
252
|
trigger?: import("tailwind-variants").ClassValue;
|
|
253
253
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
254
254
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -259,11 +259,11 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
|
|
|
259
259
|
footer?: import("tailwind-variants").ClassValue;
|
|
260
260
|
};
|
|
261
261
|
};
|
|
262
|
-
} | {}, Record<"
|
|
262
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
263
263
|
[key: string]: {
|
|
264
264
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
265
|
-
content?: import("tailwind-variants").ClassValue;
|
|
266
265
|
title?: import("tailwind-variants").ClassValue;
|
|
266
|
+
content?: import("tailwind-variants").ClassValue;
|
|
267
267
|
trigger?: import("tailwind-variants").ClassValue;
|
|
268
268
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
269
269
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -274,12 +274,12 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
|
|
|
274
274
|
footer?: import("tailwind-variants").ClassValue;
|
|
275
275
|
};
|
|
276
276
|
};
|
|
277
|
-
} | {}, Record<"
|
|
277
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
278
278
|
export declare const Title: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
279
279
|
[key: string]: {
|
|
280
280
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
281
|
-
content?: import("tailwind-variants").ClassValue;
|
|
282
281
|
title?: import("tailwind-variants").ClassValue;
|
|
282
|
+
content?: import("tailwind-variants").ClassValue;
|
|
283
283
|
trigger?: import("tailwind-variants").ClassValue;
|
|
284
284
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
285
285
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -293,8 +293,8 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
|
|
|
293
293
|
} | {
|
|
294
294
|
[x: string]: {
|
|
295
295
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
296
|
-
content?: import("tailwind-variants").ClassValue;
|
|
297
296
|
title?: import("tailwind-variants").ClassValue;
|
|
297
|
+
content?: import("tailwind-variants").ClassValue;
|
|
298
298
|
trigger?: import("tailwind-variants").ClassValue;
|
|
299
299
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
300
300
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -305,11 +305,11 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
|
|
|
305
305
|
footer?: import("tailwind-variants").ClassValue;
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
|
-
} | {}, Record<"
|
|
308
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
309
309
|
[key: string]: {
|
|
310
310
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
311
|
-
content?: import("tailwind-variants").ClassValue;
|
|
312
311
|
title?: import("tailwind-variants").ClassValue;
|
|
312
|
+
content?: import("tailwind-variants").ClassValue;
|
|
313
313
|
trigger?: import("tailwind-variants").ClassValue;
|
|
314
314
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
315
315
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -320,12 +320,12 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
|
|
|
320
320
|
footer?: import("tailwind-variants").ClassValue;
|
|
321
321
|
};
|
|
322
322
|
};
|
|
323
|
-
} | {}, Record<"
|
|
323
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
324
324
|
export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Dialog.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
325
325
|
[key: string]: {
|
|
326
326
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
327
|
-
content?: import("tailwind-variants").ClassValue;
|
|
328
327
|
title?: import("tailwind-variants").ClassValue;
|
|
328
|
+
content?: import("tailwind-variants").ClassValue;
|
|
329
329
|
trigger?: import("tailwind-variants").ClassValue;
|
|
330
330
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
331
331
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -339,8 +339,8 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
339
339
|
} | {
|
|
340
340
|
[x: string]: {
|
|
341
341
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
342
|
-
content?: import("tailwind-variants").ClassValue;
|
|
343
342
|
title?: import("tailwind-variants").ClassValue;
|
|
343
|
+
content?: import("tailwind-variants").ClassValue;
|
|
344
344
|
trigger?: import("tailwind-variants").ClassValue;
|
|
345
345
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
346
346
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -351,11 +351,11 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
351
351
|
footer?: import("tailwind-variants").ClassValue;
|
|
352
352
|
};
|
|
353
353
|
};
|
|
354
|
-
} | {}, Record<"
|
|
354
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
355
355
|
[key: string]: {
|
|
356
356
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
357
|
-
content?: import("tailwind-variants").ClassValue;
|
|
358
357
|
title?: import("tailwind-variants").ClassValue;
|
|
358
|
+
content?: import("tailwind-variants").ClassValue;
|
|
359
359
|
trigger?: import("tailwind-variants").ClassValue;
|
|
360
360
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
361
361
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -366,12 +366,12 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
366
366
|
footer?: import("tailwind-variants").ClassValue;
|
|
367
367
|
};
|
|
368
368
|
};
|
|
369
|
-
} | {}, Record<"
|
|
369
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
370
370
|
export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
371
371
|
[key: string]: {
|
|
372
372
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
373
|
-
content?: import("tailwind-variants").ClassValue;
|
|
374
373
|
title?: import("tailwind-variants").ClassValue;
|
|
374
|
+
content?: import("tailwind-variants").ClassValue;
|
|
375
375
|
trigger?: import("tailwind-variants").ClassValue;
|
|
376
376
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
377
377
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -385,8 +385,8 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
385
385
|
} | {
|
|
386
386
|
[x: string]: {
|
|
387
387
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
388
|
-
content?: import("tailwind-variants").ClassValue;
|
|
389
388
|
title?: import("tailwind-variants").ClassValue;
|
|
389
|
+
content?: import("tailwind-variants").ClassValue;
|
|
390
390
|
trigger?: import("tailwind-variants").ClassValue;
|
|
391
391
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
392
392
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -397,11 +397,11 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
397
397
|
footer?: import("tailwind-variants").ClassValue;
|
|
398
398
|
};
|
|
399
399
|
};
|
|
400
|
-
} | {}, Record<"
|
|
400
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
401
401
|
[key: string]: {
|
|
402
402
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
403
|
-
content?: import("tailwind-variants").ClassValue;
|
|
404
403
|
title?: import("tailwind-variants").ClassValue;
|
|
404
|
+
content?: import("tailwind-variants").ClassValue;
|
|
405
405
|
trigger?: import("tailwind-variants").ClassValue;
|
|
406
406
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
407
407
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -412,12 +412,12 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
412
412
|
footer?: import("tailwind-variants").ClassValue;
|
|
413
413
|
};
|
|
414
414
|
};
|
|
415
|
-
} | {}, Record<"
|
|
415
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
416
416
|
export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
417
417
|
[key: string]: {
|
|
418
418
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
419
|
-
content?: import("tailwind-variants").ClassValue;
|
|
420
419
|
title?: import("tailwind-variants").ClassValue;
|
|
420
|
+
content?: import("tailwind-variants").ClassValue;
|
|
421
421
|
trigger?: import("tailwind-variants").ClassValue;
|
|
422
422
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
423
423
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -431,8 +431,8 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
431
431
|
} | {
|
|
432
432
|
[x: string]: {
|
|
433
433
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
434
|
-
content?: import("tailwind-variants").ClassValue;
|
|
435
434
|
title?: import("tailwind-variants").ClassValue;
|
|
435
|
+
content?: import("tailwind-variants").ClassValue;
|
|
436
436
|
trigger?: import("tailwind-variants").ClassValue;
|
|
437
437
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
438
438
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -443,11 +443,11 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
443
443
|
footer?: import("tailwind-variants").ClassValue;
|
|
444
444
|
};
|
|
445
445
|
};
|
|
446
|
-
} | {}, Record<"
|
|
446
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
447
447
|
[key: string]: {
|
|
448
448
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
449
|
-
content?: import("tailwind-variants").ClassValue;
|
|
450
449
|
title?: import("tailwind-variants").ClassValue;
|
|
450
|
+
content?: import("tailwind-variants").ClassValue;
|
|
451
451
|
trigger?: import("tailwind-variants").ClassValue;
|
|
452
452
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
453
453
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -458,12 +458,12 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
458
458
|
footer?: import("tailwind-variants").ClassValue;
|
|
459
459
|
};
|
|
460
460
|
};
|
|
461
|
-
} | {}, Record<"
|
|
461
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
462
462
|
export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
463
463
|
[key: string]: {
|
|
464
464
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
465
|
-
content?: import("tailwind-variants").ClassValue;
|
|
466
465
|
title?: import("tailwind-variants").ClassValue;
|
|
466
|
+
content?: import("tailwind-variants").ClassValue;
|
|
467
467
|
trigger?: import("tailwind-variants").ClassValue;
|
|
468
468
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
469
469
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -477,8 +477,8 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
477
477
|
} | {
|
|
478
478
|
[x: string]: {
|
|
479
479
|
[x: string]: import("tailwind-variants").ClassValue | {
|
|
480
|
-
content?: import("tailwind-variants").ClassValue;
|
|
481
480
|
title?: import("tailwind-variants").ClassValue;
|
|
481
|
+
content?: import("tailwind-variants").ClassValue;
|
|
482
482
|
trigger?: import("tailwind-variants").ClassValue;
|
|
483
483
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
484
484
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -489,11 +489,11 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
489
489
|
footer?: import("tailwind-variants").ClassValue;
|
|
490
490
|
};
|
|
491
491
|
};
|
|
492
|
-
} | {}, Record<"
|
|
492
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
|
|
493
493
|
[key: string]: {
|
|
494
494
|
[key: string]: import("tailwind-variants").ClassValue | {
|
|
495
|
-
content?: import("tailwind-variants").ClassValue;
|
|
496
495
|
title?: import("tailwind-variants").ClassValue;
|
|
496
|
+
content?: import("tailwind-variants").ClassValue;
|
|
497
497
|
trigger?: import("tailwind-variants").ClassValue;
|
|
498
498
|
backdrop?: import("tailwind-variants").ClassValue;
|
|
499
499
|
positioner?: import("tailwind-variants").ClassValue;
|
|
@@ -504,5 +504,5 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
504
504
|
footer?: import("tailwind-variants").ClassValue;
|
|
505
505
|
};
|
|
506
506
|
};
|
|
507
|
-
} | {}, Record<"
|
|
507
|
+
} | {}, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
508
508
|
export declare const Context: (props: Dialog.ContextProps) => import("react").ReactNode;
|