@melv1c/ui-kit 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base.css +5 -0
- package/dist/chunk-5SGT7Y7J.js +172 -0
- package/dist/chunk-5SGT7Y7J.js.map +1 -0
- package/dist/chunk-RKE7ZPNV.cjs +180 -0
- package/dist/chunk-RKE7ZPNV.cjs.map +1 -0
- package/dist/code-editors/index.cjs +157 -0
- package/dist/code-editors/index.cjs.map +1 -0
- package/dist/code-editors/index.d.cts +46 -0
- package/dist/code-editors/index.d.ts +46 -0
- package/dist/code-editors/index.js +154 -0
- package/dist/code-editors/index.js.map +1 -0
- package/dist/index.cjs +426 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +66 -116
- package/dist/index.d.ts +66 -116
- package/dist/index.js +414 -27
- package/dist/index.js.map +1 -1
- package/dist/locales/index.cjs +7 -7
- package/dist/locales/index.d.cts +132 -6
- package/dist/locales/index.d.ts +132 -6
- package/dist/locales/index.js +1 -1
- package/dist/{rich-text-editor-MOJDWQTI.cjs → rich-text-editor/index.cjs} +5 -5
- package/dist/rich-text-editor/index.cjs.map +1 -0
- package/dist/rich-text-editor/index.d.cts +50 -0
- package/dist/rich-text-editor/index.d.ts +50 -0
- package/dist/{rich-text-editor-JUERRDHQ.js → rich-text-editor/index.js} +5 -5
- package/dist/rich-text-editor/index.js.map +1 -0
- package/package.json +11 -1
- package/dist/chunk-2ZWQNZEN.cjs +0 -63
- package/dist/chunk-2ZWQNZEN.cjs.map +0 -1
- package/dist/chunk-4H5OSMBC.js +0 -52
- package/dist/chunk-4H5OSMBC.js.map +0 -1
- package/dist/chunk-QV4CTFLS.cjs +0 -60
- package/dist/chunk-QV4CTFLS.cjs.map +0 -1
- package/dist/chunk-RZJFYAJW.js +0 -60
- package/dist/chunk-RZJFYAJW.js.map +0 -1
- package/dist/code-diff-editor-IT2RMVDC.js +0 -73
- package/dist/code-diff-editor-IT2RMVDC.js.map +0 -1
- package/dist/code-diff-editor-J24VGXHL.cjs +0 -75
- package/dist/code-diff-editor-J24VGXHL.cjs.map +0 -1
- package/dist/code-editor-DK64HVFQ.cjs +0 -84
- package/dist/code-editor-DK64HVFQ.cjs.map +0 -1
- package/dist/code-editor-EJIJXZLN.js +0 -82
- package/dist/code-editor-EJIJXZLN.js.map +0 -1
- package/dist/rich-text-editor-JUERRDHQ.js.map +0 -1
- package/dist/rich-text-editor-MOJDWQTI.cjs.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { locales_exports } from './chunk-4H5OSMBC.js';
|
|
2
1
|
import { Skeleton } from './chunk-PYHBC3IQ.js';
|
|
3
2
|
export { Skeleton } from './chunk-PYHBC3IQ.js';
|
|
4
3
|
import { buttonVariants, Separator, Button, Input } from './chunk-WTLIXI2B.js';
|
|
5
4
|
export { Button, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Separator, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, toggleVariants } from './chunk-WTLIXI2B.js';
|
|
6
5
|
import { cn } from './chunk-WZ2GOU2J.js';
|
|
7
6
|
export { cn } from './chunk-WZ2GOU2J.js';
|
|
7
|
+
import { locales_exports } from './chunk-5SGT7Y7J.js';
|
|
8
8
|
import './chunk-PZ5AY32C.js';
|
|
9
9
|
import * as React9 from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { useState, useMemo, useEffect } from 'react';
|
|
11
11
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
12
12
|
import { ChevronDownIcon, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, CheckIcon, XIcon, SearchIcon, CircleIcon, MoreHorizontalIcon, ChevronUpIcon, PanelLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ArrowRightIcon, ArrowLeftIcon } from 'lucide-react';
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -3766,6 +3766,417 @@ function Textarea({ className, ...props }) {
|
|
|
3766
3766
|
}
|
|
3767
3767
|
);
|
|
3768
3768
|
}
|
|
3769
|
+
var appleIconVariants = cva("shrink-0 transition-all", {
|
|
3770
|
+
variants: {
|
|
3771
|
+
variant: {
|
|
3772
|
+
default: "",
|
|
3773
|
+
light: "bg-white",
|
|
3774
|
+
dark: "bg-gray-900",
|
|
3775
|
+
transparent: "bg-transparent"
|
|
3776
|
+
},
|
|
3777
|
+
shape: {
|
|
3778
|
+
default: "rounded",
|
|
3779
|
+
square: "rounded-none",
|
|
3780
|
+
rounded: "rounded-full"
|
|
3781
|
+
},
|
|
3782
|
+
size: {
|
|
3783
|
+
sm: "size-6 p-1",
|
|
3784
|
+
default: "size-10 p-2",
|
|
3785
|
+
lg: "size-14 p-3",
|
|
3786
|
+
xl: "size-20 p-4"
|
|
3787
|
+
}
|
|
3788
|
+
},
|
|
3789
|
+
defaultVariants: {
|
|
3790
|
+
variant: "default",
|
|
3791
|
+
shape: "default",
|
|
3792
|
+
size: "default"
|
|
3793
|
+
}
|
|
3794
|
+
});
|
|
3795
|
+
function AppleIcon({
|
|
3796
|
+
className,
|
|
3797
|
+
variant = "default",
|
|
3798
|
+
shape = "default",
|
|
3799
|
+
size = "default",
|
|
3800
|
+
...props
|
|
3801
|
+
}) {
|
|
3802
|
+
return /* @__PURE__ */ jsx(
|
|
3803
|
+
"div",
|
|
3804
|
+
{
|
|
3805
|
+
className: cn(appleIconVariants({ variant, shape, size, className })),
|
|
3806
|
+
...props,
|
|
3807
|
+
children: /* @__PURE__ */ jsx(
|
|
3808
|
+
"svg",
|
|
3809
|
+
{
|
|
3810
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3811
|
+
viewBox: "0 0 24 24",
|
|
3812
|
+
className: "size-full",
|
|
3813
|
+
fill: "currentColor",
|
|
3814
|
+
"aria-label": "Apple",
|
|
3815
|
+
children: /* @__PURE__ */ jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" })
|
|
3816
|
+
}
|
|
3817
|
+
)
|
|
3818
|
+
}
|
|
3819
|
+
);
|
|
3820
|
+
}
|
|
3821
|
+
var facebookIconVariants = cva("shrink-0 transition-all", {
|
|
3822
|
+
variants: {
|
|
3823
|
+
variant: {
|
|
3824
|
+
default: "",
|
|
3825
|
+
light: "bg-white",
|
|
3826
|
+
dark: "bg-gray-900",
|
|
3827
|
+
transparent: "bg-transparent"
|
|
3828
|
+
},
|
|
3829
|
+
shape: {
|
|
3830
|
+
default: "rounded",
|
|
3831
|
+
square: "rounded-none",
|
|
3832
|
+
rounded: "rounded-full"
|
|
3833
|
+
},
|
|
3834
|
+
size: {
|
|
3835
|
+
sm: "size-6 p-1",
|
|
3836
|
+
default: "size-10 p-2",
|
|
3837
|
+
lg: "size-14 p-3",
|
|
3838
|
+
xl: "size-20 p-4"
|
|
3839
|
+
}
|
|
3840
|
+
},
|
|
3841
|
+
defaultVariants: {
|
|
3842
|
+
variant: "default",
|
|
3843
|
+
shape: "default",
|
|
3844
|
+
size: "default"
|
|
3845
|
+
}
|
|
3846
|
+
});
|
|
3847
|
+
function FacebookIcon({
|
|
3848
|
+
className,
|
|
3849
|
+
variant = "default",
|
|
3850
|
+
shape = "default",
|
|
3851
|
+
size = "default",
|
|
3852
|
+
...props
|
|
3853
|
+
}) {
|
|
3854
|
+
return /* @__PURE__ */ jsx(
|
|
3855
|
+
"div",
|
|
3856
|
+
{
|
|
3857
|
+
className: cn(facebookIconVariants({ variant, shape, size, className })),
|
|
3858
|
+
...props,
|
|
3859
|
+
children: /* @__PURE__ */ jsx(
|
|
3860
|
+
"svg",
|
|
3861
|
+
{
|
|
3862
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3863
|
+
viewBox: "0 0 24 24",
|
|
3864
|
+
className: "size-full",
|
|
3865
|
+
fill: "#1877F2",
|
|
3866
|
+
"aria-label": "Facebook",
|
|
3867
|
+
children: /* @__PURE__ */ jsx("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" })
|
|
3868
|
+
}
|
|
3869
|
+
)
|
|
3870
|
+
}
|
|
3871
|
+
);
|
|
3872
|
+
}
|
|
3873
|
+
var githubIconVariants = cva("shrink-0 transition-all", {
|
|
3874
|
+
variants: {
|
|
3875
|
+
variant: {
|
|
3876
|
+
default: "",
|
|
3877
|
+
light: "bg-white",
|
|
3878
|
+
dark: "bg-gray-900",
|
|
3879
|
+
transparent: "bg-transparent"
|
|
3880
|
+
},
|
|
3881
|
+
shape: {
|
|
3882
|
+
default: "rounded",
|
|
3883
|
+
square: "rounded-none",
|
|
3884
|
+
rounded: "rounded-full"
|
|
3885
|
+
},
|
|
3886
|
+
size: {
|
|
3887
|
+
sm: "size-6 p-1",
|
|
3888
|
+
default: "size-10 p-2",
|
|
3889
|
+
lg: "size-14 p-3",
|
|
3890
|
+
xl: "size-20 p-4"
|
|
3891
|
+
}
|
|
3892
|
+
},
|
|
3893
|
+
defaultVariants: {
|
|
3894
|
+
variant: "default",
|
|
3895
|
+
shape: "default",
|
|
3896
|
+
size: "default"
|
|
3897
|
+
}
|
|
3898
|
+
});
|
|
3899
|
+
function GithubIcon({
|
|
3900
|
+
className,
|
|
3901
|
+
variant = "default",
|
|
3902
|
+
shape = "default",
|
|
3903
|
+
size = "default",
|
|
3904
|
+
...props
|
|
3905
|
+
}) {
|
|
3906
|
+
return /* @__PURE__ */ jsx(
|
|
3907
|
+
"div",
|
|
3908
|
+
{
|
|
3909
|
+
className: cn(githubIconVariants({ variant, shape, size, className })),
|
|
3910
|
+
...props,
|
|
3911
|
+
children: /* @__PURE__ */ jsx(
|
|
3912
|
+
"svg",
|
|
3913
|
+
{
|
|
3914
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3915
|
+
viewBox: "0 0 24 24",
|
|
3916
|
+
className: "size-full",
|
|
3917
|
+
fill: "currentColor",
|
|
3918
|
+
"aria-label": "GitHub",
|
|
3919
|
+
children: /* @__PURE__ */ jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" })
|
|
3920
|
+
}
|
|
3921
|
+
)
|
|
3922
|
+
}
|
|
3923
|
+
);
|
|
3924
|
+
}
|
|
3925
|
+
var googleIconVariants = cva("shrink-0 transition-all", {
|
|
3926
|
+
variants: {
|
|
3927
|
+
variant: {
|
|
3928
|
+
default: "",
|
|
3929
|
+
light: "bg-white",
|
|
3930
|
+
dark: "bg-gray-900",
|
|
3931
|
+
transparent: "bg-transparent"
|
|
3932
|
+
},
|
|
3933
|
+
shape: {
|
|
3934
|
+
default: "rounded",
|
|
3935
|
+
square: "rounded-none",
|
|
3936
|
+
rounded: "rounded-full"
|
|
3937
|
+
},
|
|
3938
|
+
size: {
|
|
3939
|
+
sm: "size-6 p-1",
|
|
3940
|
+
default: "size-10 p-2",
|
|
3941
|
+
lg: "size-14 p-3",
|
|
3942
|
+
xl: "size-20 p-4"
|
|
3943
|
+
}
|
|
3944
|
+
},
|
|
3945
|
+
defaultVariants: {
|
|
3946
|
+
variant: "default",
|
|
3947
|
+
shape: "default",
|
|
3948
|
+
size: "default"
|
|
3949
|
+
}
|
|
3950
|
+
});
|
|
3951
|
+
function GoogleIcon({
|
|
3952
|
+
className,
|
|
3953
|
+
variant = "default",
|
|
3954
|
+
shape = "default",
|
|
3955
|
+
size = "default",
|
|
3956
|
+
...props
|
|
3957
|
+
}) {
|
|
3958
|
+
return /* @__PURE__ */ jsx(
|
|
3959
|
+
"div",
|
|
3960
|
+
{
|
|
3961
|
+
className: cn(googleIconVariants({ variant, shape, size, className })),
|
|
3962
|
+
...props,
|
|
3963
|
+
children: /* @__PURE__ */ jsxs(
|
|
3964
|
+
"svg",
|
|
3965
|
+
{
|
|
3966
|
+
version: "1.1",
|
|
3967
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3968
|
+
viewBox: "0 0 48 48",
|
|
3969
|
+
className: "size-full",
|
|
3970
|
+
"aria-label": "Google",
|
|
3971
|
+
children: [
|
|
3972
|
+
/* @__PURE__ */ jsx(
|
|
3973
|
+
"path",
|
|
3974
|
+
{
|
|
3975
|
+
fill: "#EA4335",
|
|
3976
|
+
d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
|
|
3977
|
+
}
|
|
3978
|
+
),
|
|
3979
|
+
/* @__PURE__ */ jsx(
|
|
3980
|
+
"path",
|
|
3981
|
+
{
|
|
3982
|
+
fill: "#4285F4",
|
|
3983
|
+
d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
|
|
3984
|
+
}
|
|
3985
|
+
),
|
|
3986
|
+
/* @__PURE__ */ jsx(
|
|
3987
|
+
"path",
|
|
3988
|
+
{
|
|
3989
|
+
fill: "#FBBC05",
|
|
3990
|
+
d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
|
|
3991
|
+
}
|
|
3992
|
+
),
|
|
3993
|
+
/* @__PURE__ */ jsx(
|
|
3994
|
+
"path",
|
|
3995
|
+
{
|
|
3996
|
+
fill: "#34A853",
|
|
3997
|
+
d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
|
|
3998
|
+
}
|
|
3999
|
+
),
|
|
4000
|
+
/* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
|
|
4001
|
+
]
|
|
4002
|
+
}
|
|
4003
|
+
)
|
|
4004
|
+
}
|
|
4005
|
+
);
|
|
4006
|
+
}
|
|
4007
|
+
var microsoftIconVariants = cva("shrink-0 transition-all", {
|
|
4008
|
+
variants: {
|
|
4009
|
+
variant: {
|
|
4010
|
+
default: "",
|
|
4011
|
+
light: "bg-white",
|
|
4012
|
+
dark: "bg-gray-900",
|
|
4013
|
+
transparent: "bg-transparent"
|
|
4014
|
+
},
|
|
4015
|
+
shape: {
|
|
4016
|
+
default: "rounded",
|
|
4017
|
+
square: "rounded-none",
|
|
4018
|
+
rounded: "rounded-full"
|
|
4019
|
+
},
|
|
4020
|
+
size: {
|
|
4021
|
+
sm: "size-6 p-1",
|
|
4022
|
+
default: "size-10 p-2",
|
|
4023
|
+
lg: "size-14 p-3",
|
|
4024
|
+
xl: "size-20 p-4"
|
|
4025
|
+
}
|
|
4026
|
+
},
|
|
4027
|
+
defaultVariants: {
|
|
4028
|
+
variant: "default",
|
|
4029
|
+
shape: "default",
|
|
4030
|
+
size: "default"
|
|
4031
|
+
}
|
|
4032
|
+
});
|
|
4033
|
+
function MicrosoftIcon({
|
|
4034
|
+
className,
|
|
4035
|
+
variant = "default",
|
|
4036
|
+
shape = "default",
|
|
4037
|
+
size = "default",
|
|
4038
|
+
...props
|
|
4039
|
+
}) {
|
|
4040
|
+
return /* @__PURE__ */ jsx(
|
|
4041
|
+
"div",
|
|
4042
|
+
{
|
|
4043
|
+
className: cn(microsoftIconVariants({ variant, shape, size, className })),
|
|
4044
|
+
...props,
|
|
4045
|
+
children: /* @__PURE__ */ jsxs(
|
|
4046
|
+
"svg",
|
|
4047
|
+
{
|
|
4048
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4049
|
+
viewBox: "0 0 24 24",
|
|
4050
|
+
className: "size-full",
|
|
4051
|
+
"aria-label": "Microsoft",
|
|
4052
|
+
children: [
|
|
4053
|
+
/* @__PURE__ */ jsx("path", { fill: "#F25022", d: "M1 1h10v10H1z" }),
|
|
4054
|
+
/* @__PURE__ */ jsx("path", { fill: "#00A4EF", d: "M1 13h10v10H1z" }),
|
|
4055
|
+
/* @__PURE__ */ jsx("path", { fill: "#7FBA00", d: "M13 1h10v10H13z" }),
|
|
4056
|
+
/* @__PURE__ */ jsx("path", { fill: "#FFB900", d: "M13 13h10v10H13z" })
|
|
4057
|
+
]
|
|
4058
|
+
}
|
|
4059
|
+
)
|
|
4060
|
+
}
|
|
4061
|
+
);
|
|
4062
|
+
}
|
|
4063
|
+
var providerIcons = {
|
|
4064
|
+
google: /* @__PURE__ */ jsx(GoogleIcon, { className: "size-4 p-0" }),
|
|
4065
|
+
github: /* @__PURE__ */ jsx(GithubIcon, { className: "size-4 p-0" }),
|
|
4066
|
+
apple: /* @__PURE__ */ jsx(AppleIcon, { className: "size-4 p-0" }),
|
|
4067
|
+
microsoft: /* @__PURE__ */ jsx(MicrosoftIcon, { className: "size-4 p-0" }),
|
|
4068
|
+
facebook: /* @__PURE__ */ jsx(FacebookIcon, { className: "size-4 p-0" })
|
|
4069
|
+
};
|
|
4070
|
+
function LoginForm({
|
|
4071
|
+
onSubmit,
|
|
4072
|
+
onProviderLogin,
|
|
4073
|
+
onForgotPassword,
|
|
4074
|
+
onSignUp,
|
|
4075
|
+
providers = [],
|
|
4076
|
+
showForgotPassword = true,
|
|
4077
|
+
showSignUp = true,
|
|
4078
|
+
title,
|
|
4079
|
+
description,
|
|
4080
|
+
isLoading = false,
|
|
4081
|
+
className
|
|
4082
|
+
}) {
|
|
4083
|
+
const { t } = useTranslation("ui");
|
|
4084
|
+
const [email, setEmail] = useState("");
|
|
4085
|
+
const [password, setPassword] = useState("");
|
|
4086
|
+
const handleSubmit = (e) => {
|
|
4087
|
+
e.preventDefault();
|
|
4088
|
+
onSubmit?.(email, password);
|
|
4089
|
+
};
|
|
4090
|
+
const displayTitle = title ?? t("loginForm.title");
|
|
4091
|
+
const displayDescription = description ?? t("loginForm.description");
|
|
4092
|
+
return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-md", className), children: [
|
|
4093
|
+
/* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
|
|
4094
|
+
/* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: displayTitle }),
|
|
4095
|
+
/* @__PURE__ */ jsx(CardDescription, { children: displayDescription })
|
|
4096
|
+
] }),
|
|
4097
|
+
/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
|
|
4098
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
|
|
4099
|
+
/* @__PURE__ */ jsx(Label3, { htmlFor: "login-email", children: t("loginForm.email") }),
|
|
4100
|
+
/* @__PURE__ */ jsx(
|
|
4101
|
+
Input,
|
|
4102
|
+
{
|
|
4103
|
+
id: "login-email",
|
|
4104
|
+
type: "email",
|
|
4105
|
+
placeholder: t("loginForm.emailPlaceholder"),
|
|
4106
|
+
value: email,
|
|
4107
|
+
onChange: (e) => setEmail(e.target.value),
|
|
4108
|
+
required: true,
|
|
4109
|
+
disabled: isLoading,
|
|
4110
|
+
autoComplete: "email"
|
|
4111
|
+
}
|
|
4112
|
+
)
|
|
4113
|
+
] }),
|
|
4114
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
|
|
4115
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
4116
|
+
/* @__PURE__ */ jsx(Label3, { htmlFor: "login-password", children: t("loginForm.password") }),
|
|
4117
|
+
showForgotPassword && /* @__PURE__ */ jsx(
|
|
4118
|
+
"button",
|
|
4119
|
+
{
|
|
4120
|
+
type: "button",
|
|
4121
|
+
onClick: onForgotPassword,
|
|
4122
|
+
className: "text-muted-foreground hover:text-primary ml-auto text-sm underline-offset-4 hover:underline",
|
|
4123
|
+
disabled: isLoading,
|
|
4124
|
+
children: t("loginForm.forgotPassword")
|
|
4125
|
+
}
|
|
4126
|
+
)
|
|
4127
|
+
] }),
|
|
4128
|
+
/* @__PURE__ */ jsx(
|
|
4129
|
+
Input,
|
|
4130
|
+
{
|
|
4131
|
+
id: "login-password",
|
|
4132
|
+
type: "password",
|
|
4133
|
+
value: password,
|
|
4134
|
+
onChange: (e) => setPassword(e.target.value),
|
|
4135
|
+
required: true,
|
|
4136
|
+
disabled: isLoading,
|
|
4137
|
+
autoComplete: "current-password"
|
|
4138
|
+
}
|
|
4139
|
+
)
|
|
4140
|
+
] }),
|
|
4141
|
+
/* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("loginForm.loggingIn") : t("loginForm.login") }),
|
|
4142
|
+
providers.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4143
|
+
/* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
4144
|
+
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx(Separator, { className: "w-full" }) }),
|
|
4145
|
+
/* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-card text-muted-foreground px-2", children: t("loginForm.orContinueWith") }) })
|
|
4146
|
+
] }),
|
|
4147
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: providers.map((provider) => /* @__PURE__ */ jsxs(
|
|
4148
|
+
Button,
|
|
4149
|
+
{
|
|
4150
|
+
type: "button",
|
|
4151
|
+
variant: "outline",
|
|
4152
|
+
className: "w-full",
|
|
4153
|
+
onClick: () => onProviderLogin?.(provider),
|
|
4154
|
+
disabled: isLoading,
|
|
4155
|
+
children: [
|
|
4156
|
+
providerIcons[provider],
|
|
4157
|
+
t(`loginForm.providers.${provider}`)
|
|
4158
|
+
]
|
|
4159
|
+
},
|
|
4160
|
+
provider
|
|
4161
|
+
)) })
|
|
4162
|
+
] })
|
|
4163
|
+
] }) }) }),
|
|
4164
|
+
showSignUp && /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm", children: [
|
|
4165
|
+
t("loginForm.noAccount"),
|
|
4166
|
+
" ",
|
|
4167
|
+
/* @__PURE__ */ jsx(
|
|
4168
|
+
"button",
|
|
4169
|
+
{
|
|
4170
|
+
type: "button",
|
|
4171
|
+
onClick: onSignUp,
|
|
4172
|
+
className: "text-primary underline-offset-4 hover:underline",
|
|
4173
|
+
disabled: isLoading,
|
|
4174
|
+
children: t("loginForm.signUp")
|
|
4175
|
+
}
|
|
4176
|
+
)
|
|
4177
|
+
] }) })
|
|
4178
|
+
] });
|
|
4179
|
+
}
|
|
3769
4180
|
function NextButton(props) {
|
|
3770
4181
|
const { t } = useTranslation("ui");
|
|
3771
4182
|
return /* @__PURE__ */ jsxs(Button, { ...props, children: [
|
|
@@ -3840,31 +4251,7 @@ function TranslationProvider({
|
|
|
3840
4251
|
}
|
|
3841
4252
|
return /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18n2, children });
|
|
3842
4253
|
}
|
|
3843
|
-
var CodeEditorInternal = lazy(
|
|
3844
|
-
() => import('./code-editor-EJIJXZLN.js').then((m) => ({ default: m.CodeEditor }))
|
|
3845
|
-
);
|
|
3846
|
-
var CodeDiffEditorInternal = lazy(
|
|
3847
|
-
() => import('./code-diff-editor-IT2RMVDC.js').then((m) => ({ default: m.CodeDiffEditor }))
|
|
3848
|
-
);
|
|
3849
|
-
function EditorSkeleton() {
|
|
3850
|
-
return /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full min-h-50" });
|
|
3851
|
-
}
|
|
3852
|
-
function LazyCodeEditor(props) {
|
|
3853
|
-
return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(EditorSkeleton, {}), children: /* @__PURE__ */ jsx(CodeEditorInternal, { ...props }) });
|
|
3854
|
-
}
|
|
3855
|
-
function LazyCodeDiffEditor(props) {
|
|
3856
|
-
return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(EditorSkeleton, {}), children: /* @__PURE__ */ jsx(CodeDiffEditorInternal, { ...props }) });
|
|
3857
|
-
}
|
|
3858
|
-
var RichTextEditorInternal = lazy(
|
|
3859
|
-
() => import('./rich-text-editor-JUERRDHQ.js').then((m) => ({ default: m.RichTextEditor }))
|
|
3860
|
-
);
|
|
3861
|
-
function EditorSkeleton2() {
|
|
3862
|
-
return /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full min-h-[100px]" });
|
|
3863
|
-
}
|
|
3864
|
-
function LazyRichTextEditor(props) {
|
|
3865
|
-
return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(EditorSkeleton2, {}), children: /* @__PURE__ */ jsx(RichTextEditorInternal, { ...props }) });
|
|
3866
|
-
}
|
|
3867
4254
|
|
|
3868
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox,
|
|
4255
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppleIcon, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FacebookIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GithubIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, Label3 as Label, LocaleProvider, LoginForm, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MicrosoftIcon, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NextButton, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PreviousButton, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TranslationProvider, appleIconVariants, badgeVariants, buttonGroupVariants, facebookIconVariants, githubIconVariants, googleIconVariants, microsoftIconVariants, navigationMenuTriggerStyle, useFormField, useSidebar };
|
|
3869
4256
|
//# sourceMappingURL=index.js.map
|
|
3870
4257
|
//# sourceMappingURL=index.js.map
|