@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.0 → 1.0.0-canary.1
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,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as g, jsx as a } from "react/jsx-runtime";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { Slot as
|
|
3
|
+
import { cn as b } from "../../lib/utils.js";
|
|
4
|
+
import { Slot as d } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
|
|
5
5
|
import { cva as m } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
|
|
6
6
|
import { forwardRef as p } from "react";
|
|
7
7
|
import { Fail as f } from "../Icons/Fail.js";
|
|
8
|
-
import { Success as
|
|
9
|
-
import { Spinner as
|
|
8
|
+
import { Success as c } from "../Icons/Success.js";
|
|
9
|
+
import { Spinner as y } from "../Spinner/Spinner.js";
|
|
10
10
|
import { typographyVariants as u } from "../Typography/Typography.js";
|
|
11
11
|
const v = m(
|
|
12
|
-
"flex items-center justify-center rounded-full gap-2 font-
|
|
12
|
+
"flex items-center justify-center rounded-full gap-2 font-sans leading-[1.2] tracking-normal transition-colors",
|
|
13
13
|
{
|
|
14
14
|
variants: {
|
|
15
15
|
variant: {
|
|
@@ -38,11 +38,11 @@ const v = m(
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
), x = p(
|
|
41
|
-
({ variant: e, size: t = "lg", fullWidth: s, asChild: i, state: r, children: n, ...
|
|
42
|
-
i ?
|
|
41
|
+
({ variant: e, size: t = "lg", fullWidth: s, asChild: i, state: r, children: n, ...o }, l) => /* @__PURE__ */ g(
|
|
42
|
+
i ? d : "button",
|
|
43
43
|
{
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
44
|
+
ref: l,
|
|
45
|
+
className: b(
|
|
46
46
|
v({
|
|
47
47
|
variant: e,
|
|
48
48
|
size: t,
|
|
@@ -54,11 +54,11 @@ const v = m(
|
|
|
54
54
|
level: t === "lg" ? 1 : 2
|
|
55
55
|
})
|
|
56
56
|
),
|
|
57
|
-
...
|
|
57
|
+
...o,
|
|
58
58
|
children: [
|
|
59
59
|
!r && n,
|
|
60
|
-
r === "pending" && /* @__PURE__ */ a(
|
|
61
|
-
r === "success" && /* @__PURE__ */ a(
|
|
60
|
+
r === "pending" && /* @__PURE__ */ a(y, { className: "absolute size-6" }),
|
|
61
|
+
r === "success" && /* @__PURE__ */ a(c, { className: "absolute size-6" }),
|
|
62
62
|
r === "failed" && /* @__PURE__ */ a(f, { className: "absolute size-6" })
|
|
63
63
|
]
|
|
64
64
|
}
|
|
@@ -5,12 +5,12 @@ import { cn as o } from "../../lib/utils.js";
|
|
|
5
5
|
const c = m("", {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
display: "font-
|
|
9
|
-
heading: "font-
|
|
8
|
+
display: "font-sans font-semibold leading-narrow tracking-[-0.02em]",
|
|
9
|
+
heading: "font-sans font-semibold leading-narrow tracking-[-0.01em]",
|
|
10
10
|
subtitle: "font-sans font-medium leading-narrow",
|
|
11
11
|
label: "font-sans font-semibold leading-narrow",
|
|
12
12
|
body: "font-sans font-normal leading-compact",
|
|
13
|
-
number: "font-
|
|
13
|
+
number: "font-sans font-semibold"
|
|
14
14
|
},
|
|
15
15
|
level: {
|
|
16
16
|
1: "",
|
|
@@ -144,13 +144,13 @@ const c = m("", {
|
|
|
144
144
|
level: 2
|
|
145
145
|
}
|
|
146
146
|
}), x = v(
|
|
147
|
-
({ variant: a = "body", level: e = 2, children:
|
|
148
|
-
|
|
147
|
+
({ variant: a = "body", level: e = 2, children: t, as: l = "p", className: s, ...n }, r) => /* @__PURE__ */ i(
|
|
148
|
+
l,
|
|
149
149
|
{
|
|
150
150
|
className: o(c({ variant: a, level: e, className: s })),
|
|
151
151
|
ref: r,
|
|
152
152
|
...n,
|
|
153
|
-
children:
|
|
153
|
+
children: t
|
|
154
154
|
}
|
|
155
155
|
)
|
|
156
156
|
);
|