@opexa/portal-components 0.0.322 → 0.0.324

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/components/AccountInfo/AccountInfo.js +1 -1
  2. package/dist/components/DigitainLauncher/Loading.d.ts +1 -0
  3. package/dist/components/DigitainLauncher/Loading.js +5 -0
  4. package/dist/components/KYC/BasicInformation.d.ts +1 -0
  5. package/dist/components/KYC/BasicInformation.js +101 -0
  6. package/dist/components/KYC/IdentityVerification.d.ts +1 -0
  7. package/dist/components/KYC/IdentityVerification.js +120 -0
  8. package/dist/components/KYC/Indicator.d.ts +1 -0
  9. package/dist/components/KYC/Indicator.js +8 -0
  10. package/dist/components/KYC/KYC.lazy.d.ts +6 -0
  11. package/dist/components/KYC/KYC.lazy.js +45 -0
  12. package/dist/components/KYC/KYCContext.d.ts +6 -0
  13. package/dist/components/KYC/KYCContext.js +2 -0
  14. package/dist/components/KYC/PersonalInformation.d.ts +1 -0
  15. package/dist/components/KYC/PersonalInformation.js +122 -0
  16. package/dist/components/KYC/useKYC.d.ts +25 -0
  17. package/dist/components/KYC/useKYC.js +38 -0
  18. package/dist/handlers/postAuthenticate.js +4 -0
  19. package/dist/handlers/postSession.js +4 -0
  20. package/dist/images/responsible-gaming-yellow.png +0 -0
  21. package/dist/ui/Dialog/Dialog.d.ts +88 -88
  22. package/dist/ui/Dialog/dialog.recipe.d.ts +8 -8
  23. package/package.json +1 -1
package/dist/components/AccountInfo/AccountInfo.js CHANGED
@@ -24,7 +24,7 @@ export function AccountInfo(props) {
24
24
  function ProfileInfo() {
25
25
  const accountQuery = useAccountQuery();
26
26
  const account = accountQuery.data;
27
- return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsxs("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: [_jsx("div", { className: "border-border-secondary border-b px-4 py-5", children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }), _jsx("div", { className: "flex justify-end px-xl py-lg", children: _jsx(Button, { size: "sm", variant: "outline", fullWidth: false, children: "Upload New Avatar" }) })] })] }));
27
+ return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsx("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: _jsx("div", { className: 'border-border-secondary px-4 py-5', children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }) })] }));
28
28
  }
29
29
  function PersonalInfo() {
30
30
  const accountQuery = useAccountQuery();
package/dist/components/DigitainLauncher/Loading.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function Loading(): import("react/jsx-runtime").JSX.Element;
package/dist/components/DigitainLauncher/Loading.js ADDED
@@ -0,0 +1,5 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ export function Loading() {
4
+ return (_jsx("div", { className: "flex h-[calc(100vh-400px)] w-full items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center space-y-4", children: [_jsx("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Loading Sports Book\u2026" })] }) }));
5
+ }
package/dist/components/KYC/BasicInformation.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function BasicInformation(): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/BasicInformation.js ADDED
@@ -0,0 +1,101 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { zodResolver } from '@hookform/resolvers/zod';
3
+ import { differenceInYears, format, isSameDay, isValid, parse } from 'date-fns';
4
+ import { isNil, omitBy, size } from 'lodash-es';
5
+ import { useEffect } from 'react';
6
+ import { useForm } from 'react-hook-form';
7
+ import invariant from 'tiny-invariant';
8
+ import { z } from 'zod';
9
+ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
10
+ import { useUpdateAccountMutation } from '../../client/hooks/useUpdateAccountMutation.js';
11
+ import { toaster } from '../../client/utils/toaster.js';
12
+ import { Button } from '../../ui/Button/index.js';
13
+ import { Dialog } from '../../ui/Dialog/index.js';
14
+ import { Field } from '../../ui/Field/index.js';
15
+ import { useKYCContext } from './KYCContext.js';
16
+ const definition = z.object({
17
+ realName: z
18
+ .string()
19
+ .min(3, 'Name must be 3 or more characters')
20
+ .max(50, 'Name must not be more than 50 characters')
21
+ .regex(/^[a-z0-9 ]+$/gi, 'Name must not contain special characters')
22
+ .trim(),
23
+ birthDay: z
24
+ .string()
25
+ .min(1, 'Date of birth is required')
26
+ .superRefine((value, ctx) => {
27
+ const dob = parse(value, 'yyyy-MM-dd', new Date());
28
+ if (!isValid(dob)) {
29
+ return ctx.addIssue({
30
+ code: z.ZodIssueCode.invalid_date,
31
+ });
32
+ }
33
+ const now = new Date();
34
+ const age = differenceInYears(now, dob);
35
+ if (age < 21) {
36
+ return ctx.addIssue({
37
+ code: z.ZodIssueCode.custom,
38
+ message: 'You must be at least 21 years old',
39
+ });
40
+ }
41
+ }),
42
+ branchCode: z.string().min(4).max(10).optional().or(z.literal('')),
43
+ });
44
+ export function BasicInformation() {
45
+ const kyc = useKYCContext();
46
+ const form = useForm({
47
+ resolver: zodResolver(definition),
48
+ mode: 'all',
49
+ defaultValues: {
50
+ birthDay: '',
51
+ branchCode: '',
52
+ realName: '',
53
+ },
54
+ });
55
+ const accountQuery = useAccountQuery();
56
+ const account = accountQuery.data;
57
+ const stepCompleted = account != null && account.realName != null && account.birthDay != null;
58
+ useEffect(() => {
59
+ if (stepCompleted)
60
+ kyc.setStep(2);
61
+ }, [stepCompleted, kyc]);
62
+ useEffect(() => {
63
+ if (account) {
64
+ form.reset({
65
+ realName: account.realName ?? '',
66
+ birthDay: account.birthDay
67
+ ? format(account.birthDay, 'yyyy-MM-dd')
68
+ : '',
69
+ });
70
+ }
71
+ }, [account, form]);
72
+ const updateAccountMutation = useUpdateAccountMutation({
73
+ onError(error) {
74
+ toaster.error({
75
+ title: 'Error',
76
+ description: error.message,
77
+ });
78
+ },
79
+ onSuccess() {
80
+ kyc.setStep(2);
81
+ toaster.success({
82
+ title: 'Success',
83
+ description: 'Basic information has been set successfully.',
84
+ });
85
+ },
86
+ });
87
+ return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Basic Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
88
+ invariant(account);
89
+ const input = omitBy({
90
+ realName: account.realName === data.realName ? undefined : data.realName,
91
+ birthDay: account.birthDay && isSameDay(data.birthDay, account.birthDay)
92
+ ? undefined
93
+ : format(data.birthDay, 'yyyy-MM-dd'),
94
+ }, isNil);
95
+ if (size(input) === 0)
96
+ return kyc.setStep(2);
97
+ updateAccountMutation.mutate(input);
98
+ }), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!accountQuery.data?.realName, children: [_jsx(Field.Label, { children: "Real Name" }), _jsx(Field.Input, { placeholder: "Enter your real name", ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-3", invalid: !!form.formState.errors.branchCode, readOnly: !!accountQuery.data?.birthDay, children: [_jsx(Field.Label, { children: "Date of Birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), _jsx(Button, { type: "submit", className: "mt-8", disabled: accountQuery.isLoading ||
99
+ updateAccountMutation.isPending ||
100
+ stepCompleted, children: "Continue" })] })] }));
101
+ }
package/dist/components/KYC/IdentityVerification.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function IdentityVerification(): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/IdentityVerification.js ADDED
@@ -0,0 +1,120 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { zodResolver } from '@hookform/resolvers/zod';
4
+ import { useEffect } from 'react';
5
+ import { Controller, useForm } from 'react-hook-form';
6
+ import { z } from 'zod';
7
+ import { useShallow } from 'zustand/shallow';
8
+ import { useCreateMemberVerificationMutation } from '../../client/hooks/useCreateMemberVerificationMutation.js';
9
+ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
10
+ import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
11
+ import { useUpdateMemberVerificationMutation } from '../../client/hooks/useUpdateMemberVerificationMutation.js';
12
+ import { toaster } from '../../client/utils/toaster.js';
13
+ import { Button } from '../../ui/Button/index.js';
14
+ import { Dialog } from '../../ui/Dialog/index.js';
15
+ import { Field } from '../../ui/Field/index.js';
16
+ import { getQueryClient } from '../../utils/getQueryClient.js';
17
+ import { getMemberVerificationQueryKey } from '../../utils/queryKeys.js';
18
+ import { IdFrontImageField } from '../shared/IdFrontImageField/index.js';
19
+ import { SelfieImageField } from '../shared/SelfieImageField/index.js';
20
+ import { useKYCContext } from './KYCContext.js';
21
+ const formSchema = z.object({
22
+ selfieImage: z.string().min(1, 'Selfie image is required.'),
23
+ idFrontImage: z.string().min(1, 'Front image of ID is required.'),
24
+ });
25
+ export function IdentityVerification() {
26
+ const kyc = useKYCContext();
27
+ const { mutate: createMemberVerification, isPending: createPending } = useCreateMemberVerificationMutation({
28
+ onSuccess: () => {
29
+ toaster.success({
30
+ title: 'ID Front Image & Selfie Image uploaded successfully',
31
+ });
32
+ },
33
+ onError: (error) => {
34
+ toaster.error({
35
+ title: 'Failed to upload ID Front Image & Selfie Image',
36
+ description: error.message,
37
+ });
38
+ },
39
+ });
40
+ const { mutate: updateMemberVerification, isPending: updatePending } = useUpdateMemberVerificationMutation({
41
+ onSuccess: () => {
42
+ const queryClient = getQueryClient();
43
+ toaster.success({
44
+ title: 'ID Front Image & Selfie Image updated successfully',
45
+ });
46
+ queryClient.setQueryData(getMemberVerificationQueryKey(), (prev) => {
47
+ if (!prev)
48
+ return prev;
49
+ return {
50
+ ...prev,
51
+ status: 'CREATED',
52
+ };
53
+ });
54
+ },
55
+ onError: (error) => {
56
+ toaster.error({
57
+ title: 'Failed to upload ID Front Image & Selfie Image',
58
+ description: error.message,
59
+ });
60
+ },
61
+ });
62
+ const memberVerification = useMemberVerificationQuery();
63
+ const memberId = memberVerification.data?.id;
64
+ const globalStore = useGlobalStore(useShallow((ctx) => ({
65
+ kyc: ctx.kyc,
66
+ })));
67
+ const form = useForm({
68
+ resolver: zodResolver(formSchema),
69
+ defaultValues: {
70
+ idFrontImage: '',
71
+ selfieImage: '',
72
+ },
73
+ });
74
+ function onSubmit(values) {
75
+ if (!memberId) {
76
+ createMemberVerification({
77
+ selfieImage: values.selfieImage,
78
+ idFrontImage: values.idFrontImage,
79
+ address: '',
80
+ nationality: '',
81
+ natureOfWork: '',
82
+ permanentAddress: '',
83
+ placeOfBirth: '',
84
+ sourceOfIncome: '',
85
+ });
86
+ kyc.setStep(3);
87
+ }
88
+ else {
89
+ updateMemberVerification({
90
+ id: memberId,
91
+ data: {
92
+ selfieImage: values.selfieImage,
93
+ idFrontImage: values.idFrontImage,
94
+ },
95
+ });
96
+ kyc.setStep(3);
97
+ }
98
+ }
99
+ useEffect(() => {
100
+ if (kyc.selfieImageId)
101
+ form.setValue('selfieImage', kyc.selfieImageId);
102
+ if (kyc.idFrontImageId)
103
+ form.setValue('idFrontImage', kyc.idFrontImageId);
104
+ }, [form, kyc.idFrontImageId, kyc.selfieImageId]);
105
+ return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Verify your identity" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Verify your details to confirm your identity and secure your access." }), _jsxs("div", { className: "mt-7 rounded-xl border border-border-primary bg-bg-primary p-lg text-text-placeholder text-xs leading-tight", children: [_jsx("h3", { className: "font-semibold", children: "Instructions" }), _jsxs("ol", { className: "mt-2 list-inside list-decimal", children: [_jsx("li", { children: "Upload a full photo of your ID." }), _jsx("li", { children: "Please ensure that all details in the uploaded image are legible." }), _jsx("li", { children: "Please ensure that the ID uploaded is within the validity period." })] })] }), _jsxs("form", { className: "mt-xl", onSubmit: form.handleSubmit(onSubmit), children: [_jsx(Controller, { control: form.control, name: "idFrontImage", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsx(Field.Label, { children: "Front of your ID" }), _jsx(IdFrontImageField, { value: o.field.value, onChange: o.field.onChange, onError: (error) => {
106
+ form.setValue('idFrontImage', '');
107
+ form.setError('idFrontImage', {
108
+ type: 'validate',
109
+ message: error.message,
110
+ });
111
+ } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Controller, { control: form.control, name: "selfieImage", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-3", children: [_jsx(Field.Label, { children: "Selfie holding your ID" }), _jsx(SelfieImageField, { value: o.field.value, onChange: o.field.onChange, onError: (error) => {
112
+ form.setValue('selfieImage', '');
113
+ form.setError('selfieImage', {
114
+ type: 'validate',
115
+ message: error.message,
116
+ });
117
+ } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", type: "button", onClick: () => {
118
+ globalStore.kyc.setOpen(false);
119
+ }, children: "Skip for now" })] })] }));
120
+ }
package/dist/components/KYC/Indicator.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function Indicator(): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/Indicator.js ADDED
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { noop } from 'lodash-es';
3
+ import { Progress } from '../../ui/Progress/index.js';
4
+ import { useKYCContext } from './KYCContext.js';
5
+ export function Indicator() {
6
+ const kyc = useKYCContext();
7
+ return (_jsxs("div", { className: "flex items-center justify-center gap-1.5 py-3", children: [_jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step > 1 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step > 2 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step === 3 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) })] }));
8
+ }
package/dist/components/KYC/KYC.lazy.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { ImageProps } from 'next/image';
2
+ import { type KYCReminderProps } from './KYCReminder.lazy';
3
+ export interface KYCProps extends KYCReminderProps {
4
+ logo: ImageProps['src'];
5
+ }
6
+ export declare function KYC(props: KYCProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/KYC.lazy.js ADDED
@@ -0,0 +1,45 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import Image from 'next/image';
3
+ import { useEffect } from 'react';
4
+ import { useShallow } from 'zustand/shallow';
5
+ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
6
+ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
7
+ import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
8
+ import { XIcon } from '../../icons/XIcon.js';
9
+ import { Dialog } from '../../ui/Dialog/index.js';
10
+ import { Portal } from '../../ui/Portal/index.js';
11
+ import { BasicInformation } from './BasicInformation.js';
12
+ import { IdentityVerification } from './IdentityVerification.js';
13
+ import { Indicator } from './Indicator.js';
14
+ import { KYCContext } from './KYCContext.js';
15
+ import { KYCReminder } from './KYCReminder.lazy.js';
16
+ import { PersonalInformation } from './PersonalInformation.js';
17
+ import { useKYC } from './useKYC.js';
18
+ export function KYC(props) {
19
+ const globalStore = useGlobalStore(useShallow((ctx) => ({ kyc: ctx.kyc })));
20
+ const kyc = useKYC();
21
+ const { data: account } = useAccountQuery();
22
+ const { data: verification } = useMemberVerificationQuery();
23
+ const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
24
+ const isUploadCompleted = Boolean(verification?.idFrontImage) && Boolean(verification?.selfieImage);
25
+ const isVerified = Boolean(verification?.status === 'VERIFIED') ||
26
+ Boolean(verification?.status === 'PENDING') ||
27
+ Boolean(verification?.status === 'APPROVED');
28
+ const isRejected = Boolean(verification?.status === 'REJECTED');
29
+ const hasMissingData = !isBasicInfoCompleted || !isUploadCompleted || !isVerified;
30
+ const steps = !isBasicInfoCompleted
31
+ ? 1
32
+ : !isUploadCompleted
33
+ ? 2
34
+ : isRejected
35
+ ? 2
36
+ : 3;
37
+ useEffect(() => {
38
+ if (steps) {
39
+ kyc.setStep(steps);
40
+ }
41
+ }, [steps, kyc]);
42
+ return (_jsxs(_Fragment, { children: [_jsx(KYCContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open && hasMissingData, onOpenChange: (details) => {
43
+ globalStore.kyc.setOpen(details.open);
44
+ }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
45
+ }
package/dist/components/KYC/KYCContext.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { UseKYCReturn } from './useKYC';
2
+ export declare const KYCContext: (props: {
3
+ value: UseKYCReturn;
4
+ } & {
5
+ children?: import("react").ReactNode | undefined;
6
+ }) => React.ReactNode, useKYCContext: () => UseKYCReturn;
package/dist/components/KYC/KYCContext.js ADDED
@@ -0,0 +1,2 @@
1
+ import { createContext } from '../../client/utils/createContext.js';
2
+ export const [KYCContext, useKYCContext] = createContext();
package/dist/components/KYC/PersonalInformation.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function PersonalInformation(): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/PersonalInformation.js ADDED
@@ -0,0 +1,122 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { zodResolver } from '@hookform/resolvers/zod';
3
+ import { useForm } from 'react-hook-form';
4
+ import { z } from 'zod';
5
+ import { useShallow } from 'zustand/shallow';
6
+ import { useApproveMemberVerification } from '../../client/hooks/useApproveMemberVerification.js';
7
+ import { useCreateMemberVerificationMutation } from '../../client/hooks/useCreateMemberVerificationMutation.js';
8
+ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
9
+ import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
10
+ import { useUpdateMemberVerificationMutation } from '../../client/hooks/useUpdateMemberVerificationMutation.js';
11
+ import { toaster } from '../../client/utils/toaster.js';
12
+ import { CheckIcon } from '../../icons/CheckIcon.js';
13
+ import { Button } from '../../ui/Button/index.js';
14
+ import { Checkbox } from '../../ui/Checkbox/index.js';
15
+ import { Dialog } from '../../ui/Dialog/index.js';
16
+ import { Field } from '../../ui/Field/index.js';
17
+ import { getQueryClient } from '../../utils/getQueryClient.js';
18
+ import { getMemberVerificationQueryKey } from '../../utils/queryKeys.js';
19
+ import { useKYCContext } from './KYCContext.js';
20
+ const definition = z.object({
21
+ address: z.string().trim().min(1, 'Current address is required'),
22
+ permanentAddress: z.string().trim().min(1, 'Permanent address is required'),
23
+ sourceOfIncome: z.string().trim().min(1, 'Source of Income is required'),
24
+ natureOfWork: z.string().trim().min(1, 'Nature of Work is required'),
25
+ placeOfBirth: z.string().trim().min(1, 'Place of Birth is required'),
26
+ nationality: z.string().trim().min(1, 'Nationality is required'),
27
+ });
28
+ export function PersonalInformation() {
29
+ const kyc = useKYCContext();
30
+ const globalStore = useGlobalStore(useShallow((ctx) => ({
31
+ kyc: ctx.kyc,
32
+ })));
33
+ const memberVerificationQuery = useMemberVerificationQuery();
34
+ const memberVerificationId = memberVerificationQuery.data?.id;
35
+ const approveMemberVerificationMutation = useApproveMemberVerification();
36
+ const updateMemberVerificationMutation = useUpdateMemberVerificationMutation({
37
+ onError(error) {
38
+ toaster.error({
39
+ description: error.message,
40
+ });
41
+ },
42
+ onSuccess() {
43
+ const queryClient = getQueryClient();
44
+ queryClient.setQueryData(getMemberVerificationQueryKey(), (prev) => {
45
+ if (!prev)
46
+ return prev;
47
+ return {
48
+ ...prev,
49
+ status: 'PENDING',
50
+ };
51
+ });
52
+ kyc.setDone(true);
53
+ globalStore.kyc.setOpen(false);
54
+ toaster.success({
55
+ title: 'Success',
56
+ description: 'Personal information has been set successfully.',
57
+ });
58
+ },
59
+ });
60
+ const createMemberVerificationMutation = useCreateMemberVerificationMutation({
61
+ onError(error) {
62
+ toaster.error({
63
+ description: error.message,
64
+ });
65
+ },
66
+ onSuccess() {
67
+ kyc.setDone(true);
68
+ globalStore.kyc.setOpen(false);
69
+ toaster.success({
70
+ title: 'Success',
71
+ description: 'Personal information has been set successfully.',
72
+ });
73
+ },
74
+ });
75
+ const form = useForm({
76
+ resolver: zodResolver(definition),
77
+ defaultValues: {
78
+ address: '',
79
+ nationality: '',
80
+ natureOfWork: '',
81
+ placeOfBirth: '',
82
+ permanentAddress: '',
83
+ },
84
+ mode: 'all',
85
+ });
86
+ async function onSubmit(values) {
87
+ if (!memberVerificationId) {
88
+ createMemberVerificationMutation.mutate({
89
+ ...values,
90
+ });
91
+ }
92
+ else {
93
+ await updateMemberVerificationMutation.mutateAsync({
94
+ id: memberVerificationId,
95
+ data: {
96
+ ...values,
97
+ },
98
+ });
99
+ //approve status of member to be pending
100
+ await approveMemberVerificationMutation.mutateAsync({
101
+ id: memberVerificationId,
102
+ });
103
+ }
104
+ }
105
+ const address = form.watch('address');
106
+ const permanentAddress = form.watch('permanentAddress');
107
+ return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.permanentAddress, children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address", ...form.register('permanentAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.permanentAddress?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.address, children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address", ...form.register('address') }), _jsx(Field.ErrorText, { children: form.formState.errors.address?.message })] }), _jsxs(Checkbox.Root, { className: "mt-md", checked: address !== '' &&
108
+ permanentAddress !== '' &&
109
+ address === permanentAddress, onCheckedChange: (details) => {
110
+ if (details.checked === true) {
111
+ form.setValue('address', form.getValues('permanentAddress'), {
112
+ shouldDirty: true,
113
+ shouldTouch: true,
114
+ shouldValidate: true,
115
+ });
116
+ }
117
+ }, disabled: !permanentAddress, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.sourceOfIncome, children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income", ...form.register('sourceOfIncome') }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceOfIncome?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.natureOfWork, children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description", ...form.register('natureOfWork') }), _jsx(Field.ErrorText, { children: form.formState.errors.natureOfWork?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.placeOfBirth, children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth", ...form.register('placeOfBirth') }), _jsx(Field.ErrorText, { children: form.formState.errors.placeOfBirth?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: updateMemberVerificationMutation.isPending ||
118
+ createMemberVerificationMutation.isPending, children: "Continue" }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
119
+ globalStore.kyc.setOpen(false);
120
+ }, disabled: updateMemberVerificationMutation.isPending ||
121
+ createMemberVerificationMutation.isPending, children: "Skip for now" })] })] }));
122
+ }
package/dist/components/KYC/useKYC.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ type EventDetail = {
2
+ type: 'SELFIE_CAPTURED';
3
+ data: string;
4
+ } | {
5
+ type: 'ID_DOCUMENT_CAPTURED';
6
+ data: string;
7
+ };
8
+ type UnsubscribeFn = () => void;
9
+ type Subscriber = (detail: EventDetail) => UnsubscribeFn;
10
+ export type CaptureSubject = 'SELFIE' | 'ID_DOCUMENT';
11
+ export interface UseKYCReturn {
12
+ step: number;
13
+ setStep: (step: number) => void;
14
+ done: boolean;
15
+ setDone: (done: boolean) => void;
16
+ subscribe: (subscriber: Subscriber) => UnsubscribeFn;
17
+ triggerEvent: (detail: EventDetail) => void;
18
+ idFrontImageId: string | null;
19
+ setFrontImageId: (id: string | null) => void;
20
+ selfieImageId: string | null;
21
+ setSelfieImageId: (id: string | null) => void;
22
+ reset: () => void;
23
+ }
24
+ export declare function useKYC(): UseKYCReturn;
25
+ export {};
package/dist/components/KYC/useKYC.js ADDED
@@ -0,0 +1,38 @@
1
+ import { useRef, useState } from 'react';
2
+ export function useKYC() {
3
+ const [step, setStep] = useState(2);
4
+ const [done, setDone] = useState(false);
5
+ const [idFrontImageId, setFrontImageId] = useState(null);
6
+ const [selfieImageId, setSelfieImageId] = useState(null);
7
+ const subscribers = useRef([]);
8
+ const subscribe = (subscriber) => {
9
+ subscribers.current.push(subscriber);
10
+ return () => {
11
+ subscribers.current = subscribers.current.filter((item) => item !== subscriber);
12
+ };
13
+ };
14
+ const triggerEvent = (detail) => {
15
+ subscribers.current.forEach((subscriber) => {
16
+ subscriber(detail);
17
+ });
18
+ };
19
+ const reset = () => {
20
+ setStep(1);
21
+ setDone(false);
22
+ setFrontImageId(null);
23
+ setSelfieImageId(null);
24
+ };
25
+ return {
26
+ step,
27
+ setStep,
28
+ done,
29
+ setDone,
30
+ idFrontImageId,
31
+ setFrontImageId,
32
+ selfieImageId,
33
+ setSelfieImageId,
34
+ subscribe,
35
+ triggerEvent,
36
+ reset,
37
+ };
38
+ }
package/dist/handlers/postAuthenticate.js CHANGED
@@ -12,6 +12,7 @@ export async function postAuthenticate(request) {
12
12
  const body = await request.json();
13
13
  const parsed = AuthenticateDefinition.safeParse(body);
14
14
  const userAgent = request.headers.get('user-agent');
15
+ const ipaddress = request.headers.get('x-forwarded-for');
15
16
  if (!parsed.success) {
16
17
  return NextResponse.json({
17
18
  ok: false,
@@ -32,6 +33,9 @@ export async function postAuthenticate(request) {
32
33
  ...(userAgent && {
33
34
  'User-Agent': userAgent,
34
35
  }),
36
+ ...(ipaddress && {
37
+ 'X-Forwarded-For': ipaddress,
38
+ }),
35
39
  },
36
40
  });
37
41
  const response = NextResponse.json({ ok: true }, { status: 201 });
package/dist/handlers/postSession.js CHANGED
@@ -31,6 +31,7 @@ export async function postSession(request) {
31
31
  const body = await request.json();
32
32
  const parsed = CreateSessionDefinition.safeParse(body);
33
33
  const userAgent = request.headers.get('user-agent');
34
+ const ipaddress = request.headers.get('x-forwarded-for');
34
35
  if (!parsed.success) {
35
36
  return NextResponse.json({
36
37
  ok: false,
@@ -51,6 +52,9 @@ export async function postSession(request) {
51
52
  ...(userAgent && {
52
53
  'User-Agent': userAgent,
53
54
  }),
55
+ ...(ipaddress && {
56
+ 'X-Forwarded-For': ipaddress,
57
+ }),
54
58
  },
55
59
  });
56
60
  if (res.authenticator) {
package/dist/ui/Dialog/Dialog.d.ts CHANGED
@@ -2,11 +2,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
6
- content?: import("tailwind-variants").ClassValue;
7
5
  body?: import("tailwind-variants").ClassValue;
8
6
  footer?: import("tailwind-variants").ClassValue;
9
7
  header?: import("tailwind-variants").ClassValue;
8
+ title?: import("tailwind-variants").ClassValue;
9
+ content?: import("tailwind-variants").ClassValue;
10
10
  trigger?: import("tailwind-variants").ClassValue;
11
11
  backdrop?: import("tailwind-variants").ClassValue;
12
12
  positioner?: import("tailwind-variants").ClassValue;
@@ -17,11 +17,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
21
- content?: import("tailwind-variants").ClassValue;
22
20
  body?: import("tailwind-variants").ClassValue;
23
21
  footer?: import("tailwind-variants").ClassValue;
24
22
  header?: import("tailwind-variants").ClassValue;
23
+ title?: import("tailwind-variants").ClassValue;
24
+ content?: import("tailwind-variants").ClassValue;
25
25
  trigger?: import("tailwind-variants").ClassValue;
26
26
  backdrop?: import("tailwind-variants").ClassValue;
27
27
  positioner?: import("tailwind-variants").ClassValue;
@@ -29,14 +29,14 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
29
29
  closeTrigger?: import("tailwind-variants").ClassValue;
30
30
  };
31
31
  };
32
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
32
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
33
33
  [key: string]: {
34
34
  [key: string]: import("tailwind-variants").ClassValue | {
35
- title?: import("tailwind-variants").ClassValue;
36
- content?: import("tailwind-variants").ClassValue;
37
35
  body?: import("tailwind-variants").ClassValue;
38
36
  footer?: import("tailwind-variants").ClassValue;
39
37
  header?: import("tailwind-variants").ClassValue;
38
+ title?: import("tailwind-variants").ClassValue;
39
+ content?: import("tailwind-variants").ClassValue;
40
40
  trigger?: import("tailwind-variants").ClassValue;
41
41
  backdrop?: import("tailwind-variants").ClassValue;
42
42
  positioner?: import("tailwind-variants").ClassValue;
@@ -44,15 +44,15 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
44
44
  closeTrigger?: import("tailwind-variants").ClassValue;
45
45
  };
46
46
  };
47
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
47
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
52
- content?: import("tailwind-variants").ClassValue;
53
51
  body?: import("tailwind-variants").ClassValue;
54
52
  footer?: import("tailwind-variants").ClassValue;
55
53
  header?: import("tailwind-variants").ClassValue;
54
+ title?: import("tailwind-variants").ClassValue;
55
+ content?: import("tailwind-variants").ClassValue;
56
56
  trigger?: import("tailwind-variants").ClassValue;
57
57
  backdrop?: import("tailwind-variants").ClassValue;
58
58
  positioner?: import("tailwind-variants").ClassValue;
@@ -63,11 +63,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
67
- content?: import("tailwind-variants").ClassValue;
68
66
  body?: import("tailwind-variants").ClassValue;
69
67
  footer?: import("tailwind-variants").ClassValue;
70
68
  header?: import("tailwind-variants").ClassValue;
69
+ title?: import("tailwind-variants").ClassValue;
70
+ content?: import("tailwind-variants").ClassValue;
71
71
  trigger?: import("tailwind-variants").ClassValue;
72
72
  backdrop?: import("tailwind-variants").ClassValue;
73
73
  positioner?: import("tailwind-variants").ClassValue;
@@ -75,14 +75,14 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
75
75
  closeTrigger?: import("tailwind-variants").ClassValue;
76
76
  };
77
77
  };
78
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
78
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
79
79
  [key: string]: {
80
80
  [key: string]: import("tailwind-variants").ClassValue | {
81
- title?: import("tailwind-variants").ClassValue;
82
- content?: import("tailwind-variants").ClassValue;
83
81
  body?: import("tailwind-variants").ClassValue;
84
82
  footer?: import("tailwind-variants").ClassValue;
85
83
  header?: import("tailwind-variants").ClassValue;
84
+ title?: import("tailwind-variants").ClassValue;
85
+ content?: import("tailwind-variants").ClassValue;
86
86
  trigger?: import("tailwind-variants").ClassValue;
87
87
  backdrop?: import("tailwind-variants").ClassValue;
88
88
  positioner?: import("tailwind-variants").ClassValue;
@@ -90,15 +90,15 @@ export declare const Backdrop: import("react").ComponentType<import("@ark-ui/rea
90
90
  closeTrigger?: import("tailwind-variants").ClassValue;
91
91
  };
92
92
  };
93
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
93
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
98
- content?: import("tailwind-variants").ClassValue;
99
97
  body?: import("tailwind-variants").ClassValue;
100
98
  footer?: import("tailwind-variants").ClassValue;
101
99
  header?: import("tailwind-variants").ClassValue;
100
+ title?: import("tailwind-variants").ClassValue;
101
+ content?: import("tailwind-variants").ClassValue;
102
102
  trigger?: import("tailwind-variants").ClassValue;
103
103
  backdrop?: import("tailwind-variants").ClassValue;
104
104
  positioner?: import("tailwind-variants").ClassValue;
@@ -109,11 +109,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
113
- content?: import("tailwind-variants").ClassValue;
114
112
  body?: import("tailwind-variants").ClassValue;
115
113
  footer?: import("tailwind-variants").ClassValue;
116
114
  header?: import("tailwind-variants").ClassValue;
115
+ title?: import("tailwind-variants").ClassValue;
116
+ content?: import("tailwind-variants").ClassValue;
117
117
  trigger?: import("tailwind-variants").ClassValue;
118
118
  backdrop?: import("tailwind-variants").ClassValue;
119
119
  positioner?: import("tailwind-variants").ClassValue;
@@ -121,14 +121,14 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
121
121
  closeTrigger?: import("tailwind-variants").ClassValue;
122
122
  };
123
123
  };
124
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
124
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
125
125
  [key: string]: {
126
126
  [key: string]: import("tailwind-variants").ClassValue | {
127
- title?: import("tailwind-variants").ClassValue;
128
- content?: import("tailwind-variants").ClassValue;
129
127
  body?: import("tailwind-variants").ClassValue;
130
128
  footer?: import("tailwind-variants").ClassValue;
131
129
  header?: import("tailwind-variants").ClassValue;
130
+ title?: import("tailwind-variants").ClassValue;
131
+ content?: import("tailwind-variants").ClassValue;
132
132
  trigger?: import("tailwind-variants").ClassValue;
133
133
  backdrop?: import("tailwind-variants").ClassValue;
134
134
  positioner?: import("tailwind-variants").ClassValue;
@@ -136,15 +136,15 @@ export declare const CloseTrigger: import("react").ComponentType<import("@ark-ui
136
136
  closeTrigger?: import("tailwind-variants").ClassValue;
137
137
  };
138
138
  };
139
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
139
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
144
- content?: import("tailwind-variants").ClassValue;
145
143
  body?: import("tailwind-variants").ClassValue;
146
144
  footer?: import("tailwind-variants").ClassValue;
147
145
  header?: import("tailwind-variants").ClassValue;
146
+ title?: import("tailwind-variants").ClassValue;
147
+ content?: import("tailwind-variants").ClassValue;
148
148
  trigger?: import("tailwind-variants").ClassValue;
149
149
  backdrop?: import("tailwind-variants").ClassValue;
150
150
  positioner?: import("tailwind-variants").ClassValue;
@@ -155,11 +155,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
159
- content?: import("tailwind-variants").ClassValue;
160
158
  body?: import("tailwind-variants").ClassValue;
161
159
  footer?: import("tailwind-variants").ClassValue;
162
160
  header?: import("tailwind-variants").ClassValue;
161
+ title?: import("tailwind-variants").ClassValue;
162
+ content?: import("tailwind-variants").ClassValue;
163
163
  trigger?: import("tailwind-variants").ClassValue;
164
164
  backdrop?: import("tailwind-variants").ClassValue;
165
165
  positioner?: import("tailwind-variants").ClassValue;
@@ -167,14 +167,14 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
167
167
  closeTrigger?: import("tailwind-variants").ClassValue;
168
168
  };
169
169
  };
170
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
170
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
171
171
  [key: string]: {
172
172
  [key: string]: import("tailwind-variants").ClassValue | {
173
- title?: import("tailwind-variants").ClassValue;
174
- content?: import("tailwind-variants").ClassValue;
175
173
  body?: import("tailwind-variants").ClassValue;
176
174
  footer?: import("tailwind-variants").ClassValue;
177
175
  header?: import("tailwind-variants").ClassValue;
176
+ title?: import("tailwind-variants").ClassValue;
177
+ content?: import("tailwind-variants").ClassValue;
178
178
  trigger?: import("tailwind-variants").ClassValue;
179
179
  backdrop?: import("tailwind-variants").ClassValue;
180
180
  positioner?: import("tailwind-variants").ClassValue;
@@ -182,15 +182,15 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
182
182
  closeTrigger?: import("tailwind-variants").ClassValue;
183
183
  };
184
184
  };
185
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
185
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
190
- content?: import("tailwind-variants").ClassValue;
191
189
  body?: import("tailwind-variants").ClassValue;
192
190
  footer?: import("tailwind-variants").ClassValue;
193
191
  header?: import("tailwind-variants").ClassValue;
192
+ title?: import("tailwind-variants").ClassValue;
193
+ content?: import("tailwind-variants").ClassValue;
194
194
  trigger?: import("tailwind-variants").ClassValue;
195
195
  backdrop?: import("tailwind-variants").ClassValue;
196
196
  positioner?: import("tailwind-variants").ClassValue;
@@ -201,11 +201,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
205
- content?: import("tailwind-variants").ClassValue;
206
204
  body?: import("tailwind-variants").ClassValue;
207
205
  footer?: import("tailwind-variants").ClassValue;
208
206
  header?: import("tailwind-variants").ClassValue;
207
+ title?: import("tailwind-variants").ClassValue;
208
+ content?: import("tailwind-variants").ClassValue;
209
209
  trigger?: import("tailwind-variants").ClassValue;
210
210
  backdrop?: import("tailwind-variants").ClassValue;
211
211
  positioner?: import("tailwind-variants").ClassValue;
@@ -213,14 +213,14 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
213
213
  closeTrigger?: import("tailwind-variants").ClassValue;
214
214
  };
215
215
  };
216
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
216
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
217
217
  [key: string]: {
218
218
  [key: string]: import("tailwind-variants").ClassValue | {
219
- title?: import("tailwind-variants").ClassValue;
220
- content?: import("tailwind-variants").ClassValue;
221
219
  body?: import("tailwind-variants").ClassValue;
222
220
  footer?: import("tailwind-variants").ClassValue;
223
221
  header?: import("tailwind-variants").ClassValue;
222
+ title?: import("tailwind-variants").ClassValue;
223
+ content?: import("tailwind-variants").ClassValue;
224
224
  trigger?: import("tailwind-variants").ClassValue;
225
225
  backdrop?: import("tailwind-variants").ClassValue;
226
226
  positioner?: import("tailwind-variants").ClassValue;
@@ -228,15 +228,15 @@ export declare const Description: import("react").ComponentType<import("@ark-ui/
228
228
  closeTrigger?: import("tailwind-variants").ClassValue;
229
229
  };
230
230
  };
231
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
231
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
236
- content?: import("tailwind-variants").ClassValue;
237
235
  body?: import("tailwind-variants").ClassValue;
238
236
  footer?: import("tailwind-variants").ClassValue;
239
237
  header?: import("tailwind-variants").ClassValue;
238
+ title?: import("tailwind-variants").ClassValue;
239
+ content?: import("tailwind-variants").ClassValue;
240
240
  trigger?: import("tailwind-variants").ClassValue;
241
241
  backdrop?: import("tailwind-variants").ClassValue;
242
242
  positioner?: import("tailwind-variants").ClassValue;
@@ -247,11 +247,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
251
- content?: import("tailwind-variants").ClassValue;
252
250
  body?: import("tailwind-variants").ClassValue;
253
251
  footer?: import("tailwind-variants").ClassValue;
254
252
  header?: import("tailwind-variants").ClassValue;
253
+ title?: import("tailwind-variants").ClassValue;
254
+ content?: import("tailwind-variants").ClassValue;
255
255
  trigger?: import("tailwind-variants").ClassValue;
256
256
  backdrop?: import("tailwind-variants").ClassValue;
257
257
  positioner?: import("tailwind-variants").ClassValue;
@@ -259,14 +259,14 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
259
259
  closeTrigger?: import("tailwind-variants").ClassValue;
260
260
  };
261
261
  };
262
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
262
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
263
263
  [key: string]: {
264
264
  [key: string]: import("tailwind-variants").ClassValue | {
265
- title?: import("tailwind-variants").ClassValue;
266
- content?: import("tailwind-variants").ClassValue;
267
265
  body?: import("tailwind-variants").ClassValue;
268
266
  footer?: import("tailwind-variants").ClassValue;
269
267
  header?: import("tailwind-variants").ClassValue;
268
+ title?: import("tailwind-variants").ClassValue;
269
+ content?: import("tailwind-variants").ClassValue;
270
270
  trigger?: import("tailwind-variants").ClassValue;
271
271
  backdrop?: import("tailwind-variants").ClassValue;
272
272
  positioner?: import("tailwind-variants").ClassValue;
@@ -274,15 +274,15 @@ export declare const Positioner: import("react").ComponentType<import("@ark-ui/r
274
274
  closeTrigger?: import("tailwind-variants").ClassValue;
275
275
  };
276
276
  };
277
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
277
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
282
- content?: import("tailwind-variants").ClassValue;
283
281
  body?: import("tailwind-variants").ClassValue;
284
282
  footer?: import("tailwind-variants").ClassValue;
285
283
  header?: import("tailwind-variants").ClassValue;
284
+ title?: import("tailwind-variants").ClassValue;
285
+ content?: import("tailwind-variants").ClassValue;
286
286
  trigger?: import("tailwind-variants").ClassValue;
287
287
  backdrop?: import("tailwind-variants").ClassValue;
288
288
  positioner?: import("tailwind-variants").ClassValue;
@@ -293,11 +293,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
297
- content?: import("tailwind-variants").ClassValue;
298
296
  body?: import("tailwind-variants").ClassValue;
299
297
  footer?: import("tailwind-variants").ClassValue;
300
298
  header?: import("tailwind-variants").ClassValue;
299
+ title?: import("tailwind-variants").ClassValue;
300
+ content?: import("tailwind-variants").ClassValue;
301
301
  trigger?: import("tailwind-variants").ClassValue;
302
302
  backdrop?: import("tailwind-variants").ClassValue;
303
303
  positioner?: import("tailwind-variants").ClassValue;
@@ -305,14 +305,14 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
305
305
  closeTrigger?: import("tailwind-variants").ClassValue;
306
306
  };
307
307
  };
308
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
308
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
309
309
  [key: string]: {
310
310
  [key: string]: import("tailwind-variants").ClassValue | {
311
- title?: import("tailwind-variants").ClassValue;
312
- content?: import("tailwind-variants").ClassValue;
313
311
  body?: import("tailwind-variants").ClassValue;
314
312
  footer?: import("tailwind-variants").ClassValue;
315
313
  header?: import("tailwind-variants").ClassValue;
314
+ title?: import("tailwind-variants").ClassValue;
315
+ content?: import("tailwind-variants").ClassValue;
316
316
  trigger?: import("tailwind-variants").ClassValue;
317
317
  backdrop?: import("tailwind-variants").ClassValue;
318
318
  positioner?: import("tailwind-variants").ClassValue;
@@ -320,15 +320,15 @@ export declare const Title: import("react").ComponentType<import("@ark-ui/react"
320
320
  closeTrigger?: import("tailwind-variants").ClassValue;
321
321
  };
322
322
  };
323
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
323
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
328
- content?: import("tailwind-variants").ClassValue;
329
327
  body?: import("tailwind-variants").ClassValue;
330
328
  footer?: import("tailwind-variants").ClassValue;
331
329
  header?: import("tailwind-variants").ClassValue;
330
+ title?: import("tailwind-variants").ClassValue;
331
+ content?: import("tailwind-variants").ClassValue;
332
332
  trigger?: import("tailwind-variants").ClassValue;
333
333
  backdrop?: import("tailwind-variants").ClassValue;
334
334
  positioner?: import("tailwind-variants").ClassValue;
@@ -339,11 +339,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
343
- content?: import("tailwind-variants").ClassValue;
344
342
  body?: import("tailwind-variants").ClassValue;
345
343
  footer?: import("tailwind-variants").ClassValue;
346
344
  header?: import("tailwind-variants").ClassValue;
345
+ title?: import("tailwind-variants").ClassValue;
346
+ content?: import("tailwind-variants").ClassValue;
347
347
  trigger?: import("tailwind-variants").ClassValue;
348
348
  backdrop?: import("tailwind-variants").ClassValue;
349
349
  positioner?: import("tailwind-variants").ClassValue;
@@ -351,14 +351,14 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
351
351
  closeTrigger?: import("tailwind-variants").ClassValue;
352
352
  };
353
353
  };
354
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
354
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
355
355
  [key: string]: {
356
356
  [key: string]: import("tailwind-variants").ClassValue | {
357
- title?: import("tailwind-variants").ClassValue;
358
- content?: import("tailwind-variants").ClassValue;
359
357
  body?: import("tailwind-variants").ClassValue;
360
358
  footer?: import("tailwind-variants").ClassValue;
361
359
  header?: import("tailwind-variants").ClassValue;
360
+ title?: import("tailwind-variants").ClassValue;
361
+ content?: import("tailwind-variants").ClassValue;
362
362
  trigger?: import("tailwind-variants").ClassValue;
363
363
  backdrop?: import("tailwind-variants").ClassValue;
364
364
  positioner?: import("tailwind-variants").ClassValue;
@@ -366,15 +366,15 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
366
366
  closeTrigger?: import("tailwind-variants").ClassValue;
367
367
  };
368
368
  };
369
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
369
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
374
- content?: import("tailwind-variants").ClassValue;
375
373
  body?: import("tailwind-variants").ClassValue;
376
374
  footer?: import("tailwind-variants").ClassValue;
377
375
  header?: import("tailwind-variants").ClassValue;
376
+ title?: import("tailwind-variants").ClassValue;
377
+ content?: import("tailwind-variants").ClassValue;
378
378
  trigger?: import("tailwind-variants").ClassValue;
379
379
  backdrop?: import("tailwind-variants").ClassValue;
380
380
  positioner?: import("tailwind-variants").ClassValue;
@@ -385,11 +385,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
389
- content?: import("tailwind-variants").ClassValue;
390
388
  body?: import("tailwind-variants").ClassValue;
391
389
  footer?: import("tailwind-variants").ClassValue;
392
390
  header?: import("tailwind-variants").ClassValue;
391
+ title?: import("tailwind-variants").ClassValue;
392
+ content?: import("tailwind-variants").ClassValue;
393
393
  trigger?: import("tailwind-variants").ClassValue;
394
394
  backdrop?: import("tailwind-variants").ClassValue;
395
395
  positioner?: import("tailwind-variants").ClassValue;
@@ -397,14 +397,14 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
397
397
  closeTrigger?: import("tailwind-variants").ClassValue;
398
398
  };
399
399
  };
400
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
400
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
401
401
  [key: string]: {
402
402
  [key: string]: import("tailwind-variants").ClassValue | {
403
- title?: import("tailwind-variants").ClassValue;
404
- content?: import("tailwind-variants").ClassValue;
405
403
  body?: import("tailwind-variants").ClassValue;
406
404
  footer?: import("tailwind-variants").ClassValue;
407
405
  header?: import("tailwind-variants").ClassValue;
406
+ title?: import("tailwind-variants").ClassValue;
407
+ content?: import("tailwind-variants").ClassValue;
408
408
  trigger?: import("tailwind-variants").ClassValue;
409
409
  backdrop?: import("tailwind-variants").ClassValue;
410
410
  positioner?: import("tailwind-variants").ClassValue;
@@ -412,15 +412,15 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
412
412
  closeTrigger?: import("tailwind-variants").ClassValue;
413
413
  };
414
414
  };
415
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
415
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
420
- content?: import("tailwind-variants").ClassValue;
421
419
  body?: import("tailwind-variants").ClassValue;
422
420
  footer?: import("tailwind-variants").ClassValue;
423
421
  header?: import("tailwind-variants").ClassValue;
422
+ title?: import("tailwind-variants").ClassValue;
423
+ content?: import("tailwind-variants").ClassValue;
424
424
  trigger?: import("tailwind-variants").ClassValue;
425
425
  backdrop?: import("tailwind-variants").ClassValue;
426
426
  positioner?: import("tailwind-variants").ClassValue;
@@ -431,11 +431,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
435
- content?: import("tailwind-variants").ClassValue;
436
434
  body?: import("tailwind-variants").ClassValue;
437
435
  footer?: import("tailwind-variants").ClassValue;
438
436
  header?: import("tailwind-variants").ClassValue;
437
+ title?: import("tailwind-variants").ClassValue;
438
+ content?: import("tailwind-variants").ClassValue;
439
439
  trigger?: import("tailwind-variants").ClassValue;
440
440
  backdrop?: import("tailwind-variants").ClassValue;
441
441
  positioner?: import("tailwind-variants").ClassValue;
@@ -443,14 +443,14 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
443
443
  closeTrigger?: import("tailwind-variants").ClassValue;
444
444
  };
445
445
  };
446
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
446
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
447
447
  [key: string]: {
448
448
  [key: string]: import("tailwind-variants").ClassValue | {
449
- title?: import("tailwind-variants").ClassValue;
450
- content?: import("tailwind-variants").ClassValue;
451
449
  body?: import("tailwind-variants").ClassValue;
452
450
  footer?: import("tailwind-variants").ClassValue;
453
451
  header?: import("tailwind-variants").ClassValue;
452
+ title?: import("tailwind-variants").ClassValue;
453
+ content?: import("tailwind-variants").ClassValue;
454
454
  trigger?: import("tailwind-variants").ClassValue;
455
455
  backdrop?: import("tailwind-variants").ClassValue;
456
456
  positioner?: import("tailwind-variants").ClassValue;
@@ -458,15 +458,15 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
458
458
  closeTrigger?: import("tailwind-variants").ClassValue;
459
459
  };
460
460
  };
461
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
461
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", 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
- title?: import("tailwind-variants").ClassValue;
466
- content?: import("tailwind-variants").ClassValue;
467
465
  body?: import("tailwind-variants").ClassValue;
468
466
  footer?: import("tailwind-variants").ClassValue;
469
467
  header?: import("tailwind-variants").ClassValue;
468
+ title?: import("tailwind-variants").ClassValue;
469
+ content?: import("tailwind-variants").ClassValue;
470
470
  trigger?: import("tailwind-variants").ClassValue;
471
471
  backdrop?: import("tailwind-variants").ClassValue;
472
472
  positioner?: import("tailwind-variants").ClassValue;
@@ -477,11 +477,11 @@ 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
- title?: import("tailwind-variants").ClassValue;
481
- content?: import("tailwind-variants").ClassValue;
482
480
  body?: import("tailwind-variants").ClassValue;
483
481
  footer?: import("tailwind-variants").ClassValue;
484
482
  header?: import("tailwind-variants").ClassValue;
483
+ title?: import("tailwind-variants").ClassValue;
484
+ content?: import("tailwind-variants").ClassValue;
485
485
  trigger?: import("tailwind-variants").ClassValue;
486
486
  backdrop?: import("tailwind-variants").ClassValue;
487
487
  positioner?: import("tailwind-variants").ClassValue;
@@ -489,14 +489,14 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
489
489
  closeTrigger?: import("tailwind-variants").ClassValue;
490
490
  };
491
491
  };
492
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
492
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
493
493
  [key: string]: {
494
494
  [key: string]: import("tailwind-variants").ClassValue | {
495
- title?: import("tailwind-variants").ClassValue;
496
- content?: import("tailwind-variants").ClassValue;
497
495
  body?: import("tailwind-variants").ClassValue;
498
496
  footer?: import("tailwind-variants").ClassValue;
499
497
  header?: import("tailwind-variants").ClassValue;
498
+ title?: import("tailwind-variants").ClassValue;
499
+ content?: import("tailwind-variants").ClassValue;
500
500
  trigger?: import("tailwind-variants").ClassValue;
501
501
  backdrop?: import("tailwind-variants").ClassValue;
502
502
  positioner?: import("tailwind-variants").ClassValue;
@@ -504,5 +504,5 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
504
504
  closeTrigger?: import("tailwind-variants").ClassValue;
505
505
  };
506
506
  };
507
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
507
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
508
508
  export declare const Context: (props: Dialog.ContextProps) => import("react").ReactNode;
package/dist/ui/Dialog/dialog.recipe.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  export declare const dialogRecipe: import("tailwind-variants").TVReturnType<{
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
- title?: import("tailwind-variants").ClassValue;
5
- content?: import("tailwind-variants").ClassValue;
6
4
  body?: import("tailwind-variants").ClassValue;
7
5
  footer?: import("tailwind-variants").ClassValue;
8
6
  header?: import("tailwind-variants").ClassValue;
7
+ title?: import("tailwind-variants").ClassValue;
8
+ content?: import("tailwind-variants").ClassValue;
9
9
  trigger?: import("tailwind-variants").ClassValue;
10
10
  backdrop?: import("tailwind-variants").ClassValue;
11
11
  positioner?: import("tailwind-variants").ClassValue;
@@ -16,11 +16,11 @@ export declare const dialogRecipe: import("tailwind-variants").TVReturnType<{
16
16
  } | {
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-variants").ClassValue | {
19
- title?: import("tailwind-variants").ClassValue;
20
- content?: import("tailwind-variants").ClassValue;
21
19
  body?: import("tailwind-variants").ClassValue;
22
20
  footer?: import("tailwind-variants").ClassValue;
23
21
  header?: import("tailwind-variants").ClassValue;
22
+ title?: import("tailwind-variants").ClassValue;
23
+ content?: import("tailwind-variants").ClassValue;
24
24
  trigger?: import("tailwind-variants").ClassValue;
25
25
  backdrop?: import("tailwind-variants").ClassValue;
26
26
  positioner?: import("tailwind-variants").ClassValue;
@@ -28,14 +28,14 @@ export declare const dialogRecipe: import("tailwind-variants").TVReturnType<{
28
28
  closeTrigger?: import("tailwind-variants").ClassValue;
29
29
  };
30
30
  };
31
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
31
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
32
32
  [key: string]: {
33
33
  [key: string]: import("tailwind-variants").ClassValue | {
34
- title?: import("tailwind-variants").ClassValue;
35
- content?: import("tailwind-variants").ClassValue;
36
34
  body?: import("tailwind-variants").ClassValue;
37
35
  footer?: import("tailwind-variants").ClassValue;
38
36
  header?: import("tailwind-variants").ClassValue;
37
+ title?: import("tailwind-variants").ClassValue;
38
+ content?: import("tailwind-variants").ClassValue;
39
39
  trigger?: import("tailwind-variants").ClassValue;
40
40
  backdrop?: import("tailwind-variants").ClassValue;
41
41
  positioner?: import("tailwind-variants").ClassValue;
@@ -43,4 +43,4 @@ export declare const dialogRecipe: import("tailwind-variants").TVReturnType<{
43
43
  closeTrigger?: import("tailwind-variants").ClassValue;
44
44
  };
45
45
  };
46
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
46
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.322",
3
+ "version": "0.0.324",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",