@worldcoin/idkit 1.2.0 → 1.3.0

package/build/{chunk-YVDL3YIJ.js → chunk-OPIVJQZ6.js}

@@ -1,20 +1,17 @@
 // src/lang/index.ts
 var translations = {};
 var getLang = () => {
-  if (!navigator?.languages)
-    return;
+  if (!navigator?.languages) return;
   const supportedLang = navigator.languages.find((l) => translations[l] != void 0) ?? "";
   return translations[supportedLang];
 };
 var replaceParams = (str, params) => {
   let replaced = str;
-  for (const [key, value] of Object.entries(params ?? {}))
-    replaced = str.replace(`:${key}`, value);
+  for (const [key, value] of Object.entries(params ?? {})) replaced = str.replace(`:${key}`, value);
   return replaced;
 };
 function __(str, params) {
-  if (typeof navigator === "undefined")
-    return str;
+  if (typeof navigator === "undefined") return str;
   return replaceParams(getLang()?.[str] ?? str, params);
 }
 
@@ -92,18 +89,15 @@ var useIDKitStore = createWithEqualityFn()(
         verification_level: verification_level ?? DEFAULT_VERIFICATION_LEVEL
       });
       get().addSuccessCallback(onSuccess, source);
-      if (onError)
-        get().addErrorCallback(onError, source);
-      if (handleVerify)
-        get().addVerificationCallback(handleVerify, source);
+      if (onError) get().addErrorCallback(onError, source);
+      if (handleVerify) get().addVerificationCallback(handleVerify, source);
     },
     handleVerify: (result) => {
       set({ stage: "HOST_APP_VERIFICATION" /* HOST_APP_VERIFICATION */, processing: false });
       Promise.all(Object.values(get().verifyCallbacks).map(async (cb) => cb?.(result))).then(
         () => {
           set({ stage: "SUCCESS" /* SUCCESS */, result });
-          if (get().autoClose)
-            setTimeout(() => get().onOpenChange(false), 2500);
+          if (get().autoClose) setTimeout(() => get().onOpenChange(false), 2500);
         },
         (response) => {
           let errorMessage = void 0;
@@ -163,10 +157,8 @@ var generateMatrix = (data) => {
   const arr = QRCodeUtil.create(data, { errorCorrectionLevel: "M" }).modules.data;
   const sqrt = Math.sqrt(arr.length);
   return arr.reduce((rows, key, index) => {
-    if (index % sqrt === 0)
-      rows.push([key]);
-    else
-      rows[rows.length - 1].push(key);
+    if (index % sqrt === 0) rows.push([key]);
+    else rows[rows.length - 1].push(key);
     return rows;
   }, []);
 };
@@ -204,10 +196,8 @@ var Qrcode = ({ data, size = 300 }) => {
     });
     matrix.forEach((row, i) => {
       row.forEach((_, j) => {
-        if (!matrix[i][j])
-          return;
-        if (i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)
-          return;
+        if (!matrix[i][j]) return;
+        if (i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8) return;
         dots2.push(
           /* @__PURE__ */ jsx(
             "circle",

package/build/{config-19dfed99.d.ts → config-Cp9MWjvm.d.ts}

@@ -38,4 +38,4 @@ type WidgetProps = Config & {
     }) => JSX.Element;
 };
 
-export { Config as C, IDKITStage as I, WidgetProps as W, ConfigSource as a, CallbackFn as b };
+export { type Config as C, IDKITStage as I, type WidgetProps as W, ConfigSource as a, type CallbackFn as b };

package/build/index.d.ts

@@ -1,4 +1,4 @@
-import { C as Config, W as WidgetProps } from './config-19dfed99.js';
+import { C as Config, W as WidgetProps } from './config-Cp9MWjvm.js';
 import * as react from 'react';
 export { IErrorState, ISuccessResult, VerificationLevel } from '@worldcoin/idkit-core';
 export { solidityEncode } from '@worldcoin/idkit-core/hashing';

package/build/index.js

@@ -2,7 +2,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-YVDL3YIJ.js";
+} from "./chunk-OPIVJQZ6.js";
 
 // src/hooks/useIDKit.ts
 import { useEffect } from "react";
@@ -15,10 +15,8 @@ var getStore = ({ open, onOpenChange, addSuccessCallback, addVerificationCallbac
 var useIDKit = ({ handleVerify, onSuccess } = {}) => {
   const { open, onOpenChange, addSuccessCallback, addVerificationCallback } = idkit_default(getStore);
   useEffect(() => {
-    if (onSuccess)
-      addSuccessCallback(onSuccess, "hook" /* HOOK */);
-    if (handleVerify)
-      addVerificationCallback(handleVerify, "hook" /* HOOK */);
+    if (onSuccess) addSuccessCallback(onSuccess, "hook" /* HOOK */);
+    if (handleVerify) addVerificationCallback(handleVerify, "hook" /* HOOK */);
   }, [handleVerify, onSuccess]);
   return { open, setOpen: onOpenChange };
 };
@@ -50,7 +48,7 @@ var useMedia_default = useMedia;
 // src/styles/styles.css
 var styles_default = `/* TODO: Use an alternative to avoid the extra request to Google (e.g. hosting ourselves, or local file)  */
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&family=Sora:wght@600&display=swap');
-/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com  */
+/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com  */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -74,16 +72,19 @@ var styles_default = `/* TODO: Use an alternative to avoid the extra request to
 4. Use the user's configured \`sans\` font-family by default.
 5. Use the user's configured \`sans\` font-feature-settings by default.
 6. Use the user's configured \`sans\` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
-html {
+html,
+:host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: Rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 /*
 1. Remove the margin in all browsers.
@@ -137,15 +138,19 @@ strong {
   font-weight: bolder;
 }
 /*
-1. Use the user's configured \`mono\` font family by default.
-2. Correct the odd \`em\` font sizing in all browsers.
+1. Use the user's configured \`mono\` font-family by default.
+2. Use the user's configured \`mono\` font-feature-settings by default.
+3. Use the user's configured \`mono\` font-variation-settings by default.
+4. Correct the odd \`em\` font sizing in all browsers.
 */
 code,
 kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-size: 1em; /* 2 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
 }
 /*
 Add the correct font size in all browsers.
@@ -195,6 +200,7 @@ textarea {
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
@@ -211,9 +217,9 @@ select {
 2. Remove default button styles.
 */
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -486,9 +492,23 @@ select{
 [type='checkbox']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
+@media (forced-colors: active) {
+  [type='checkbox']:checked{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='radio']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
 }
+@media (forced-colors: active) {
+  [type='radio']:checked{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
   border-color: transparent;
   background-color: currentColor;
@@ -501,6 +521,13 @@ select{
   background-position: center;
   background-repeat: no-repeat;
 }
+@media (forced-colors: active) {
+  [type='checkbox']:indeterminate{
+    -webkit-appearance: auto;
+       -moz-appearance: auto;
+            appearance: auto;
+  }
+}
 [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
   border-color: transparent;
   background-color: currentColor;
@@ -566,6 +593,10 @@ select{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 ::backdrop{
   --tw-border-spacing-x: 0;
@@ -615,6 +646,10 @@ select{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 .visible{
   visibility: visible;
@@ -657,6 +692,9 @@ select{
 .mb-12{
   margin-bottom: 48px;
 }
+.mb-3{
+  margin-bottom: 12px;
+}
 .mb-4{
   margin-bottom: 16px;
 }
@@ -687,6 +725,18 @@ select{
 .hidden{
   display: none;
 }
+.size-5{
+  width: 20px;
+  height: 20px;
+}
+.size-6{
+  width: 24px;
+  height: 24px;
+}
+.size-\\[244px\\]{
+  width: 244px;
+  height: 244px;
+}
 .h-10{
   height: 40px;
 }
@@ -696,12 +746,6 @@ select{
 .h-5{
   height: 20px;
 }
-.h-6{
-  height: 24px;
-}
-.h-\\[244px\\]{
-  height: 244px;
-}
 .min-h-full{
   min-height: 100%;
 }
@@ -717,12 +761,6 @@ select{
 .w-5{
   width: 20px;
 }
-.w-6{
-  width: 24px;
-}
-.w-\\[244px\\]{
-  width: 244px;
-}
 .w-full{
   width: 100%;
 }
@@ -789,6 +827,11 @@ select{
   margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(16px * var(--tw-space-y-reverse));
 }
+.space-y-5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(20px * var(--tw-space-y-reverse));
+}
 .space-y-6 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
@@ -859,10 +902,6 @@ select{
   padding-left: 8px;
   padding-right: 8px;
 }
-.px-4{
-  padding-left: 16px;
-  padding-right: 16px;
-}
 .px-8{
   padding-left: 32px;
   padding-right: 32px;
@@ -875,10 +914,6 @@ select{
   padding-top: 12px;
   padding-bottom: 12px;
 }
-.py-4{
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
 .pt-6{
   padding-top: 24px;
 }
@@ -886,10 +921,10 @@ select{
   text-align: center;
 }
 .font-sans{
-  font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .font-sora{
-  font-family: Sora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Sora, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .text-2xl{
   font-size: 24px;
@@ -1050,26 +1085,26 @@ input[type='number']::-webkit-inner-spin-button,
     animation: spin 1.5s linear infinite;
   }
 }
-:is(.dark .dark\\:border-f1f5f8\\/10){
+.dark\\:border-f1f5f8\\/10:is(.dark *){
   border-color: rgb(241 245 248 / 0.1);
 }
-:is(.dark .dark\\:bg-0d151d){
+.dark\\:bg-0d151d:is(.dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(13 21 29 / var(--tw-bg-opacity));
 }
-:is(.dark .dark\\:bg-white){
+.dark\\:bg-white:is(.dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-:is(.dark .dark\\:text-0d151d){
+.dark\\:text-0d151d:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(13 21 29 / var(--tw-text-opacity));
 }
-:is(.dark .dark\\:text-9eafc0){
+.dark\\:text-9eafc0:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(158 175 192 / var(--tw-text-opacity));
 }
-:is(.dark .dark\\:text-white){
+.dark\\:text-white:is(.dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
@@ -1392,13 +1427,6 @@ var SuccessState_default = SuccessState;
 
 // src/components/IDKitWidget/States/WorldID/QRState.tsx
 import copy from "copy-to-clipboard";
-
-// src/lib/utils.ts
-var classNames = (...classes) => {
-  return classes.filter(Boolean).join(" ");
-};
-
-// src/components/IDKitWidget/States/WorldID/QRState.tsx
 import { useCallback, useState as useState2 } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 
@@ -1525,6 +1553,22 @@ var QRPlaceholderIcon = (props) => /* @__PURE__ */ jsxs6("svg", { ...props, xmln
 ] });
 var QRPlaceholderIcon_default = QRPlaceholderIcon;
 
+// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
 // src/components/IDKitWidget/States/WorldID/QRState.tsx
 import { Fragment, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var QRState = ({ qrData, showQR, setShowQR }) => {
@@ -1536,7 +1580,7 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
     setTimeout(() => setCopiedLink(false), 2e3);
   }, [qrData]);
   return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7("div", { className: "mb-10 space-y-4 md:hidden", children: [
+    /* @__PURE__ */ jsxs7("div", { className: clsx_default("md:hidden", { "mb-10 space-y-4": !showQR }), children: [
       /* @__PURE__ */ jsxs7(
         motion.a,
         {
@@ -1545,12 +1589,13 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
           whileHover: { scale: 1.05 },
           transition: { layout: { duration: 0.15 } },
           layoutId: media == "desktop" ? void 0 : "worldid-button",
-          className: classNames(
-            "flex w-full space-x-2 items-center px-4 py-4 border border-transparent font-medium rounded-2xl shadow-sm",
-            "bg-0d151d dark:bg-white text-white dark:text-0d151d"
+          className: clsx_default(
+            "flex w-full items-center space-x-2 rounded-2xl border border-transparent p-4 font-medium shadow-sm",
+            "bg-0d151d text-white dark:bg-white dark:text-0d151d",
+            { hidden: showQR }
           ),
           children: [
-            /* @__PURE__ */ jsx11(WorldcoinIcon_default, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsx11(WorldcoinIcon_default, { className: "size-5" }),
             /* @__PURE__ */ jsx11(
               motion.span,
               {
@@ -1563,8 +1608,8 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-4 ", children: [
+      /* @__PURE__ */ jsxs7("div", { className: clsx_default("mb-3", { "space-y-4": !showQR }), children: [
+        /* @__PURE__ */ jsxs7("div", { className: clsx_default("flex items-center space-x-4 ", { hidden: showQR }), children: [
           /* @__PURE__ */ jsx11("hr", { className: "flex-1" }),
           /* @__PURE__ */ jsx11("span", { className: "text-xs font-medium text-9ba3ae", children: "or" }),
           /* @__PURE__ */ jsx11("hr", { className: "flex-1" })
@@ -1620,7 +1665,7 @@ var QRState = ({ qrData, showQR, setShowQR }) => {
       /* @__PURE__ */ jsx11("div", { className: "relative inline-flex items-center justify-center rounded-2xl border border-f1f5f8 p-2 dark:border-f1f5f8/10", children: /* @__PURE__ */ jsx11("div", { className: "text-29343f dark:text-white", children: qrData ? (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         /* @__PURE__ */ jsx11("div", { onClick: copyLink, className: "cursor-pointer", children: /* @__PURE__ */ jsx11(QRCode_default, { data: qrData, size: 244 }) })
-      ) : /* @__PURE__ */ jsx11("div", { className: "flex h-[244px] w-[244px] items-center justify-center", children: /* @__PURE__ */ jsx11(QRPlaceholderIcon_default, { className: "h-[244px] w-[244px] animate-pulse" }) }) }) })
+      ) : /* @__PURE__ */ jsx11("div", { className: "flex size-[244px] items-center justify-center", children: /* @__PURE__ */ jsx11(QRPlaceholderIcon_default, { className: "size-[244px] animate-pulse" }) }) }) })
     ] })
   ] });
 };
@@ -1649,8 +1694,7 @@ var useWorldBridge = (app_id, action, signal, bridge_url, verification_level, ac
     }
   }, [app_id, action, signal, action_description, createClient, ref_verification_level, bridge_url, connectorURI]);
   useEffect3(() => {
-    if (!connectorURI || result || errorCode)
-      return;
+    if (!connectorURI || result || errorCode) return;
     const interval = setInterval(() => void pollForUpdates(), 3e3);
     return () => clearInterval(interval);
   }, [connectorURI, pollForUpdates, errorCode, result]);
@@ -1734,7 +1778,7 @@ var WorldIDState = () => {
       return handleVerify(result);
     }
   }, [result, handleVerify, verificationState, setStage, errorCode, setErrorState, verification_level]);
-  return /* @__PURE__ */ jsxs9("div", { className: "-mt-6 space-y-10", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: clsx_default("-mt-6 space-y-5", { "space-y-10": !showQR }), children: [
     /* @__PURE__ */ jsxs9("div", { children: [
       /* @__PURE__ */ jsx13("div", { className: "mb-4 flex items-center justify-center", children: /* @__PURE__ */ jsx13(WorldcoinIcon_default, { className: "h-10 text-0d151d dark:text-white" }) }),
       /* @__PURE__ */ jsx13("p", { className: "text-center font-sora text-2xl font-semibold text-gray-900 dark:text-white", children: __("Verify with World ID") }),
@@ -1742,7 +1786,7 @@ var WorldIDState = () => {
     ] }),
     /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
       verificationState == VerificationState.WaitingForApp && /* @__PURE__ */ jsxs9("div", { className: "absolute inset-0 flex flex-col items-center justify-center space-y-6", children: [
-        /* @__PURE__ */ jsx13(LoadingIcon_default, { className: "h-6 w-6" }),
+        /* @__PURE__ */ jsx13(LoadingIcon_default, { className: "size-6" }),
         /* @__PURE__ */ jsxs9("div", { children: [
           /* @__PURE__ */ jsx13("p", { className: "font-bold text-657080", children: "Verifying" }),
           /* @__PURE__ */ jsx13("p", { className: "text-sm text-657080", children: "Please continue in app" })
@@ -1840,7 +1884,7 @@ var IDKitWidget = ({ children, ...config }) => {
             className: "relative z-50 flex min-h-screen w-full flex-col bg-white pt-6 shadow focus:outline-none focus-visible:ring focus-visible:ring-purple-500/75 dark:bg-0d151d md:min-h-[35rem] md:max-w-md md:rounded-2xl",
             children: /* @__PURE__ */ jsxs11(Toast.Provider, { children: [
               /* @__PURE__ */ jsx15(Toast.Viewport, { className: "flex justify-center" }),
-              /* @__PURE__ */ jsx15("div", { className: "mx-6 mb-12 flex items-center justify-between", children: /* @__PURE__ */ jsx15(Dialog.Close, { className: "flex items-center justify-center rounded-full dark:text-white", children: /* @__PURE__ */ jsx15(XMarkIcon_default, { className: "h-5 w-5" }) }) }),
+              /* @__PURE__ */ jsx15("div", { className: "mx-6 mb-12 flex items-center justify-between", children: /* @__PURE__ */ jsx15(Dialog.Close, { className: "flex items-center justify-center rounded-full dark:text-white", children: /* @__PURE__ */ jsx15(XMarkIcon_default, { className: "size-5" }) }) }),
               /* @__PURE__ */ jsx15("div", { className: "relative mx-6 mb-6 flex flex-1 flex-col items-center justify-center", children: /* @__PURE__ */ jsx15(StageContent, {}) }),
               /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-t border-f5f5f7 p-7 md:rounded-b-2xl", children: [
                 /* @__PURE__ */ jsxs11(

package/build/internal.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import * as zustand_traditional from 'zustand/traditional';
-import * as zustand from 'zustand';
-import { I as IDKITStage, a as ConfigSource, b as CallbackFn, C as Config } from './config-19dfed99.js';
+import * as zustand_vanilla from 'zustand/vanilla';
+import { I as IDKITStage, a as ConfigSource, b as CallbackFn, C as Config } from './config-Cp9MWjvm.js';
 import { IDKitConfig, ISuccessResult, IErrorState } from '@worldcoin/idkit-core';
 
 type CleanWord<T> = T extends `${string}${' ' | ',' | '!' | '?' | '.' | '`'}${string}` ? never : T extends '' ? never : T;
@@ -47,6 +47,6 @@ type IDKitStore = {
     addSuccessCallback: (cb: CallbackFn<ISuccessResult>, source: ConfigSource) => void;
     addVerificationCallback: (cb: CallbackFn<ISuccessResult>, source: ConfigSource) => void;
 };
-declare const useIDKitStore: zustand_traditional.UseBoundStoreWithEqualityFn<zustand.StoreApi<IDKitStore>>;
+declare const useIDKitStore: zustand_traditional.UseBoundStoreWithEqualityFn<zustand_vanilla.StoreApi<IDKitStore>>;
 
 export { ConfigSource, _default as QRCode, __, useIDKitStore };

package/build/internal.js

@@ -3,7 +3,7 @@ import {
   QRCode_default,
   __,
   idkit_default
-} from "./chunk-YVDL3YIJ.js";
+} from "./chunk-OPIVJQZ6.js";
 export {
   ConfigSource,
   QRCode_default as QRCode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/idkit",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "homepage": "https://docs.worldcoin.org/id/idkit",
   "license": "MIT",
   "private": false,
@@ -53,41 +53,42 @@
     "react-dom": ">18.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-dialog": "^1.0.3",
-    "@radix-ui/react-toast": "^1.1.3",
-    "@tailwindcss/forms": "^0.5.3",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@tailwindcss/forms": "^0.5.7",
     "copy-to-clipboard": "^3.3.3",
-    "framer-motion": "^7.6.7",
-    "qrcode": "^1.5.1",
+    "framer-motion": "^11.2.14",
+    "qrcode": "^1.5.3",
     "react-shadow": "^19.1.0",
-    "zustand": "^4.5",
-    "@worldcoin/idkit-core": "1.2.0"
+    "zustand": "^4.5.4",
+    "@worldcoin/idkit-core": "1.3.0"
   },
   "devDependencies": {
     "@types/node": "18.11.9",
-    "@types/qrcode": "^1.5.0",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "18.0.25",
     "@types/react-dom": "18.0.9",
-    "@typescript-eslint/eslint-plugin": "^6.13.1",
-    "@typescript-eslint/parser": "^6.13.1",
-    "autoprefixer": "^10.4.13",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.19",
+    "clsx": "^2.1.1",
     "eslint": "8.54.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-compat": "^4.1.1",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-tailwindcss": "^3.7.1",
-    "postcss": "^8.4.31",
-    "prettier": "^2.7.1",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-tailwindcss": "^3.17.4",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.2",
     "prettier-plugin-sort-imports-desc": "^1.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tailwindcss": "^3.2.4",
-    "tsup": "^7.2.0",
-    "typescript": "^5.3.2"
+    "tailwindcss": "^3.4.4",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.3"
   },
   "scripts": {
     "dev": "tsup --watch",