@bccampus/ui-components 0.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/README.md +69 -0
- package/components.json +22 -0
- package/dist/@bccampus-ui-components-0.1.0.tgz +0 -0
- package/dist/button.d.ts +16 -0
- package/dist/button.js +36 -0
- package/dist/caption.d.ts +13 -0
- package/dist/caption.js +27 -0
- package/dist/card.d.ts +40 -0
- package/dist/card.js +130 -0
- package/dist/horizontal-list.d.ts +9 -0
- package/dist/horizontal-list.js +145 -0
- package/dist/icon-generator.d.ts +50 -0
- package/dist/icon-generator.js +270 -0
- package/dist/index-DcqAdr0d.js +102 -0
- package/dist/jsx-runtime-BzflLqGi.js +282 -0
- package/dist/masked-image-generator.d.ts +57 -0
- package/dist/masked-image-generator.js +29 -0
- package/dist/mockServiceWorker.js +348 -0
- package/dist/tag.d.ts +16 -0
- package/dist/tag.js +32 -0
- package/dist/ui-components.d.ts +132 -0
- package/dist/ui-components.js +29 -0
- package/dist/utils-CRiPKpXj.js +2743 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +4 -0
- package/eslint.config.js +31 -0
- package/index.html +13 -0
- package/package.json +85 -0
- package/public/mockServiceWorker.js +348 -0
- package/src/App.tsx +14 -0
- package/src/assets/icons/icon_01.svg +6 -0
- package/src/assets/icons/icon_02.svg +6 -0
- package/src/assets/icons/icon_03.svg +6 -0
- package/src/assets/icons/icon_04.svg +6 -0
- package/src/assets/icons/icon_05.svg +4 -0
- package/src/assets/icons/icon_06.svg +4 -0
- package/src/assets/images/bg_pattern_01.png +0 -0
- package/src/assets/images/bg_pattern_02.png +0 -0
- package/src/assets/images/bg_pattern_03.png +0 -0
- package/src/assets/images/bg_pattern_04.png +0 -0
- package/src/assets/images/image_01.jpg +0 -0
- package/src/assets/images/image_02.jpg +0 -0
- package/src/assets/images/image_03.webp +0 -0
- package/src/assets/images/image_04.png +0 -0
- package/src/assets/images/image_05.jpg +0 -0
- package/src/components/ui/button.tsx +47 -0
- package/src/components/ui/card.tsx +147 -0
- package/src/components/ui/horizontal-list.tsx +50 -0
- package/src/components/ui/icon-generator/generate-tiles.tsx +243 -0
- package/src/components/ui/icon-generator/icon-generator.tsx +51 -0
- package/src/components/ui/icon-generator/masked-image-generator.tsx +38 -0
- package/src/components/ui/icon-generator/types.ts +53 -0
- package/src/components/ui/index.ts +7 -0
- package/src/components/ui/tag.tsx +39 -0
- package/src/components/ui/typography/caption.tsx +32 -0
- package/src/lib/utils.ts +6 -0
- package/src/main.tsx +12 -0
- package/src/styles/all.css +4 -0
- package/src/styles/colors.css +106 -0
- package/src/styles/fonts.css +9 -0
- package/src/styles/index.css +7 -0
- package/src/styles/theme.css +126 -0
- package/src/styles/typography.css +479 -0
- package/src/vite-env.d.ts +1 -0
- package/tsconfig.app.json +38 -0
- package/tsconfig.json +19 -0
- package/tsconfig.node.json +25 -0
- package/vite.config.ts +44 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
import { j as h } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
+
import { useMemo as x } from "react";
|
|
3
|
+
import { c as n } from "./utils-CRiPKpXj.js";
|
|
4
|
+
const r = {
|
|
5
|
+
Blank: 0,
|
|
6
|
+
Rand: 1,
|
|
7
|
+
Mosaic: 2,
|
|
8
|
+
MosaicCircle: 3,
|
|
9
|
+
MosaicDiamond: 4,
|
|
10
|
+
Square: 6,
|
|
11
|
+
Circle: 7,
|
|
12
|
+
Diamond: 8,
|
|
13
|
+
Hexagon: 9,
|
|
14
|
+
RandBasic: 10,
|
|
15
|
+
TriangleSE: 11,
|
|
16
|
+
TriangleSW: 12,
|
|
17
|
+
TriangleNW: 13,
|
|
18
|
+
TriangleNE: 14,
|
|
19
|
+
TriangleRand: 15,
|
|
20
|
+
CaretN: 16,
|
|
21
|
+
CaretE: 17,
|
|
22
|
+
CaretS: 18,
|
|
23
|
+
CaretW: 19,
|
|
24
|
+
CaretRand: 20,
|
|
25
|
+
PieSE: 21,
|
|
26
|
+
PieSW: 22,
|
|
27
|
+
PieNW: 23,
|
|
28
|
+
PieNE: 24,
|
|
29
|
+
PieRand: 25
|
|
30
|
+
}, L = [
|
|
31
|
+
r.Square,
|
|
32
|
+
r.Circle,
|
|
33
|
+
r.Diamond,
|
|
34
|
+
r.Hexagon,
|
|
35
|
+
r.TriangleSE,
|
|
36
|
+
r.TriangleSW,
|
|
37
|
+
r.TriangleNW,
|
|
38
|
+
r.TriangleNE,
|
|
39
|
+
r.PieSE,
|
|
40
|
+
r.PieSW,
|
|
41
|
+
r.PieNW,
|
|
42
|
+
r.PieNE
|
|
43
|
+
], N = {
|
|
44
|
+
[r.Blank]: () => null,
|
|
45
|
+
[r.Rand]: (c, $, a, s) => N[L[Math.floor(Math.random() * L.length)]](c, $, a, s),
|
|
46
|
+
[r.Mosaic]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Square](c, $, a, s),
|
|
47
|
+
[r.MosaicCircle]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Circle](c, $, a, s),
|
|
48
|
+
[r.MosaicDiamond]: (c, $, a, s) => N[Math.random() > 0.8 ? r.Blank : r.Diamond](c, $, a, s),
|
|
49
|
+
[r.Square]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
50
|
+
"rect",
|
|
51
|
+
{
|
|
52
|
+
x: a * c,
|
|
53
|
+
y: a * $,
|
|
54
|
+
width: a * s.scale,
|
|
55
|
+
height: a * s.scale,
|
|
56
|
+
className: n("fill-current stroke-none", s?.className)
|
|
57
|
+
},
|
|
58
|
+
`tile-${c}-${$}`
|
|
59
|
+
),
|
|
60
|
+
[r.Circle]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
61
|
+
"circle",
|
|
62
|
+
{
|
|
63
|
+
cx: a * (c + 0.5 * s.scale),
|
|
64
|
+
cy: a * ($ + 0.5 * s.scale),
|
|
65
|
+
r: a / 2 * s.scale,
|
|
66
|
+
className: n("fill-current stroke-none", s?.className)
|
|
67
|
+
},
|
|
68
|
+
`tile-${c}-${$}`
|
|
69
|
+
),
|
|
70
|
+
[r.Diamond]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
71
|
+
"path",
|
|
72
|
+
{
|
|
73
|
+
d: `M ${a * (c + 0.5 * s.scale)} ${a * $}
|
|
74
|
+
L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)}
|
|
75
|
+
L ${a * (c + 0.5 * s.scale)} ${a * ($ + s.scale)}
|
|
76
|
+
L ${a * c} ${a * ($ + 0.5 * s.scale)} Z`,
|
|
77
|
+
className: n("fill-current stroke-none", s?.className)
|
|
78
|
+
},
|
|
79
|
+
`tile-${c}-${$}`
|
|
80
|
+
),
|
|
81
|
+
[r.Hexagon]: (c, $, a, s) => {
|
|
82
|
+
const M = a / Math.sqrt(3), m = (a - M) / 2;
|
|
83
|
+
return /* @__PURE__ */ h.jsx(
|
|
84
|
+
"path",
|
|
85
|
+
{
|
|
86
|
+
rotate: 45,
|
|
87
|
+
d: `M ${a * c + m * s.scale} ${a * $}
|
|
88
|
+
L ${a * c + (m + M) * s.scale} ${a * $}
|
|
89
|
+
L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)}
|
|
90
|
+
L ${a * c + (m + M) * s.scale} ${a * ($ + s.scale)}
|
|
91
|
+
L ${a * c + m * s.scale} ${a * ($ + s.scale)}
|
|
92
|
+
L ${a * c} ${a * ($ + 0.5 * s.scale)} Z`,
|
|
93
|
+
className: n("fill-current stroke-none", s?.className)
|
|
94
|
+
},
|
|
95
|
+
`tile-${c}-${$}`
|
|
96
|
+
);
|
|
97
|
+
},
|
|
98
|
+
[r.RandBasic]: (c, $, a, s) => N[r.Square + Math.floor(Math.random() * 4)](c, $, a, s),
|
|
99
|
+
[r.TriangleSE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
100
|
+
"path",
|
|
101
|
+
{
|
|
102
|
+
d: `M ${a * (c + s.scale)} ${a * $}
|
|
103
|
+
L ${a * c} ${a * ($ + s.scale)}
|
|
104
|
+
L ${a * (c + s.scale)} ${a * ($ + s.scale)} Z`,
|
|
105
|
+
className: n("fill-current stroke-none", s?.className)
|
|
106
|
+
},
|
|
107
|
+
`tile-${c}-${$}`
|
|
108
|
+
),
|
|
109
|
+
[r.TriangleSW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
110
|
+
"path",
|
|
111
|
+
{
|
|
112
|
+
d: `M ${a * c} ${a * $}
|
|
113
|
+
L ${a * (c + s.scale)} ${a * ($ + s.scale)}
|
|
114
|
+
L ${a * c} ${a * ($ + s.scale)} Z`,
|
|
115
|
+
className: n("fill-current stroke-none", s?.className)
|
|
116
|
+
},
|
|
117
|
+
`tile-${c}-${$}`
|
|
118
|
+
),
|
|
119
|
+
[r.TriangleNW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
120
|
+
"path",
|
|
121
|
+
{
|
|
122
|
+
d: `M ${a * (c + s.scale)} ${a * $}
|
|
123
|
+
L ${a * c} ${a * ($ + s.scale)}
|
|
124
|
+
L ${a * c} ${a * $} Z`,
|
|
125
|
+
className: n("fill-current stroke-none", s?.className)
|
|
126
|
+
},
|
|
127
|
+
`tile-${c}-${$}`
|
|
128
|
+
),
|
|
129
|
+
[r.TriangleNE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
130
|
+
"path",
|
|
131
|
+
{
|
|
132
|
+
d: `M ${a * c} ${a * $}
|
|
133
|
+
L ${a * (c + s.scale)} ${a * ($ + s.scale)}
|
|
134
|
+
L ${a * (c + s.scale)} ${a * $} Z`,
|
|
135
|
+
className: n("fill-current stroke-none", s?.className)
|
|
136
|
+
},
|
|
137
|
+
`tile-${c}-${$}`
|
|
138
|
+
),
|
|
139
|
+
[r.TriangleRand]: (c, $, a, s) => N[r.TriangleSE + Math.floor(Math.random() * 4)](
|
|
140
|
+
c,
|
|
141
|
+
$,
|
|
142
|
+
a,
|
|
143
|
+
s
|
|
144
|
+
),
|
|
145
|
+
[r.CaretN]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
146
|
+
"path",
|
|
147
|
+
{
|
|
148
|
+
d: `M ${a * c} ${a * ($ + s.scale)}
|
|
149
|
+
L ${a * (c + s.scale)} ${a * ($ + s.scale)}
|
|
150
|
+
L ${a * (c + 0.5 * s.scale)} ${a * $} Z`,
|
|
151
|
+
className: n("fill-current stroke-none", s?.className)
|
|
152
|
+
},
|
|
153
|
+
`tile-${c}-${$}`
|
|
154
|
+
),
|
|
155
|
+
[r.CaretE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
156
|
+
"path",
|
|
157
|
+
{
|
|
158
|
+
d: `M ${a * c} ${a * $}
|
|
159
|
+
L ${a * (c + s.scale)} ${a * ($ + 0.5 * s.scale)}
|
|
160
|
+
L ${a * c} ${a * ($ + s.scale)} Z`,
|
|
161
|
+
className: n("fill-current stroke-none", s?.className)
|
|
162
|
+
},
|
|
163
|
+
`tile-${c}-${$}`
|
|
164
|
+
),
|
|
165
|
+
[r.CaretS]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
166
|
+
"path",
|
|
167
|
+
{
|
|
168
|
+
d: `M ${a * c} ${a * $}
|
|
169
|
+
L ${a * (c + s.scale)} ${a * $}
|
|
170
|
+
L ${a * (c + 0.5 * s.scale)} ${a * ($ + s.scale)} Z`,
|
|
171
|
+
className: n("fill-current stroke-none", s?.className)
|
|
172
|
+
},
|
|
173
|
+
`tile-${c}-${$}`
|
|
174
|
+
),
|
|
175
|
+
[r.CaretW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
176
|
+
"path",
|
|
177
|
+
{
|
|
178
|
+
d: `M ${a * (c + s.scale)} ${a * $}
|
|
179
|
+
L ${a * c} ${a * ($ + 0.5 * s.scale)}
|
|
180
|
+
L ${a * (c + s.scale)} ${a * ($ + s.scale)} Z`,
|
|
181
|
+
className: n("fill-current stroke-none", s?.className)
|
|
182
|
+
},
|
|
183
|
+
`tile-${c}-${$}`
|
|
184
|
+
),
|
|
185
|
+
[r.CaretRand]: (c, $, a, s) => N[r.CaretN + Math.floor(Math.random() * 4)](c, $, a, s),
|
|
186
|
+
[r.PieSE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
187
|
+
"path",
|
|
188
|
+
{
|
|
189
|
+
d: `M ${a * s.scale + a * c} ${a * $}
|
|
190
|
+
A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * s.scale + a * $}
|
|
191
|
+
L ${a * s.scale + a * c} ${a * s.scale + a * $} Z`,
|
|
192
|
+
className: n("fill-current stroke-none", s?.className)
|
|
193
|
+
},
|
|
194
|
+
`tile-${c}-${$}`
|
|
195
|
+
),
|
|
196
|
+
[r.PieSW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
197
|
+
"path",
|
|
198
|
+
{
|
|
199
|
+
d: `M ${a * s.scale + a * c} ${a * s.scale + a * $}
|
|
200
|
+
A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * c} ${a * $}
|
|
201
|
+
L ${a * c} ${a * s.scale + a * $} Z`,
|
|
202
|
+
className: n("fill-current stroke-none", s?.className)
|
|
203
|
+
},
|
|
204
|
+
`tile-${c}-${$}`
|
|
205
|
+
),
|
|
206
|
+
[r.PieNW]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
207
|
+
"path",
|
|
208
|
+
{
|
|
209
|
+
d: `M ${a * c} ${a * s.scale + a * $}
|
|
210
|
+
A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * $}
|
|
211
|
+
L ${a * c} ${a * $} Z`,
|
|
212
|
+
className: n("fill-current stroke-none", s?.className)
|
|
213
|
+
},
|
|
214
|
+
`tile-${c}-${$}`
|
|
215
|
+
),
|
|
216
|
+
[r.PieNE]: (c, $, a, s) => /* @__PURE__ */ h.jsx(
|
|
217
|
+
"path",
|
|
218
|
+
{
|
|
219
|
+
d: `M ${a * c} ${a * $}
|
|
220
|
+
A ${a * s.scale} ${a * s.scale}, 0, 0, 0, ${a * s.scale + a * c} ${a * s.scale + a * $}
|
|
221
|
+
L ${a * s.scale + a * c} ${a * $} Z`,
|
|
222
|
+
className: n("fill-current stroke-none", s?.className)
|
|
223
|
+
},
|
|
224
|
+
`tile-${c}-${$}`
|
|
225
|
+
),
|
|
226
|
+
[r.PieRand]: (c, $, a, s) => N[r.PieSE + Math.floor(Math.random() * 4)](c, $, a, s)
|
|
227
|
+
}, p = (c, $, a) => c.map(
|
|
228
|
+
(s, M) => s.map((m, d) => {
|
|
229
|
+
const o = typeof m == "object" ? { className: n(a, m.className), scale: m.scale ?? 1, shape: m.shape } : { className: a, scale: 1, shape: m };
|
|
230
|
+
return N[o.shape](d, M, $, o);
|
|
231
|
+
})
|
|
232
|
+
).flat(), j = [
|
|
233
|
+
[r.PieRand, r.PieRand],
|
|
234
|
+
[r.PieRand, r.PieRand]
|
|
235
|
+
];
|
|
236
|
+
function R({
|
|
237
|
+
pattern: c = j,
|
|
238
|
+
tileSize: $ = 64,
|
|
239
|
+
tileClassName: a,
|
|
240
|
+
tileBgClassName: s,
|
|
241
|
+
renderChildren: M,
|
|
242
|
+
...m
|
|
243
|
+
}) {
|
|
244
|
+
const d = x(
|
|
245
|
+
() => ({
|
|
246
|
+
width: c.reduce((u, k) => Math.max(u, k.length), 0) * $,
|
|
247
|
+
height: c.length * $
|
|
248
|
+
}),
|
|
249
|
+
[c, $]
|
|
250
|
+
), o = x(() => {
|
|
251
|
+
const u = p(c, $, a);
|
|
252
|
+
return s && u.unshift(
|
|
253
|
+
/* @__PURE__ */ h.jsx(
|
|
254
|
+
"rect",
|
|
255
|
+
{
|
|
256
|
+
x: 0,
|
|
257
|
+
y: 0,
|
|
258
|
+
width: d.width,
|
|
259
|
+
height: d.height,
|
|
260
|
+
className: n("fill-black stroke-2 stroke-black", s)
|
|
261
|
+
},
|
|
262
|
+
"svg-mask-invert"
|
|
263
|
+
)
|
|
264
|
+
), u;
|
|
265
|
+
}, [c, d, a, s, $]);
|
|
266
|
+
return /* @__PURE__ */ h.jsx("svg", { width: d.width, height: d.height, viewBox: `0 0 ${d.width} ${d.height}`, overflow: "visible", ...m, children: M ? M(o, d.width, d.height) : o });
|
|
267
|
+
}
|
|
268
|
+
export {
|
|
269
|
+
R as IconGenerator
|
|
270
|
+
};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import * as s from "react";
|
|
2
|
+
import { j as p } from "./jsx-runtime-BzflLqGi.js";
|
|
3
|
+
import { a as R } from "./utils-CRiPKpXj.js";
|
|
4
|
+
function C(n, t) {
|
|
5
|
+
if (typeof n == "function")
|
|
6
|
+
return n(t);
|
|
7
|
+
n != null && (n.current = t);
|
|
8
|
+
}
|
|
9
|
+
function g(...n) {
|
|
10
|
+
return (t) => {
|
|
11
|
+
let e = !1;
|
|
12
|
+
const l = n.map((r) => {
|
|
13
|
+
const o = C(r, t);
|
|
14
|
+
return !e && typeof o == "function" && (e = !0), o;
|
|
15
|
+
});
|
|
16
|
+
if (e)
|
|
17
|
+
return () => {
|
|
18
|
+
for (let r = 0; r < l.length; r++) {
|
|
19
|
+
const o = l[r];
|
|
20
|
+
typeof o == "function" ? o() : C(n[r], null);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
// @__NO_SIDE_EFFECTS__
|
|
26
|
+
function j(n) {
|
|
27
|
+
const t = /* @__PURE__ */ x(n), e = s.forwardRef((l, r) => {
|
|
28
|
+
const { children: o, ...u } = l, a = s.Children.toArray(o), f = a.find(b);
|
|
29
|
+
if (f) {
|
|
30
|
+
const i = f.props.children, c = a.map((d) => d === f ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
|
|
31
|
+
return /* @__PURE__ */ p.jsx(t, { ...u, ref: r, children: s.isValidElement(i) ? s.cloneElement(i, void 0, c) : null });
|
|
32
|
+
}
|
|
33
|
+
return /* @__PURE__ */ p.jsx(t, { ...u, ref: r, children: o });
|
|
34
|
+
});
|
|
35
|
+
return e.displayName = `${n}.Slot`, e;
|
|
36
|
+
}
|
|
37
|
+
var W = /* @__PURE__ */ j("Slot");
|
|
38
|
+
// @__NO_SIDE_EFFECTS__
|
|
39
|
+
function x(n) {
|
|
40
|
+
const t = s.forwardRef((e, l) => {
|
|
41
|
+
const { children: r, ...o } = e;
|
|
42
|
+
if (s.isValidElement(r)) {
|
|
43
|
+
const u = P(r), a = O(o, r.props);
|
|
44
|
+
return r.type !== s.Fragment && (a.ref = l ? g(l, u) : u), s.cloneElement(r, a);
|
|
45
|
+
}
|
|
46
|
+
return s.Children.count(r) > 1 ? s.Children.only(null) : null;
|
|
47
|
+
});
|
|
48
|
+
return t.displayName = `${n}.SlotClone`, t;
|
|
49
|
+
}
|
|
50
|
+
var N = Symbol("radix.slottable");
|
|
51
|
+
function b(n) {
|
|
52
|
+
return s.isValidElement(n) && typeof n.type == "function" && "__radixId" in n.type && n.type.__radixId === N;
|
|
53
|
+
}
|
|
54
|
+
function O(n, t) {
|
|
55
|
+
const e = { ...t };
|
|
56
|
+
for (const l in t) {
|
|
57
|
+
const r = n[l], o = t[l];
|
|
58
|
+
/^on[A-Z]/.test(l) ? r && o ? e[l] = (...a) => {
|
|
59
|
+
const f = o(...a);
|
|
60
|
+
return r(...a), f;
|
|
61
|
+
} : r && (e[l] = r) : l === "style" ? e[l] = { ...r, ...o } : l === "className" && (e[l] = [r, o].filter(Boolean).join(" "));
|
|
62
|
+
}
|
|
63
|
+
return { ...n, ...e };
|
|
64
|
+
}
|
|
65
|
+
function P(n) {
|
|
66
|
+
let t = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, e = t && "isReactWarning" in t && t.isReactWarning;
|
|
67
|
+
return e ? n.ref : (t = Object.getOwnPropertyDescriptor(n, "ref")?.get, e = t && "isReactWarning" in t && t.isReactWarning, e ? n.props.ref : n.props.ref || n.ref);
|
|
68
|
+
}
|
|
69
|
+
const S = (n) => typeof n == "boolean" ? `${n}` : n === 0 ? "0" : n, V = R, I = (n, t) => (e) => {
|
|
70
|
+
var l;
|
|
71
|
+
if (t?.variants == null) return V(n, e?.class, e?.className);
|
|
72
|
+
const { variants: r, defaultVariants: o } = t, u = Object.keys(r).map((i) => {
|
|
73
|
+
const c = e?.[i], d = o?.[i];
|
|
74
|
+
if (c === null) return null;
|
|
75
|
+
const m = S(c) || S(d);
|
|
76
|
+
return r[i][m];
|
|
77
|
+
}), a = e && Object.entries(e).reduce((i, c) => {
|
|
78
|
+
let [d, m] = c;
|
|
79
|
+
return m === void 0 || (i[d] = m), i;
|
|
80
|
+
}, {}), f = t == null || (l = t.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((i, c) => {
|
|
81
|
+
let { class: d, className: m, ...E } = c;
|
|
82
|
+
return Object.entries(E).every((h) => {
|
|
83
|
+
let [y, v] = h;
|
|
84
|
+
return Array.isArray(v) ? v.includes({
|
|
85
|
+
...o,
|
|
86
|
+
...a
|
|
87
|
+
}[y]) : {
|
|
88
|
+
...o,
|
|
89
|
+
...a
|
|
90
|
+
}[y] === v;
|
|
91
|
+
}) ? [
|
|
92
|
+
...i,
|
|
93
|
+
d,
|
|
94
|
+
m
|
|
95
|
+
] : i;
|
|
96
|
+
}, []);
|
|
97
|
+
return V(n, u, f, e?.class, e?.className);
|
|
98
|
+
};
|
|
99
|
+
export {
|
|
100
|
+
W as S,
|
|
101
|
+
I as c
|
|
102
|
+
};
|
|
@@ -0,0 +1,282 @@
|
|
|
1
|
+
import K from "react";
|
|
2
|
+
var v = { exports: {} }, m = {};
|
|
3
|
+
/**
|
|
4
|
+
* @license React
|
|
5
|
+
* react-jsx-runtime.production.js
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the MIT license found in the
|
|
10
|
+
* LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
var I;
|
|
13
|
+
function ee() {
|
|
14
|
+
if (I) return m;
|
|
15
|
+
I = 1;
|
|
16
|
+
var l = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
|
|
17
|
+
function c(i, o, s) {
|
|
18
|
+
var f = null;
|
|
19
|
+
if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
|
|
20
|
+
s = {};
|
|
21
|
+
for (var d in o)
|
|
22
|
+
d !== "key" && (s[d] = o[d]);
|
|
23
|
+
} else s = o;
|
|
24
|
+
return o = s.ref, {
|
|
25
|
+
$$typeof: l,
|
|
26
|
+
type: i,
|
|
27
|
+
key: f,
|
|
28
|
+
ref: o !== void 0 ? o : null,
|
|
29
|
+
props: s
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
return m.Fragment = E, m.jsx = c, m.jsxs = c, m;
|
|
33
|
+
}
|
|
34
|
+
var _ = {};
|
|
35
|
+
/**
|
|
36
|
+
* @license React
|
|
37
|
+
* react-jsx-runtime.development.js
|
|
38
|
+
*
|
|
39
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
40
|
+
*
|
|
41
|
+
* This source code is licensed under the MIT license found in the
|
|
42
|
+
* LICENSE file in the root directory of this source tree.
|
|
43
|
+
*/
|
|
44
|
+
var $;
|
|
45
|
+
function re() {
|
|
46
|
+
return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
47
|
+
function l(e) {
|
|
48
|
+
if (e == null) return null;
|
|
49
|
+
if (typeof e == "function")
|
|
50
|
+
return e.$$typeof === H ? null : e.displayName || e.name || null;
|
|
51
|
+
if (typeof e == "string") return e;
|
|
52
|
+
switch (e) {
|
|
53
|
+
case p:
|
|
54
|
+
return "Fragment";
|
|
55
|
+
case U:
|
|
56
|
+
return "Profiler";
|
|
57
|
+
case W:
|
|
58
|
+
return "StrictMode";
|
|
59
|
+
case z:
|
|
60
|
+
return "Suspense";
|
|
61
|
+
case G:
|
|
62
|
+
return "SuspenseList";
|
|
63
|
+
case B:
|
|
64
|
+
return "Activity";
|
|
65
|
+
}
|
|
66
|
+
if (typeof e == "object")
|
|
67
|
+
switch (typeof e.tag == "number" && console.error(
|
|
68
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
69
|
+
), e.$$typeof) {
|
|
70
|
+
case M:
|
|
71
|
+
return "Portal";
|
|
72
|
+
case V:
|
|
73
|
+
return e.displayName || "Context";
|
|
74
|
+
case J:
|
|
75
|
+
return (e._context.displayName || "Context") + ".Consumer";
|
|
76
|
+
case q:
|
|
77
|
+
var r = e.render;
|
|
78
|
+
return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
|
|
79
|
+
case X:
|
|
80
|
+
return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
|
|
81
|
+
case T:
|
|
82
|
+
r = e._payload, e = e._init;
|
|
83
|
+
try {
|
|
84
|
+
return l(e(r));
|
|
85
|
+
} catch {
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
return null;
|
|
89
|
+
}
|
|
90
|
+
function E(e) {
|
|
91
|
+
return "" + e;
|
|
92
|
+
}
|
|
93
|
+
function c(e) {
|
|
94
|
+
try {
|
|
95
|
+
E(e);
|
|
96
|
+
var r = !1;
|
|
97
|
+
} catch {
|
|
98
|
+
r = !0;
|
|
99
|
+
}
|
|
100
|
+
if (r) {
|
|
101
|
+
r = console;
|
|
102
|
+
var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
103
|
+
return t.call(
|
|
104
|
+
r,
|
|
105
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
106
|
+
n
|
|
107
|
+
), E(e);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
function i(e) {
|
|
111
|
+
if (e === p) return "<>";
|
|
112
|
+
if (typeof e == "object" && e !== null && e.$$typeof === T)
|
|
113
|
+
return "<...>";
|
|
114
|
+
try {
|
|
115
|
+
var r = l(e);
|
|
116
|
+
return r ? "<" + r + ">" : "<...>";
|
|
117
|
+
} catch {
|
|
118
|
+
return "<...>";
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
function o() {
|
|
122
|
+
var e = k.A;
|
|
123
|
+
return e === null ? null : e.getOwner();
|
|
124
|
+
}
|
|
125
|
+
function s() {
|
|
126
|
+
return Error("react-stack-top-frame");
|
|
127
|
+
}
|
|
128
|
+
function f(e) {
|
|
129
|
+
if (x.call(e, "key")) {
|
|
130
|
+
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
131
|
+
if (r && r.isReactWarning) return !1;
|
|
132
|
+
}
|
|
133
|
+
return e.key !== void 0;
|
|
134
|
+
}
|
|
135
|
+
function d(e, r) {
|
|
136
|
+
function t() {
|
|
137
|
+
g || (g = !0, console.error(
|
|
138
|
+
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
139
|
+
r
|
|
140
|
+
));
|
|
141
|
+
}
|
|
142
|
+
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
143
|
+
get: t,
|
|
144
|
+
configurable: !0
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
function D() {
|
|
148
|
+
var e = l(this.type);
|
|
149
|
+
return h[e] || (h[e] = !0, console.error(
|
|
150
|
+
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
151
|
+
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
152
|
+
}
|
|
153
|
+
function L(e, r, t, n, b, A) {
|
|
154
|
+
var a = t.ref;
|
|
155
|
+
return e = {
|
|
156
|
+
$$typeof: j,
|
|
157
|
+
type: e,
|
|
158
|
+
key: r,
|
|
159
|
+
props: t,
|
|
160
|
+
_owner: n
|
|
161
|
+
}, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
|
|
162
|
+
enumerable: !1,
|
|
163
|
+
get: D
|
|
164
|
+
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
165
|
+
configurable: !1,
|
|
166
|
+
enumerable: !1,
|
|
167
|
+
writable: !0,
|
|
168
|
+
value: 0
|
|
169
|
+
}), Object.defineProperty(e, "_debugInfo", {
|
|
170
|
+
configurable: !1,
|
|
171
|
+
enumerable: !1,
|
|
172
|
+
writable: !0,
|
|
173
|
+
value: null
|
|
174
|
+
}), Object.defineProperty(e, "_debugStack", {
|
|
175
|
+
configurable: !1,
|
|
176
|
+
enumerable: !1,
|
|
177
|
+
writable: !0,
|
|
178
|
+
value: b
|
|
179
|
+
}), Object.defineProperty(e, "_debugTask", {
|
|
180
|
+
configurable: !1,
|
|
181
|
+
enumerable: !1,
|
|
182
|
+
writable: !0,
|
|
183
|
+
value: A
|
|
184
|
+
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
185
|
+
}
|
|
186
|
+
function P(e, r, t, n, b, A) {
|
|
187
|
+
var a = r.children;
|
|
188
|
+
if (a !== void 0)
|
|
189
|
+
if (n)
|
|
190
|
+
if (Z(a)) {
|
|
191
|
+
for (n = 0; n < a.length; n++)
|
|
192
|
+
w(a[n]);
|
|
193
|
+
Object.freeze && Object.freeze(a);
|
|
194
|
+
} else
|
|
195
|
+
console.error(
|
|
196
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
197
|
+
);
|
|
198
|
+
else w(a);
|
|
199
|
+
if (x.call(r, "key")) {
|
|
200
|
+
a = l(e);
|
|
201
|
+
var u = Object.keys(r).filter(function(Q) {
|
|
202
|
+
return Q !== "key";
|
|
203
|
+
});
|
|
204
|
+
n = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (u = 0 < u.length ? "{" + u.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
205
|
+
`A props object containing a "key" prop is being spread into JSX:
|
|
206
|
+
let props = %s;
|
|
207
|
+
<%s {...props} />
|
|
208
|
+
React keys must be passed directly to JSX without using spread:
|
|
209
|
+
let props = %s;
|
|
210
|
+
<%s key={someKey} {...props} />`,
|
|
211
|
+
n,
|
|
212
|
+
a,
|
|
213
|
+
u,
|
|
214
|
+
a
|
|
215
|
+
), Y[a + n] = !0);
|
|
216
|
+
}
|
|
217
|
+
if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
|
|
218
|
+
t = {};
|
|
219
|
+
for (var S in r)
|
|
220
|
+
S !== "key" && (t[S] = r[S]);
|
|
221
|
+
} else t = r;
|
|
222
|
+
return a && d(
|
|
223
|
+
t,
|
|
224
|
+
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
225
|
+
), L(
|
|
226
|
+
e,
|
|
227
|
+
a,
|
|
228
|
+
t,
|
|
229
|
+
o(),
|
|
230
|
+
b,
|
|
231
|
+
A
|
|
232
|
+
);
|
|
233
|
+
}
|
|
234
|
+
function w(e) {
|
|
235
|
+
y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
236
|
+
}
|
|
237
|
+
function y(e) {
|
|
238
|
+
return typeof e == "object" && e !== null && e.$$typeof === j;
|
|
239
|
+
}
|
|
240
|
+
var R = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
|
|
241
|
+
return null;
|
|
242
|
+
};
|
|
243
|
+
R = {
|
|
244
|
+
react_stack_bottom_frame: function(e) {
|
|
245
|
+
return e();
|
|
246
|
+
}
|
|
247
|
+
};
|
|
248
|
+
var g, h = {}, N = R.react_stack_bottom_frame.bind(
|
|
249
|
+
R,
|
|
250
|
+
s
|
|
251
|
+
)(), C = O(i(s)), Y = {};
|
|
252
|
+
_.Fragment = p, _.jsx = function(e, r, t) {
|
|
253
|
+
var n = 1e4 > k.recentlyCreatedOwnerStacks++;
|
|
254
|
+
return P(
|
|
255
|
+
e,
|
|
256
|
+
r,
|
|
257
|
+
t,
|
|
258
|
+
!1,
|
|
259
|
+
n ? Error("react-stack-top-frame") : N,
|
|
260
|
+
n ? O(i(e)) : C
|
|
261
|
+
);
|
|
262
|
+
}, _.jsxs = function(e, r, t) {
|
|
263
|
+
var n = 1e4 > k.recentlyCreatedOwnerStacks++;
|
|
264
|
+
return P(
|
|
265
|
+
e,
|
|
266
|
+
r,
|
|
267
|
+
t,
|
|
268
|
+
!0,
|
|
269
|
+
n ? Error("react-stack-top-frame") : N,
|
|
270
|
+
n ? O(i(e)) : C
|
|
271
|
+
);
|
|
272
|
+
};
|
|
273
|
+
})()), _;
|
|
274
|
+
}
|
|
275
|
+
var F;
|
|
276
|
+
function te() {
|
|
277
|
+
return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = ee() : v.exports = re()), v.exports;
|
|
278
|
+
}
|
|
279
|
+
var ae = te();
|
|
280
|
+
export {
|
|
281
|
+
ae as j
|
|
282
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { JSX } from 'react';
|
|
2
|
+
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "children" | "width" | "height" | "overflow"> {
|
|
5
|
+
pattern?: (TileShape | TileConfig)[][];
|
|
6
|
+
tileSize?: number;
|
|
7
|
+
tileClassName?: string;
|
|
8
|
+
tileBgClassName?: string;
|
|
9
|
+
renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export declare function MaskedImageGenerator({ src, imageFit, imagePosition, maskType, ...props }: MaskedImageGeneratorProps): JSX_2.Element;
|
|
13
|
+
|
|
14
|
+
declare interface MaskedImageGeneratorProps extends IconGeneratorProps {
|
|
15
|
+
src: string;
|
|
16
|
+
imageFit?: "cover" | "contain" | "fill";
|
|
17
|
+
imagePosition?: "top" | "center" | "bottom";
|
|
18
|
+
maskType?: "alpha" | "luminance";
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare interface TileConfig {
|
|
22
|
+
shape: TileShape;
|
|
23
|
+
scale?: number;
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare const TileShape: {
|
|
28
|
+
readonly Blank: 0;
|
|
29
|
+
readonly Rand: 1;
|
|
30
|
+
readonly Mosaic: 2;
|
|
31
|
+
readonly MosaicCircle: 3;
|
|
32
|
+
readonly MosaicDiamond: 4;
|
|
33
|
+
readonly Square: 6;
|
|
34
|
+
readonly Circle: 7;
|
|
35
|
+
readonly Diamond: 8;
|
|
36
|
+
readonly Hexagon: 9;
|
|
37
|
+
readonly RandBasic: 10;
|
|
38
|
+
readonly TriangleSE: 11;
|
|
39
|
+
readonly TriangleSW: 12;
|
|
40
|
+
readonly TriangleNW: 13;
|
|
41
|
+
readonly TriangleNE: 14;
|
|
42
|
+
readonly TriangleRand: 15;
|
|
43
|
+
readonly CaretN: 16;
|
|
44
|
+
readonly CaretE: 17;
|
|
45
|
+
readonly CaretS: 18;
|
|
46
|
+
readonly CaretW: 19;
|
|
47
|
+
readonly CaretRand: 20;
|
|
48
|
+
readonly PieSE: 21;
|
|
49
|
+
readonly PieSW: 22;
|
|
50
|
+
readonly PieNW: 23;
|
|
51
|
+
readonly PieNE: 24;
|
|
52
|
+
readonly PieRand: 25;
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
declare type TileShape = (typeof TileShape)[keyof typeof TileShape];
|
|
56
|
+
|
|
57
|
+
export { }
|