@levo-so/studio 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Beams-sX-ed8H5.js → Beams-CS3YOY03.js} +40 -27
- package/dist/Dots-ZOcduxeG.js +164 -0
- package/dist/Gradient-cEvo0m5K.js +50 -0
- package/dist/Grid-IxhqSV77.js +191 -0
- package/dist/{Waves-CCDZf3yc.js → Waves-Dc0a0Nd8.js} +45 -33
- package/dist/components/ActionWrapper.d.ts +1 -1
- package/dist/components/LoginForm/ErrorDisplay.d.ts +8 -0
- package/dist/components/LoginForm/GoogleOAuth.d.ts +10 -0
- package/dist/components/LoginForm/index.d.ts +7 -0
- package/dist/components/LoginModal/index.d.ts +7 -0
- package/dist/components/accessCard/EntryCard/index.d.ts +11 -0
- package/dist/components/accessCard/LoginCard/index.d.ts +7 -0
- package/dist/components/accessCard/MessageCard/index.d.ts +8 -0
- package/dist/components/accessCard/MessageFooter/index.d.ts +3 -0
- package/dist/components/accessCard/card/index.d.ts +10 -0
- package/dist/components/shared/EmailInput/index.d.ts +10 -0
- package/dist/components/shared/OTPInput/index.d.ts +11 -0
- package/dist/components/ui/StatefulButton/index.d.ts +15 -0
- package/dist/contentEngine/themeUtils.d.ts +1 -1
- package/dist/context/ModalManager.d.ts +21 -0
- package/dist/core/AccessManager/index.d.ts +7 -0
- package/dist/elements/UserMenu.d.ts +8 -0
- package/dist/elements/dialog/index.d.ts +16 -0
- package/dist/elements/index.d.ts +1 -0
- package/dist/hooks/useLogin.d.ts +29 -0
- package/dist/{index-DXb2tXBX.js → index-CS6HcUVk.js} +3472 -2536
- package/dist/index.css +1 -1
- package/dist/index.js +73 -71
- package/dist/interfaces/contentSchema.d.ts +11 -9
- package/dist/interfaces/levoBlock.d.ts +1 -0
- package/dist/pixel/constants/borderRadius.d.ts +30 -0
- package/dist/pixel/constants/colorOptions.d.ts +30 -25
- package/dist/pixel/constants/fontSizeOptions.d.ts +5 -0
- package/dist/pixel/index.d.ts +1 -1
- package/dist/pixel/optionsMap.d.ts +5 -1
- package/dist/pixel/parserUtil.d.ts +15 -0
- package/dist/pixel/propertyMap.d.ts +1 -1
- package/dist/providers/AuthProvider.d.ts +8 -10
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/levoClient.d.ts +5 -0
- package/dist/utils/withBlockPropsUtils.d.ts +2 -1
- package/package.json +4 -2
- package/dist/Dots-CIprNvGi.js +0 -140
- package/dist/Gradient-DIn_uQLE.js +0 -42
- package/dist/Grid-DXjfqDT3.js +0 -162
- package/dist/utils/blocksLevoClient.d.ts +0 -5
package/dist/Dots-CIprNvGi.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as a, jsxs as x } from "react/jsx-runtime";
|
|
3
|
-
import c from "react";
|
|
4
|
-
import { cn as o } from "@levo-so/react";
|
|
5
|
-
import { m as $ } from "./index-DXb2tXBX.js";
|
|
6
|
-
const M = c.memo(
|
|
7
|
-
({
|
|
8
|
-
className: l,
|
|
9
|
-
dotColor: i = "#00ff00",
|
|
10
|
-
dotSize: h = 2,
|
|
11
|
-
spacing: t = 30,
|
|
12
|
-
isAnimated: m = !1,
|
|
13
|
-
speed: d = 1
|
|
14
|
-
}) => {
|
|
15
|
-
const r = c.useMemo(
|
|
16
|
-
() => ({
|
|
17
|
-
cx: t / 2,
|
|
18
|
-
cy: t / 2,
|
|
19
|
-
r: h,
|
|
20
|
-
width: t,
|
|
21
|
-
height: t
|
|
22
|
-
}),
|
|
23
|
-
[t, h]
|
|
24
|
-
), u = c.useMemo(
|
|
25
|
-
() => `dots-pattern-${Math.random().toString(36).substr(2, 9)}`,
|
|
26
|
-
[]
|
|
27
|
-
), f = c.useMemo(() => {
|
|
28
|
-
if (!m) return [];
|
|
29
|
-
const e = [], y = Math.ceil(100 / (t / 10)), w = Math.ceil(100 / (t / 10));
|
|
30
|
-
for (let n = 0; n < y; n++)
|
|
31
|
-
for (let s = 0; s < w; s++)
|
|
32
|
-
e.push({
|
|
33
|
-
id: `${n}-${s}`,
|
|
34
|
-
x: s * t / 10 + Math.random() * 5,
|
|
35
|
-
y: n * t / 10 + Math.random() * 5,
|
|
36
|
-
delay: Math.random() * 3,
|
|
37
|
-
amplitude: 2 + Math.random() * 3
|
|
38
|
-
});
|
|
39
|
-
return e;
|
|
40
|
-
}, [m, t]);
|
|
41
|
-
return m ? /* @__PURE__ */ a(
|
|
42
|
-
"div",
|
|
43
|
-
{
|
|
44
|
-
className: o(
|
|
45
|
-
"absolute inset-0 flex h-full w-full items-center justify-center overflow-hidden",
|
|
46
|
-
"z-[-1]",
|
|
47
|
-
l
|
|
48
|
-
),
|
|
49
|
-
children: /* @__PURE__ */ a(
|
|
50
|
-
"svg",
|
|
51
|
-
{
|
|
52
|
-
className: "pointer-events-none absolute z-0 h-full w-full",
|
|
53
|
-
width: "100%",
|
|
54
|
-
height: "100%",
|
|
55
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
56
|
-
children: f.map((e) => /* @__PURE__ */ a(
|
|
57
|
-
$.circle,
|
|
58
|
-
{
|
|
59
|
-
cx: `${e.x}%`,
|
|
60
|
-
cy: `${e.y}%`,
|
|
61
|
-
r: h,
|
|
62
|
-
fill: i,
|
|
63
|
-
initial: { opacity: 0.3 },
|
|
64
|
-
animate: {
|
|
65
|
-
opacity: [0.3, 0.8, 0.3],
|
|
66
|
-
cx: [
|
|
67
|
-
`${e.x}%`,
|
|
68
|
-
`${e.x + e.amplitude}%`,
|
|
69
|
-
`${e.x - e.amplitude}%`,
|
|
70
|
-
`${e.x}%`
|
|
71
|
-
],
|
|
72
|
-
cy: [
|
|
73
|
-
`${e.y}%`,
|
|
74
|
-
`${e.y - e.amplitude}%`,
|
|
75
|
-
`${e.y + e.amplitude}%`,
|
|
76
|
-
`${e.y}%`
|
|
77
|
-
]
|
|
78
|
-
},
|
|
79
|
-
transition: {
|
|
80
|
-
duration: 8 / d,
|
|
81
|
-
repeat: 1 / 0,
|
|
82
|
-
ease: "easeInOut",
|
|
83
|
-
delay: e.delay
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
e.id
|
|
87
|
-
))
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
}
|
|
91
|
-
) : /* @__PURE__ */ a(
|
|
92
|
-
"div",
|
|
93
|
-
{
|
|
94
|
-
className: o(
|
|
95
|
-
"absolute inset-0 flex h-full w-full items-center justify-center",
|
|
96
|
-
"z-[-1]",
|
|
97
|
-
l
|
|
98
|
-
),
|
|
99
|
-
children: /* @__PURE__ */ x(
|
|
100
|
-
"svg",
|
|
101
|
-
{
|
|
102
|
-
className: "pointer-events-none absolute z-0 h-full w-full",
|
|
103
|
-
width: "100%",
|
|
104
|
-
height: "100%",
|
|
105
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
106
|
-
children: [
|
|
107
|
-
/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a(
|
|
108
|
-
"pattern",
|
|
109
|
-
{
|
|
110
|
-
id: u,
|
|
111
|
-
x: "0",
|
|
112
|
-
y: "0",
|
|
113
|
-
width: r.width,
|
|
114
|
-
height: r.height,
|
|
115
|
-
patternUnits: "userSpaceOnUse",
|
|
116
|
-
children: /* @__PURE__ */ a(
|
|
117
|
-
"circle",
|
|
118
|
-
{
|
|
119
|
-
cx: r.cx,
|
|
120
|
-
cy: r.cy,
|
|
121
|
-
r: r.r,
|
|
122
|
-
fill: i
|
|
123
|
-
}
|
|
124
|
-
)
|
|
125
|
-
}
|
|
126
|
-
) }),
|
|
127
|
-
/* @__PURE__ */ a("rect", { width: "100%", height: "100%", fill: `url(#${u})` })
|
|
128
|
-
]
|
|
129
|
-
}
|
|
130
|
-
)
|
|
131
|
-
}
|
|
132
|
-
);
|
|
133
|
-
},
|
|
134
|
-
// Custom comparison function for better memoization
|
|
135
|
-
(l, i) => l.className === i.className && l.dotColor === i.dotColor && l.dotSize === i.dotSize && l.spacing === i.spacing && l.isAnimated === i.isAnimated && l.speed === i.speed
|
|
136
|
-
);
|
|
137
|
-
M.displayName = "BackgroundDots";
|
|
138
|
-
export {
|
|
139
|
-
M as BackgroundDots
|
|
140
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import r from "react";
|
|
4
|
-
import { cn as o } from "@levo-so/react";
|
|
5
|
-
import { m as l } from "./index-DXb2tXBX.js";
|
|
6
|
-
const s = r.memo(
|
|
7
|
-
({
|
|
8
|
-
className: t,
|
|
9
|
-
fromColor: i = "#ff0000",
|
|
10
|
-
toColor: a = "#00ff00",
|
|
11
|
-
direction: n = "45deg"
|
|
12
|
-
}) => /* @__PURE__ */ e(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
className: o(
|
|
16
|
-
"absolute inset-0 flex h-full w-full items-center justify-center",
|
|
17
|
-
"z-[-1]",
|
|
18
|
-
t
|
|
19
|
-
),
|
|
20
|
-
children: /* @__PURE__ */ e(
|
|
21
|
-
l.div,
|
|
22
|
-
{
|
|
23
|
-
className: "absolute inset-0 h-full w-full",
|
|
24
|
-
style: {
|
|
25
|
-
background: `linear-gradient(${n}, ${i}, ${a})`
|
|
26
|
-
},
|
|
27
|
-
initial: { opacity: 0.8 },
|
|
28
|
-
animate: { opacity: [0.8, 0.9, 0.8] },
|
|
29
|
-
transition: {
|
|
30
|
-
duration: 4,
|
|
31
|
-
repeat: 1 / 0,
|
|
32
|
-
ease: "easeInOut"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
}
|
|
37
|
-
)
|
|
38
|
-
);
|
|
39
|
-
s.displayName = "BackgroundGradient";
|
|
40
|
-
export {
|
|
41
|
-
s as BackgroundGradient
|
|
42
|
-
};
|
package/dist/Grid-DXjfqDT3.js
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as r, jsxs as v } from "react/jsx-runtime";
|
|
3
|
-
import a from "react";
|
|
4
|
-
import { cn as f } from "@levo-so/react";
|
|
5
|
-
import { m as n } from "./index-DXb2tXBX.js";
|
|
6
|
-
const x = a.memo(
|
|
7
|
-
({
|
|
8
|
-
className: t,
|
|
9
|
-
lineColor: e = "#333333",
|
|
10
|
-
lineWidth: i = 1,
|
|
11
|
-
spacing: l = 50,
|
|
12
|
-
// Interactive mode props
|
|
13
|
-
isInteractive: w = !1,
|
|
14
|
-
hoverColor: s = "#93c5fd",
|
|
15
|
-
rows: d = 150,
|
|
16
|
-
cols: c = 100
|
|
17
|
-
}) => {
|
|
18
|
-
const y = a.useMemo(() => new Array(d).fill(1), [d]), $ = a.useMemo(() => new Array(c).fill(1), [c]), o = a.useMemo(
|
|
19
|
-
() => ({
|
|
20
|
-
rowStyle: {
|
|
21
|
-
height: `${l}px`,
|
|
22
|
-
width: `${l * 2}px`,
|
|
23
|
-
borderLeft: `${i}px solid ${e}`
|
|
24
|
-
},
|
|
25
|
-
colStyle: {
|
|
26
|
-
height: `${l}px`,
|
|
27
|
-
width: `${l * 2}px`,
|
|
28
|
-
borderTop: `${i}px solid ${e}`,
|
|
29
|
-
borderRight: `${i}px solid ${e}`
|
|
30
|
-
},
|
|
31
|
-
iconStyle: {
|
|
32
|
-
top: `${-l / 3.8}px`,
|
|
33
|
-
left: `${-l / 2.4}px`,
|
|
34
|
-
color: e
|
|
35
|
-
}
|
|
36
|
-
}),
|
|
37
|
-
[l, i, e]
|
|
38
|
-
), h = a.useMemo(
|
|
39
|
-
() => ({
|
|
40
|
-
hover: {
|
|
41
|
-
backgroundColor: s,
|
|
42
|
-
transition: { duration: 0 }
|
|
43
|
-
},
|
|
44
|
-
animate: {
|
|
45
|
-
transition: { duration: 2 }
|
|
46
|
-
}
|
|
47
|
-
}),
|
|
48
|
-
[s]
|
|
49
|
-
);
|
|
50
|
-
return w ? /* @__PURE__ */ r(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
className: f(
|
|
54
|
-
"absolute inset-0 flex h-full w-full items-center justify-center overflow-hidden",
|
|
55
|
-
"z-[-1]",
|
|
56
|
-
t
|
|
57
|
-
),
|
|
58
|
-
children: /* @__PURE__ */ r(
|
|
59
|
-
"div",
|
|
60
|
-
{
|
|
61
|
-
style: {
|
|
62
|
-
transform: "translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)"
|
|
63
|
-
},
|
|
64
|
-
className: "absolute -top-1/4 left-1/4 z-0 flex h-full w-full -translate-x-1/2 -translate-y-1/2 p-4",
|
|
65
|
-
children: y.map((g, m) => /* @__PURE__ */ r(
|
|
66
|
-
n.div,
|
|
67
|
-
{
|
|
68
|
-
className: "relative",
|
|
69
|
-
style: o.rowStyle,
|
|
70
|
-
children: $.map((k, u) => /* @__PURE__ */ r(
|
|
71
|
-
n.div,
|
|
72
|
-
{
|
|
73
|
-
whileHover: h.hover,
|
|
74
|
-
animate: h.animate,
|
|
75
|
-
className: "relative",
|
|
76
|
-
style: o.colStyle,
|
|
77
|
-
children: u % 2 === 0 && m % 2 === 0 ? /* @__PURE__ */ r(
|
|
78
|
-
"svg",
|
|
79
|
-
{
|
|
80
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
-
fill: "none",
|
|
82
|
-
viewBox: "0 0 24 24",
|
|
83
|
-
strokeWidth: "1.5",
|
|
84
|
-
stroke: "currentColor",
|
|
85
|
-
className: "pointer-events-none absolute h-6 w-10 stroke-[1px]",
|
|
86
|
-
style: o.iconStyle,
|
|
87
|
-
children: /* @__PURE__ */ r(
|
|
88
|
-
"path",
|
|
89
|
-
{
|
|
90
|
-
strokeLinecap: "round",
|
|
91
|
-
strokeLinejoin: "round",
|
|
92
|
-
d: "M12 6v12m6-6H6"
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
}
|
|
96
|
-
) : null
|
|
97
|
-
},
|
|
98
|
-
`col-${u}`
|
|
99
|
-
))
|
|
100
|
-
},
|
|
101
|
-
`row-${m}`
|
|
102
|
-
))
|
|
103
|
-
}
|
|
104
|
-
)
|
|
105
|
-
}
|
|
106
|
-
) : /* @__PURE__ */ r(
|
|
107
|
-
"div",
|
|
108
|
-
{
|
|
109
|
-
className: f(
|
|
110
|
-
"absolute inset-0 flex h-full w-full items-center justify-center",
|
|
111
|
-
"z-[-1]",
|
|
112
|
-
t
|
|
113
|
-
),
|
|
114
|
-
children: /* @__PURE__ */ v(
|
|
115
|
-
"svg",
|
|
116
|
-
{
|
|
117
|
-
className: "pointer-events-none absolute z-0 h-full w-full",
|
|
118
|
-
width: "100%",
|
|
119
|
-
height: "100%",
|
|
120
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
121
|
-
children: [
|
|
122
|
-
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r(
|
|
123
|
-
"pattern",
|
|
124
|
-
{
|
|
125
|
-
id: "grid-pattern",
|
|
126
|
-
x: "0",
|
|
127
|
-
y: "0",
|
|
128
|
-
width: l,
|
|
129
|
-
height: l,
|
|
130
|
-
patternUnits: "userSpaceOnUse",
|
|
131
|
-
children: /* @__PURE__ */ r(
|
|
132
|
-
n.path,
|
|
133
|
-
{
|
|
134
|
-
d: `M ${l} 0 L 0 0 0 ${l}`,
|
|
135
|
-
fill: "none",
|
|
136
|
-
stroke: e,
|
|
137
|
-
strokeWidth: i,
|
|
138
|
-
initial: { opacity: 0.2 },
|
|
139
|
-
animate: { opacity: [0.2, 0.5, 0.2] },
|
|
140
|
-
transition: {
|
|
141
|
-
duration: 3,
|
|
142
|
-
repeat: 1 / 0,
|
|
143
|
-
ease: "easeInOut"
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
)
|
|
147
|
-
}
|
|
148
|
-
) }),
|
|
149
|
-
/* @__PURE__ */ r("rect", { width: "100%", height: "100%", fill: "url(#grid-pattern)" })
|
|
150
|
-
]
|
|
151
|
-
}
|
|
152
|
-
)
|
|
153
|
-
}
|
|
154
|
-
);
|
|
155
|
-
},
|
|
156
|
-
// Custom comparison function for better memoization
|
|
157
|
-
(t, e) => t.className === e.className && t.lineColor === e.lineColor && t.lineWidth === e.lineWidth && t.spacing === e.spacing && t.isInteractive === e.isInteractive && t.hoverColor === e.hoverColor && t.rows === e.rows && t.cols === e.cols
|
|
158
|
-
);
|
|
159
|
-
x.displayName = "BackgroundGrid";
|
|
160
|
-
export {
|
|
161
|
-
x as BackgroundGrid
|
|
162
|
-
};
|