@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.
Files changed (46) hide show
  1. package/dist/{Beams-sX-ed8H5.js → Beams-CS3YOY03.js} +40 -27
  2. package/dist/Dots-ZOcduxeG.js +164 -0
  3. package/dist/Gradient-cEvo0m5K.js +50 -0
  4. package/dist/Grid-IxhqSV77.js +191 -0
  5. package/dist/{Waves-CCDZf3yc.js → Waves-Dc0a0Nd8.js} +45 -33
  6. package/dist/components/ActionWrapper.d.ts +1 -1
  7. package/dist/components/LoginForm/ErrorDisplay.d.ts +8 -0
  8. package/dist/components/LoginForm/GoogleOAuth.d.ts +10 -0
  9. package/dist/components/LoginForm/index.d.ts +7 -0
  10. package/dist/components/LoginModal/index.d.ts +7 -0
  11. package/dist/components/accessCard/EntryCard/index.d.ts +11 -0
  12. package/dist/components/accessCard/LoginCard/index.d.ts +7 -0
  13. package/dist/components/accessCard/MessageCard/index.d.ts +8 -0
  14. package/dist/components/accessCard/MessageFooter/index.d.ts +3 -0
  15. package/dist/components/accessCard/card/index.d.ts +10 -0
  16. package/dist/components/shared/EmailInput/index.d.ts +10 -0
  17. package/dist/components/shared/OTPInput/index.d.ts +11 -0
  18. package/dist/components/ui/StatefulButton/index.d.ts +15 -0
  19. package/dist/contentEngine/themeUtils.d.ts +1 -1
  20. package/dist/context/ModalManager.d.ts +21 -0
  21. package/dist/core/AccessManager/index.d.ts +7 -0
  22. package/dist/elements/UserMenu.d.ts +8 -0
  23. package/dist/elements/dialog/index.d.ts +16 -0
  24. package/dist/elements/index.d.ts +1 -0
  25. package/dist/hooks/useLogin.d.ts +29 -0
  26. package/dist/{index-DXb2tXBX.js → index-CS6HcUVk.js} +3472 -2536
  27. package/dist/index.css +1 -1
  28. package/dist/index.js +73 -71
  29. package/dist/interfaces/contentSchema.d.ts +11 -9
  30. package/dist/interfaces/levoBlock.d.ts +1 -0
  31. package/dist/pixel/constants/borderRadius.d.ts +30 -0
  32. package/dist/pixel/constants/colorOptions.d.ts +30 -25
  33. package/dist/pixel/constants/fontSizeOptions.d.ts +5 -0
  34. package/dist/pixel/index.d.ts +1 -1
  35. package/dist/pixel/optionsMap.d.ts +5 -1
  36. package/dist/pixel/parserUtil.d.ts +15 -0
  37. package/dist/pixel/propertyMap.d.ts +1 -1
  38. package/dist/providers/AuthProvider.d.ts +8 -10
  39. package/dist/utils/index.d.ts +1 -1
  40. package/dist/utils/levoClient.d.ts +5 -0
  41. package/dist/utils/withBlockPropsUtils.d.ts +2 -1
  42. package/package.json +4 -2
  43. package/dist/Dots-CIprNvGi.js +0 -140
  44. package/dist/Gradient-DIn_uQLE.js +0 -42
  45. package/dist/Grid-DXjfqDT3.js +0 -162
  46. package/dist/utils/blocksLevoClient.d.ts +0 -5
@@ -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
- };
@@ -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
- };
@@ -1,5 +0,0 @@
1
- import { ILevoClient } from '@levo-so/core';
2
- declare let blocksLevoClient: ILevoClient | null;
3
- declare const setLevoClient: (client: ILevoClient) => void;
4
- export { blocksLevoClient, setLevoClient };
5
- //# sourceMappingURL=blocksLevoClient.d.ts.map