@worldcoin/mini-apps-ui-kit-react 0.0.8 → 1.0.0-canary.1

package/dist/components/Flag/flag-components/index.js

@@ -7,11 +7,11 @@ import { default as x } from "./ci.js";
 import { default as G } from "./ch.js";
 import { default as A } from "./aw.js";
 import { default as C } from "./mt.js";
-import { default as L } from "./no.js";
-import { default as E } from "./mc.js";
+import { default as E } from "./no.js";
+import { default as N } from "./mc.js";
 import { default as I } from "./tv.js";
 import { default as P } from "./tc.js";
-import { default as U } from "./ug.js";
+import { default as D } from "./ug.js";
 import { default as Z } from "./tt.js";
 import { default as F } from "./ma.js";
 import { default as W } from "./nz.js";
@@ -34,11 +34,11 @@ import { default as xa } from "./md.js";
 import { default as Ga } from "./co.js";
 import { default as Aa } from "./ag.js";
 import { default as Ca } from "./af.js";
-import { default as La } from "./cy.js";
-import { default as Ea } from "./bj.js";
+import { default as Ea } from "./cy.js";
+import { default as Na } from "./bj.js";
 import { default as Ia } from "./cn.js";
 import { default as Pa } from "./me.js";
-import { default as Ua } from "./la.js";
+import { default as Da } from "./la.js";
 import { default as Za } from "./mr.js";
 import { default as Fa } from "./ni.js";
 import { default as Wa } from "./lv.js";
@@ -61,11 +61,11 @@ import { default as xe } from "./bi.js";
 import { default as Ge } from "./ar.js";
 import { default as Ae } from "./lb.js";
 import { default as Ce } from "./lu.js";
-import { default as Le } from "./mq.js";
-import { default as Ee } from "./td.js";
+import { default as Ee } from "./mq.js";
+import { default as Ne } from "./td.js";
 import { default as Ie } from "./sg.js";
 import { default as Pe } from "./pk.js";
-import { default as Ue } from "./je.js";
+import { default as De } from "./je.js";
 import { default as Ze } from "./gb.js";
 import { default as Fe } from "./gu.js";
 import { default as We } from "./do.js";
@@ -88,11 +88,11 @@ import { default as xf } from "./se.js";
 import { default as Gf } from "./sv.js";
 import { default as Af } from "./sa.js";
 import { default as Cf } from "./io.js";
-import { default as Lf } from "./hk.js";
-import { default as Ef } from "./kp.js";
+import { default as Ef } from "./hk.js";
+import { default as Nf } from "./kp.js";
 import { default as If } from "./kg.js";
 import { default as Pf } from "./gd.js";
-import { default as Uf } from "./ge.js";
+import { default as Df } from "./ge.js";
 import { default as Zf } from "./gr.js";
 import { default as Ff } from "./in.js";
 import { default as Wf } from "./pl.js";
@@ -114,11 +114,11 @@ import { default as xo } from "./sy.js";
 import { default as Go } from "./sn.js";
 import { default as Ao } from "./kh.js";
 import { default as Co } from "./ec.js";
-import { default as Lo } from "./et.js";
-import { default as Eo } from "./fo.js";
+import { default as Eo } from "./et.js";
+import { default as No } from "./fo.js";
 import { default as Io } from "./hr.js";
 import { default as Po } from "./ki.js";
-import { default as Uo } from "./jm.js";
+import { default as Do } from "./jm.js";
 import { default as Zo } from "./pt.js";
 import { default as Fo } from "./so.js";
 import { default as Wo } from "./sx.js";
@@ -141,11 +141,11 @@ import { default as xr } from "./gm.js";
 import { default as Gr } from "./er.js";
 import { default as Ar } from "./fi.js";
 import { default as Cr } from "./ee.js";
-import { default as Lr } from "./es.js";
-import { default as Er } from "./gl.js";
+import { default as Er } from "./es.js";
+import { default as Nr } from "./gl.js";
 import { default as Ir } from "./ht.js";
 import { default as Pr } from "./qa.js";
-import { default as Ur } from "./pe.js";
+import { default as Dr } from "./pe.js";
 import { default as Zr } from "./pr.js";
 import { default as Fr } from "./si.js";
 import { default as Wr } from "./ro.js";
@@ -168,11 +168,11 @@ import { default as xt } from "./uz.js";
 import { default as Gt } from "./ng.js";
 import { default as At } from "./mk.js";
 import { default as Ct } from "./np.js";
-import { default as Lt } from "./bd.js";
-import { default as Et } from "./cw.js";
+import { default as Et } from "./bd.js";
+import { default as Nt } from "./cw.js";
 import { default as It } from "./bs.js";
 import { default as Pt } from "./ai.js";
-import { default as Ut } from "./br.js";
+import { default as Dt } from "./br.js";
 import { default as Zt } from "./cv.js";
 import { default as Ft } from "./be.js";
 import { default as Wt } from "./ca.js";
@@ -195,11 +195,11 @@ import { default as xd } from "./zw.js";
 import { default as Gd } from "./tk.js";
 import { default as Ad } from "./vc.js";
 import { default as Cd } from "./to.js";
-import { default as Ld } from "./vg.js";
-import { default as Ed } from "./mm.js";
+import { default as Ed } from "./vg.js";
+import { default as Nd } from "./mm.js";
 import { default as Id } from "./li.js";
 import { default as Pd } from "./na.js";
-import { default as Ud } from "./mz.js";
+import { default as Dd } from "./mz.js";
 import { default as Zd } from "./bb.js";
 import { default as Fd } from "./cf.js";
 import { default as Wd } from "./cg.js";
@@ -222,13 +222,14 @@ import { default as xl } from "./bw.js";
 import { default as Gl } from "./mx.js";
 import { default as Al } from "./mo.js";
 import { default as Cl } from "./lk.js";
-import { default as Ll } from "./ve.js";
-import { default as El } from "./tz.js";
+import { default as El } from "./ve.js";
+import { default as Nl } from "./tz.js";
 import { default as Il } from "./tm.js";
 import { default as Pl } from "./bl.js";
-import { default as Ul } from "./bq.js";
+import { default as Dl } from "./bq.js";
 import { default as Zl } from "./gp.js";
 import { default as Fl } from "./xk.js";
+import { default as Wl } from "./eu.js";
 export {
   re as AD,
   me as AE,
@@ -247,19 +248,19 @@ export {
   rl as AZ,
   dl as BA,
   Zd as BB,
-  Lt as BD,
+  Et as BD,
   Ft as BE,
   dd as BF,
   ad as BG,
   ae as BH,
   xe as BI,
-  Ea as BJ,
+  Na as BJ,
   Pl as BL,
   s as BM,
   j as BN,
   n as BO,
-  Ul as BQ,
-  Ut as BR,
+  Dl as BQ,
+  Dt as BR,
   It as BS,
   cd as BT,
   xl as BW,
@@ -280,8 +281,8 @@ export {
   al as CR,
   rd as CU,
   Zt as CV,
-  Et as CW,
-  La as CY,
+  Nt as CW,
+  Ea as CY,
   de as CZ,
   _o as DE,
   zf as DJ,
@@ -293,22 +294,23 @@ export {
   Cr as EE,
   at as EG,
   Gr as ER,
-  Lr as ES,
-  Lo as ET,
+  Er as ES,
+  Eo as ET,
+  Wl as EU,
   Ar as FI,
   vr as FJ,
   ft as FK,
   vo as FM,
-  Eo as FO,
+  No as FO,
   ff as FR,
   af as GA,
   Ze as GB,
   Pf as GD,
-  Uf as GE,
+  Df as GE,
   wf as GG,
   no as GH,
   yo as GI,
-  Er as GL,
+  Nr as GL,
   xr as GM,
   yr as GN,
   Zl as GP,
@@ -318,7 +320,7 @@ export {
   Fe as GU,
   df as GW,
   _r as GY,
-  Lf as HK,
+  Ef as HK,
   ye as HN,
   Io as HR,
   Ir as HT,
@@ -333,8 +335,8 @@ export {
   cr as IR,
   dt as IS,
   jo as IT,
-  Ue as JE,
-  Uo as JM,
+  De as JE,
+  Do as JM,
   ho as JO,
   mf as JP,
   eo as KE,
@@ -342,12 +344,12 @@ export {
   Ao as KH,
   Po as KI,
   hr as KM,
-  Ef as KP,
+  Nf as KP,
   to as KR,
   Xe as KW,
   sr as KY,
   nr as KZ,
-  Ua as LA,
+  Da as LA,
   Ae as LB,
   ya as LC,
   Id as LI,
@@ -359,18 +361,18 @@ export {
   Wa as LV,
   Xt as LY,
   F as MA,
-  E as MC,
+  N as MC,
   xa as MD,
   Pa as ME,
   va as MG,
   _t as MH,
   At as MK,
   hd as ML,
-  Ed as MM,
+  Nd as MM,
   vd as MN,
   Al as MO,
   ja as MP,
-  Le as MQ,
+  Ee as MQ,
   Za as MR,
   sa as MS,
   C as MT,
@@ -379,21 +381,21 @@ export {
   _ as MW,
   Gl as MX,
   _d as MY,
-  Ud as MZ,
+  Dd as MZ,
   Pd as NA,
   sd as NE,
   Jt as NF,
   Gt as NG,
   Fa as NI,
   aa as NL,
-  L as NO,
+  E as NO,
   Ct as NP,
   md as NR,
   yd as NU,
   W as NZ,
   Ja as OM,
   Jo as PA,
-  Ur as PE,
+  Dr as PE,
   mt as PF,
   Xr as PG,
   ne as PH,
@@ -430,7 +432,7 @@ export {
   xo as SY,
   Xo as SZ,
   P as TC,
-  Ee as TD,
+  Ne as TD,
   Xa as TG,
   ht as TH,
   vt as TJ,
@@ -443,16 +445,16 @@ export {
   Z as TT,
   I as TV,
   r as TW,
-  El as TZ,
+  Nl as TZ,
   ha as UA,
-  U as UG,
+  D as UG,
   f as US,
   jt as UY,
   xt as UZ,
   st as VA,
   Ad as VC,
-  Ll as VE,
-  Ld as VG,
+  El as VE,
+  Ed as VG,
   da as VN,
   nt as VU,
   ct as WS,

package/dist/components/Form/Form.js

@@ -20,9 +20,9 @@ const b = m, g = l, h = n, R = d(({ className: p, error: s, textAlign: t = "left
           "h-[1.625rem] mt-1 flex items-center",
           y({
             variant: "body",
-            level: 3
+            level: 4
           }),
-          s ? "text-error-700" : "text-gray-500"
+          s ? "text-error-600" : "text-gray-500"
         ),
         ...r
       }

package/dist/components/Icons/ArrowDown.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+function e(o) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M4.5 6.75L9 11.25L13.5 6.75",
+          stroke: "currentColor",
+          strokeWidth: "1.35",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+export {
+  e as ArrowDown
+};

package/dist/components/Icons/Eye.d.ts

@@ -0,0 +1,8 @@
+interface EyeProps {
+    /**
+     * Additional CSS classes to apply to the Eye icon
+     */
+    className?: string;
+}
+export declare function Eye({ className }: EyeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Eye.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.js";
+function i({ className: e }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t("size-6", e),
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M3 13C6.6 5 17.4 5 21 13",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "square",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "square",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  i as Eye
+};

package/dist/components/Icons/EyeClosed.d.ts

@@ -0,0 +1,8 @@
+interface EyeProps {
+    /**
+     * Additional CSS classes to apply to the Eye icon
+     */
+    className?: string;
+}
+export declare function EyeClosed({ className }: EyeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/EyeClosed.js

@@ -0,0 +1,60 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.js";
+function i({ className: r }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t("size-6", r),
+      children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M19.5001 16L17.0249 12.6038",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M12 17.5V14",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M4.5 16L6.96895 12.6124",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M3 8C6.6 16 17.4 16 21 8",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  i as EyeClosed
+};

package/dist/components/Icons/Fail.d.ts

@@ -0,0 +1,8 @@
+interface FailProps {
+    /**
+     * Additional CSS classes to apply to the icon
+     */
+    className?: string;
+}
+export declare const Fail: ({ className }: FailProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Fail.js

@@ -0,0 +1,82 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { cn as e } from "../../lib/utils.js";
+const a = ({ className: i }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "25",
+    height: "24",
+    viewBox: "0 0 25 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: e("size-6 text-error-600", i),
+    children: [
+      /* @__PURE__ */ t("rect", { x: "0.5", width: "24", height: "24", rx: "12", fill: "currentColor" }),
+      /* @__PURE__ */ t(
+        "rect",
+        {
+          opacity: "0.2",
+          x: "0.5",
+          width: "24",
+          height: "24",
+          rx: "12",
+          fill: "url(#paint0_radial_578_338)"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "rect",
+        {
+          x: "0.636364",
+          y: "0.136364",
+          width: "23.7273",
+          height: "23.7273",
+          rx: "11.8636",
+          stroke: "url(#paint1_linear_578_338)",
+          strokeWidth: "0.272727"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M9.50403 14.7233L12.3637 11.8636M15.2233 9.00403L12.3637 11.8636M12.3637 11.8636L9.50403 9.00403M12.3637 11.8636L15.2233 14.7233",
+          stroke: "white",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ r("defs", { children: [
+        /* @__PURE__ */ r(
+          "radialGradient",
+          {
+            id: "paint0_radial_578_338",
+            cx: "0",
+            cy: "0",
+            r: "1",
+            gradientUnits: "userSpaceOnUse",
+            gradientTransform: "translate(5.95455) rotate(63.4349) scale(26.8328 26.7171)",
+            children: [
+              /* @__PURE__ */ t("stop", { stopColor: "white" }),
+              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          "linearGradient",
+          {
+            id: "paint1_linear_578_338",
+            x1: "12.5",
+            y1: "0",
+            x2: "12.5",
+            y2: "24",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ t("stop", { stopColor: "white", stopOpacity: "0.3" }),
+              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  a as Fail
+};

package/dist/components/Icons/MagicWand.d.ts

@@ -0,0 +1,8 @@
+interface MagicWandProps {
+    /**
+     * Additional CSS classes to apply to the icon
+     */
+    className?: string;
+}
+export declare function MagicWand({ className }: MagicWandProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/MagicWand.js

@@ -0,0 +1,60 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cn as L } from "../../lib/utils.js";
+function i({ className: o }) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: L("size-5", o),
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M14.0774 3.8389L3.82886 14.0874L4.48362 14.7421L5.25751 15.516L5.91227 16.1707L16.1607 5.92225L15.506 5.26752L14.7321 4.49363L14.0774 3.8389Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M11.2844 6.63257L13.3678 8.7159",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M10.2313 3.98142C10.6148 3.98142 10.9258 3.6705 10.9258 3.28697C10.9258 2.90344 10.6148 2.59253 10.2313 2.59253C9.84778 2.59253 9.53687 2.90344 9.53687 3.28697C9.53687 3.6705 9.84778 3.98142 10.2313 3.98142Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M6.87508 3.125L7.43777 4.64564L8.95841 5.20833L7.43777 5.77102L6.87508 7.29167L6.31239 5.77102L4.79175 5.20833L6.31239 4.64564L6.87508 3.125Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M15 10.8333L15.6752 12.658L17.5 13.3333L15.6752 14.0085L15 15.8333L14.3248 14.0085L12.5 13.3333L14.3248 12.658L15 10.8333Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  i as MagicWand
+};

package/dist/components/Icons/Magnifier.d.ts

@@ -1,6 +1,6 @@
 interface MagnifierProps {
     /**
-     * Additional CSS classes to apply to the Magnifier icon
+     * Additional CSS classes to apply to the icon
      */
     className?: string;
 }