quirk-ui 0.0.33 → 0.0.35
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.
|
@@ -1,59 +1,62 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as N } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index17.css';const y = "_grid_1pzcn_1", $ = {
|
|
3
3
|
grid: y
|
|
4
4
|
};
|
|
5
5
|
function j({
|
|
6
|
-
columns:
|
|
7
|
-
gap:
|
|
8
|
-
areas:
|
|
9
|
-
autoFitMinMax:
|
|
10
|
-
className:
|
|
11
|
-
children:
|
|
12
|
-
style:
|
|
13
|
-
...
|
|
6
|
+
columns: r = 1,
|
|
7
|
+
gap: m = "1rem",
|
|
8
|
+
areas: a,
|
|
9
|
+
autoFitMinMax: o,
|
|
10
|
+
className: p,
|
|
11
|
+
children: n,
|
|
12
|
+
style: d,
|
|
13
|
+
...l
|
|
14
14
|
}) {
|
|
15
|
-
const
|
|
16
|
-
...
|
|
15
|
+
const i = {
|
|
16
|
+
...d,
|
|
17
17
|
display: "grid",
|
|
18
|
-
gap:
|
|
18
|
+
gap: m
|
|
19
19
|
};
|
|
20
|
-
if (
|
|
21
|
-
|
|
22
|
-
else if (typeof
|
|
23
|
-
const { xs:
|
|
20
|
+
if (a && (i.gridTemplateAreas = a.map((e) => `"${e.join(" ")}"`).join(" ")), o)
|
|
21
|
+
i.gridTemplateColumns = `repeat(auto-fit, minmax(${o}, 1fr))`;
|
|
22
|
+
else if (typeof r == "object") {
|
|
23
|
+
const { xs: e, sm: f, md: u, lg: b, xl: g } = r;
|
|
24
24
|
[
|
|
25
25
|
{
|
|
26
26
|
breakpoint: "xs",
|
|
27
|
-
value:
|
|
27
|
+
value: e
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
breakpoint: "sm",
|
|
31
|
-
value:
|
|
31
|
+
value: f
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
breakpoint: "md",
|
|
35
|
-
value:
|
|
35
|
+
value: u
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
38
|
breakpoint: "lg",
|
|
39
|
-
value:
|
|
39
|
+
value: b
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
42
|
breakpoint: "xl",
|
|
43
|
-
value:
|
|
43
|
+
value: g
|
|
44
44
|
}
|
|
45
|
-
].forEach(({ breakpoint: c, value:
|
|
46
|
-
|
|
45
|
+
].forEach(({ breakpoint: c, value: s }) => {
|
|
46
|
+
const t = isNaN(Number(s)) ? s : Number(s);
|
|
47
|
+
t && (i[`--${c}-columns`] = typeof t == "number" ? `repeat(${t}, 1fr)` : t);
|
|
47
48
|
});
|
|
48
|
-
} else
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
} else {
|
|
50
|
+
const e = isNaN(Number(r)) ? r : Number(r);
|
|
51
|
+
i.gridTemplateColumns = typeof e == "number" ? `repeat(${e}, 1fr)` : e;
|
|
52
|
+
}
|
|
53
|
+
return /* @__PURE__ */ N(
|
|
51
54
|
"div",
|
|
52
55
|
{
|
|
53
|
-
className: `${
|
|
54
|
-
style:
|
|
55
|
-
...
|
|
56
|
-
children:
|
|
56
|
+
className: `${p ?? ""} ${$.grid}`,
|
|
57
|
+
style: i,
|
|
58
|
+
...l,
|
|
59
|
+
children: n
|
|
57
60
|
}
|
|
58
61
|
);
|
|
59
62
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as r, Fragment as u, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useState as f } from "react";
|
|
3
3
|
import { X as h } from "../../x-CnsEH4Ox.js";
|
|
4
|
-
import '../../assets/index25.css';const p = "_overlay_44y6t_1",
|
|
4
|
+
import '../../assets/index25.css';const p = "_overlay_44y6t_1", N = "_modal_44y6t_16", g = "_closeButton_44y6t_26", k = "_content_44y6t_37", o = {
|
|
5
5
|
overlay: p,
|
|
6
|
-
modal:
|
|
7
|
-
closeButton:
|
|
8
|
-
content:
|
|
6
|
+
modal: N,
|
|
7
|
+
closeButton: g,
|
|
8
|
+
content: k
|
|
9
9
|
};
|
|
10
10
|
function j({
|
|
11
11
|
content: d,
|
|
@@ -15,15 +15,15 @@ function j({
|
|
|
15
15
|
onClose: s,
|
|
16
16
|
className: _
|
|
17
17
|
}) {
|
|
18
|
-
const [n, v] = f(!1),
|
|
19
|
-
|
|
18
|
+
const [n, v] = f(!1), a = c !== void 0, i = a ? c : n, l = () => {
|
|
19
|
+
a ? n ? s == null || s() : e == null || e() : v(!i);
|
|
20
20
|
};
|
|
21
21
|
return /* @__PURE__ */ r(u, { children: [
|
|
22
|
-
/* @__PURE__ */ t("div", { onClick: l, children: m }),
|
|
23
|
-
|
|
22
|
+
/* @__PURE__ */ t("div", { className: _ ?? void 0, onClick: l, children: m }),
|
|
23
|
+
i && /* @__PURE__ */ t("div", { className: o.overlay, onClick: l, children: /* @__PURE__ */ r(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
className: `${
|
|
26
|
+
className: `${o.modal}`,
|
|
27
27
|
onClick: (y) => y.stopPropagation(),
|
|
28
28
|
children: [
|
|
29
29
|
/* @__PURE__ */ t(
|