@worldcoin/mini-apps-ui-kit-react 0.0.5 → 0.0.7

package/README.md

@@ -113,3 +113,35 @@ import { Button } from "@worldcoin/mini-apps-ui-kit-react/Button";
 ```
 
 This method enables tree-shaking and reduces your final bundle size by only including the components you actually use. Recommended for production applications where bundle size is a concern.
+
+## Icons
+
+The library uses [Hugeicons](https://hugeicons.com/) for its icon system. To use icons in your project, you'll need to install the [React package](https://www.npmjs.com/package/@hugeicons/react):
+
+```bash
+npm install @hugeicons/react
+# or
+yarn add @hugeicons/react
+```
+
+Then you can import and use icons in your components:
+
+```jsx
+import { HomeIcon } from '@hugeicons/react';
+
+function MyComponent() {
+  return <HomeIcon size={24} />;
+}
+```
+
+Hugeicons provides a comprehensive set of icons across various categories including:
+- Navigation & UI elements
+- Social media
+- Business & Finance
+- Communication
+- Technology
+- And many more...
+
+You can browse the complete icon set at [hugeicons.com](https://hugeicons.com/).
+
+Hugeicons is available under various license options. Please refer to their [website](https://hugeicons.com/) for detailed licensing information. 

package/dist/components/ClearButton/Clear.d.ts

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

package/dist/components/ClearButton/Clear.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as C } from "../../lib/utils.js";
+function i({ className: l }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: C("h-4 w-4", l),
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.3333 9.99999C18.3333 14.6024 14.6024 18.3333 9.99999 18.3333C5.39762 18.3333 1.66666 14.6024 1.66666 9.99999C1.66666 5.39762 5.39762 1.66666 9.99999 1.66666C14.6024 1.66666 18.3333 5.39762 18.3333 9.99999ZM12.799 12.7989C12.5549 13.043 12.1592 13.043 11.9151 12.7989L10 10.8838L8.08491 12.7989C7.84083 13.043 7.4451 13.043 7.20102 12.7989C6.95695 12.5548 6.95695 12.1591 7.20102 11.915L9.11611 9.99994L7.20104 8.08486C6.95696 7.84078 6.95696 7.44506 7.20104 7.20098C7.44511 6.9569 7.84084 6.9569 8.08492 7.20098L10 9.11606L11.9151 7.20098C12.1591 6.95691 12.5549 6.95691 12.799 7.20098C13.043 7.44506 13.043 7.84079 12.799 8.08487L10.8839 9.99994L12.799 11.915C13.043 12.1591 13.043 12.5548 12.799 12.7989Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  i as Clear
+};

package/dist/components/ClearButton/ClearButton.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes } from 'react';
+import * as React from "react";
+interface ClearButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Reference to an input element that will receive the pasted text
+     */
+    inputRef: React.ForwardedRef<HTMLInputElement>;
+    /**
+     * Optional callback function that will be called after a successful paste
+     */
+    onClear?: () => void;
+}
+export declare const CLEAR_BUTTON_WIDTH = 1.25;
+declare const ClearButton: React.ForwardRefExoticComponent<ClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ClearButton;

package/dist/components/ClearButton/ClearButton.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as l } from "../../lib/utils.js";
+import { Clear as u } from "./Clear.js";
+const h = 1.25, i = m.forwardRef(
+  ({ children: p, inputRef: t, className: a, onClear: r, ...s }, n) => {
+    const c = (o) => {
+      o.preventDefault(), o.stopPropagation(), t && "current" in t && t.current && (t.current.value = "", r == null || r());
+    };
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        ref: n,
+        className: l(a),
+        onMouseDown: c,
+        ...s,
+        children: /* @__PURE__ */ e(u, { className: "text-gray-400 size-5" })
+      }
+    );
+  }
+);
+i.displayName = "ClearButton";
+export {
+  h as CLEAR_BUTTON_WIDTH,
+  i as default
+};

package/dist/components/ClearButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ClearButton';

package/dist/components/ClearButton/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ClearButton.js";
+export {
+  o as default
+};

package/dist/components/PasteButton/PasteButton.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes } from 'react';
 import * as React from "react";
-interface PasteButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface PasteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onPaste"> {
     /**
      * Reference to an input element that will receive the pasted text
      */
@@ -13,7 +13,7 @@ interface PasteButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Optional callback function that will be called after a successful paste
      */
-    onPaste?: () => void;
+    onPaste?: (value: string) => void;
 }
 export declare const PASTE_BUTTON_WIDTH = 3.875;
 declare const PasteButton: React.ForwardRefExoticComponent<PasteButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/PasteButton/PasteButton.js

@@ -3,15 +3,15 @@ import * as s from "react";
 import { cn as d } from "../../lib/utils.js";
 import { Typography as u } from "../Typography/Typography.js";
 const b = 3.875, m = s.forwardRef(
-  ({ children: p, inputRef: r, label: o = "Paste", className: c, onPaste: t, ...l }, n) => {
+  ({ children: p, inputRef: r, label: o = "Paste", className: c, onPaste: e, ...l }, n) => {
     const i = async () => {
       try {
         if (r && "current" in r && r.current) {
-          const e = await navigator.clipboard.readText();
-          r.current.value = e, t == null || t();
+          const t = await navigator.clipboard.readText();
+          r.current.value = t, e == null || e(t);
         }
-      } catch (e) {
-        console.error("Failed to read clipboard:", e);
+      } catch (t) {
+        console.error("Failed to read clipboard:", t);
       }
     };
     return /* @__PURE__ */ a(

package/dist/components/PhoneField/PhoneField.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { DROPDOWN_CONTAINER_STYLES as J } from "../../lib/constants/dropdownStyles.js";
-import { cn as K } from "../../lib/utils.js";
-import { Root as Q, Trigger as Z, Portal as ee, Content as oe, Viewport as te, Item as re } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
-import { forwardRef as ne, useRef as ae, useState as w, useMemo as F, useImperativeHandle as se } from "react";
-import { usePhoneInput as le, parseCountry as O } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { Drawer as ie, DrawerTrigger as ce, DrawerContent as ue, DrawerClose as de } from "../Drawer/Drawer.js";
-import { Input as me } from "../Input/Input.js";
-import { SearchField as he } from "../SearchField/SearchField.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { DROPDOWN_CONTAINER_STYLES as te } from "../../lib/constants/dropdownStyles.js";
+import { cn as oe } from "../../lib/utils.js";
+import { Root as re, Trigger as ne, Portal as ae, Content as le, Viewport as se, Item as ie } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
+import { forwardRef as ce, useRef as ue, useState as w, useMemo as F, useImperativeHandle as de } from "react";
+import { usePhoneInput as me, parseCountry as O } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
+import { Drawer as he, DrawerTrigger as fe, DrawerContent as pe, DrawerClose as Ce } from "../Drawer/Drawer.js";
+import { Input as ye } from "../Input/Input.js";
+import { SearchField as we } from "../SearchField/SearchField.js";
 import { Typography as P } from "../Typography/Typography.js";
 import L from "./CountryListItem.js";
 import R from "./CountrySelectorButton.js";
-import { DIAL_CODE_PREFIX as g, startAdornmentWidthByDialCodeLength as pe } from "./constants.js";
-import { getCountryDataListByCodes as fe, getValidatedCountryCode as u, filterCountries as Ce } from "./utils.js";
-const ye = ne(
+import { DIAL_CODE_PREFIX as g, startAdornmentWidthByDialCodeLength as ge } from "./constants.js";
+import { getCountryDataListByCodes as xe, getValidatedCountryCode as u, filterCountries as Ne } from "./utils.js";
+const Se = ce(
   ({
     value: T,
     onChange: d,
@@ -22,15 +22,20 @@ const ye = ne(
     defaultCountryCode: n = "US",
     hideDialCode: m = !1,
     disableDialCodePrefill: E = !0,
-    disabled: l = !1,
+    disabled: s = !1,
     error: b = !1,
     isValid: V,
     endAdornment: W,
     endAdornmentWidth: B,
     countrySelectorMode: _ = "dropdown",
-    ...j
-  }, k) => {
-    const N = ae(null), [h, p] = w(!1), [M, f] = w(!1), [C, S] = w(""), i = F(() => fe(x), [x]), { inputValue: q, country: y, inputRef: a, handlePhoneValueChange: H, setCountry: U } = le(
+    type: j = "tel",
+    inputMode: k = "tel",
+    autoComplete: M = "tel",
+    autoCapitalize: q = "off",
+    autoCorrect: H = "off",
+    ...U
+  }, X) => {
+    const N = ue(null), [h, f] = w(!1), [Y, p] = w(!1), [C, S] = w(""), i = F(() => xe(x), [x]), { inputValue: z, country: y, inputRef: a, handlePhoneValueChange: G, setCountry: J } = me(
       {
         defaultCountry: n.toLowerCase(),
         disableDialCodePrefill: E,
@@ -43,67 +48,72 @@ const ye = ne(
           );
         }
       }
-    ), s = u(y.iso2, n), X = 2.8, D = `${g}${y.dialCode}`, Y = m ? X : pe[y.dialCode.length];
-    se(k, () => a.current);
+    ), l = u(y.iso2, n), K = 2.8, D = `${g}${y.dialCode}`, Q = m ? K : ge[y.dialCode.length];
+    de(X, () => a.current);
     const v = (e) => {
-      e == null || e.preventDefault(), M && requestAnimationFrame(() => {
-        var t;
-        (t = a.current) == null || t.focus();
-      }), f(!1);
-    }, z = (e) => {
+      e == null || e.preventDefault(), Y && requestAnimationFrame(() => {
+        var o;
+        (o = a.current) == null || o.focus();
+      }), p(!1);
+    }, Z = (e) => {
       var r;
-      const t = (r = N.current) == null ? void 0 : r.contains(e.target);
-      f(!!t);
+      const o = (r = N.current) == null ? void 0 : r.contains(e.target);
+      p(!!o);
     }, A = (e) => {
-      U(e.toLowerCase()), p(!1);
-    }, G = (e) => {
+      J(e.toLowerCase()), f(!1);
+    }, ee = (e) => {
       S(e.target.value);
     }, I = F(
-      () => Ce(i, C),
+      () => Ne(i, C),
       [i, C]
     );
-    return /* @__PURE__ */ o(
-      me,
+    return /* @__PURE__ */ t(
+      ye,
       {
-        ...j,
+        ...U,
         ref: a,
-        value: q,
-        onChange: H,
+        type: j,
+        inputMode: k,
+        autoComplete: M,
+        autoCapitalize: q,
+        autoCorrect: H,
+        value: z,
+        onChange: G,
         placeholder: $,
-        disabled: l,
+        disabled: s,
         error: b,
         isValid: V,
         endAdornment: W,
         endAdornmentWidth: B,
-        startAdornmentWidth: Y,
+        startAdornmentWidth: Q,
         isFocused: h,
         startAdornment: _ === "drawer" ? /* @__PURE__ */ c(
-          ie,
+          he,
           {
             open: h,
-            onOpenChange: p,
+            onOpenChange: f,
             onClose: v,
             onAnimationEnd: (e) => {
-              e && f(!0);
+              e && p(!0);
             },
             children: [
-              /* @__PURE__ */ o(ce, { asChild: !0, className: "outline-none", children: /* @__PURE__ */ o(
+              /* @__PURE__ */ t(fe, { asChild: !0, className: "outline-none", children: /* @__PURE__ */ t(
                 R,
                 {
-                  disabled: l,
-                  countryCode: s,
+                  disabled: s,
+                  countryCode: l,
                   hideDialCode: m,
                   dialCode: D
                 }
               ) }),
-              /* @__PURE__ */ o(ue, { className: "h-[96%]", children: /* @__PURE__ */ c("div", { className: "max-w-md w-full mx-auto flex flex-col flex-grow", children: [
-                /* @__PURE__ */ o(P, { variant: "subtitle", level: 2, className: "px-4 py-2", children: "Select country" }),
-                /* @__PURE__ */ o("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ o(
-                  he,
+              /* @__PURE__ */ t(pe, { className: "h-[96%]", children: /* @__PURE__ */ c("div", { className: "max-w-md w-full mx-auto flex flex-col flex-grow", children: [
+                /* @__PURE__ */ t(P, { variant: "subtitle", level: 2, className: "px-4 py-2", children: "Select country" }),
+                /* @__PURE__ */ t("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ t(
+                  we,
                   {
                     placeholder: "Search name or number",
                     value: C,
-                    onChange: G
+                    onChange: ee
                   }
                 ) }),
                 /* @__PURE__ */ c(
@@ -117,24 +127,24 @@ const ye = ne(
                     },
                     children: [
                       I.map((e) => {
-                        const t = O(e), r = u(
-                          t.iso2,
+                        const o = O(e), r = u(
+                          o.iso2,
                           n
                         );
-                        return /* @__PURE__ */ o(de, { className: "block w-full", children: /* @__PURE__ */ o(
+                        return /* @__PURE__ */ t(Ce, { className: "block w-full", children: /* @__PURE__ */ t(
                           L,
                           {
                             countryCode: r,
-                            countryName: t.name,
-                            dialCode: `${g}${t.dialCode}`,
+                            countryName: o.name,
+                            dialCode: `${g}${o.dialCode}`,
                             onClick: () => {
                               A(r), S("");
                             },
-                            isSelected: s === r
+                            isSelected: l === r
                           }
                         ) }, r);
                       }),
-                      I.length === 0 && /* @__PURE__ */ o(P, { variant: "body", level: 2, className: "text-center", children: "No countries found" })
+                      I.length === 0 && /* @__PURE__ */ t(P, { variant: "body", level: 2, className: "text-center", children: "No countries found" })
                     ]
                   }
                 )
@@ -142,50 +152,50 @@ const ye = ne(
             ]
           }
         ) : /* @__PURE__ */ c(
-          Q,
+          re,
           {
-            value: s,
+            value: l,
             open: h,
-            onOpenChange: p,
+            onOpenChange: f,
             onValueChange: A,
-            disabled: l,
+            disabled: s,
             children: [
-              /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(
+              /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(
                 R,
                 {
-                  disabled: l,
-                  countryCode: s,
+                  disabled: s,
+                  countryCode: l,
                   hideDialCode: m,
                   dialCode: D
                 }
               ) }),
-              /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
-                oe,
+              /* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(
+                le,
                 {
                   ref: (e) => {
                     N.current = e, e && a.current && (e.style.width = `${a.current.offsetWidth}px`);
                   },
                   position: "popper",
-                  className: K(J, "-ml-3 mt-5 w-auto"),
+                  className: oe(te, "-ml-3 mt-5 w-auto"),
                   onCloseAutoFocus: v,
-                  onPointerDown: z,
-                  children: /* @__PURE__ */ o(te, { className: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] p-2", children: i.map((e) => {
-                    const t = O(e), r = u(
-                      t.iso2,
+                  onPointerDown: Z,
+                  children: /* @__PURE__ */ t(se, { className: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] p-2", children: i.map((e) => {
+                    const o = O(e), r = u(
+                      o.iso2,
                       n
                     );
-                    return /* @__PURE__ */ o(
-                      re,
+                    return /* @__PURE__ */ t(
+                      ie,
                       {
                         value: r,
                         className: "outline-none",
-                        children: /* @__PURE__ */ o(
+                        children: /* @__PURE__ */ t(
                           L,
                           {
                             countryCode: r,
-                            countryName: t.name,
-                            dialCode: `${g}${t.dialCode}`,
-                            isSelected: s === r
+                            countryName: o.name,
+                            dialCode: `${g}${o.dialCode}`,
+                            isSelected: l === r
                           }
                         )
                       },
@@ -201,8 +211,8 @@ const ye = ne(
     );
   }
 );
-ye.displayName = "PhoneField";
+Se.displayName = "PhoneField";
 export {
-  ye as PhoneField,
-  ye as default
+  Se as PhoneField,
+  Se as default
 };

package/dist/components/SearchField/SearchField.js

@@ -1,43 +1,78 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as A, useRef as h, useImperativeHandle as T } from "react";
-import { Magnifier as I } from "../Icons/Magnifier.js";
-import { Input as R } from "../Input/Input.js";
-import S, { PASTE_BUTTON_WIDTH as W } from "../PasteButton/PasteButton.js";
-const x = A(
+import { jsx as a } from "react/jsx-runtime";
+import { createChangeEvent as i } from "../../lib/utils.js";
+import { forwardRef as v, useRef as I, useState as S, useImperativeHandle as T } from "react";
+import P from "../ClearButton/ClearButton.js";
+import { Magnifier as R } from "../Icons/Magnifier.js";
+import { Input as W } from "../Input/Input.js";
+import x, { PASTE_BUTTON_WIDTH as E } from "../PasteButton/PasteButton.js";
+const H = v(
   ({
-    showPasteButton: m,
-    pasteButtonLabel: f,
+    showPasteButton: c,
+    pasteButtonLabel: l,
     isValid: d,
-    disabled: t,
-    type: a = "search",
-    autoComplete: i = "off",
-    spellCheck: l = "false",
-    endAdornment: p,
-    endAdornmentWidth: s,
-    ...u
-  }, c) => {
-    const e = h(null);
-    T(c, () => e.current);
-    let n = p, o = s;
-    return m && !t && (n = /* @__PURE__ */ r(S, { inputRef: e, label: f }), o = W), /* @__PURE__ */ r(
-      R,
+    disabled: f,
+    type: h = "search",
+    autoComplete: A = "off",
+    spellCheck: F = "false",
+    endAdornment: B,
+    endAdornmentWidth: C,
+    ...e
+  }, g) => {
+    const r = I(null), [s, o] = S(!1);
+    T(g, () => r.current);
+    let u = B, m = C;
+    return c && !f ? (u = /* @__PURE__ */ a(
+      x,
       {
-        ...u,
-        ref: e,
-        startAdornment: /* @__PURE__ */ r(I, {}),
+        inputRef: r,
+        label: l,
+        onPaste: () => {
+          var t;
+          if (r.current) {
+            const n = i(r.current);
+            (t = e.onChange) == null || t.call(e, n);
+          }
+        }
+      }
+    ), m = E) : s && !f && (u = /* @__PURE__ */ a(
+      P,
+      {
+        inputRef: r,
+        onClear: () => {
+          var t;
+          if (r.current) {
+            const n = i(r.current);
+            (t = e.onChange) == null || t.call(e, n);
+          }
+        }
+      }
+    ), m = 1.25), /* @__PURE__ */ a(
+      W,
+      {
+        ...e,
+        ref: r,
+        startAdornment: /* @__PURE__ */ a(R, {}),
         isValid: d,
-        disabled: t,
-        endAdornmentWidth: o,
-        endAdornment: n,
-        type: a,
-        autoComplete: i,
-        spellCheck: l
+        disabled: f,
+        endAdornmentWidth: m,
+        endAdornment: u,
+        type: h,
+        autoComplete: A,
+        spellCheck: F,
+        onFocus: (t) => {
+          var n;
+          o(!0), (n = e.onFocus) == null || n.call(e, t);
+        },
+        onBlur: (t) => {
+          var n;
+          o(!1), (n = e.onBlur) == null || n.call(e, t);
+        }
       }
     );
   }
 );
-x.displayName = "SearchField";
+H.displayName = "SearchField";
 export {
-  x as SearchField,
-  x as default
+  H as SearchField,
+  H as default
 };

package/dist/components/Select/Select.js

@@ -83,7 +83,7 @@ const $ = D(
               ),
               children: [
                 /* @__PURE__ */ r(S, { placeholder: g }),
-                /* @__PURE__ */ r(I, { className: "h-5 w-5", children: /* @__PURE__ */ r(_, { className: "text-gray-900" }) })
+                /* @__PURE__ */ r(I, { className: "h-5 w-5", children: /* @__PURE__ */ r(_, { className: "text-gray-500" }) })
               ]
             }
           ),

package/dist/components/Typography/Typography.d.ts

@@ -7,16 +7,16 @@ export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
     as?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "small" | "strong" | "div" | "em";
 }
 export interface TypographyNumberProps extends TypographyProps {
-    variant: "number";
-    level: 1 | 2 | 3 | 4 | 5 | 6;
+    variant?: "number";
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface TypographySubtitleBodyMonoProps extends TypographyProps {
-    variant: "subtitle" | "body" | "mono";
-    level: 1 | 2 | 3 | 4;
+    variant?: "subtitle" | "body" | "mono";
+    level?: 1 | 2 | 3 | 4;
 }
 export interface TypographyHeadingProps extends TypographyProps {
-    variant: "heading";
-    level: 1 | 2 | 3;
+    variant?: "heading";
+    level?: 1 | 2 | 3;
 }
 export type TypographyComponentProps = TypographyNumberProps | TypographySubtitleBodyMonoProps | TypographyHeadingProps;
 export declare const typographyVariants: (props?: ({

package/dist/lib/utils.d.ts

@@ -1,2 +1,4 @@
 import { ClassValue } from 'clsx';
+import { ChangeEvent } from 'react';
 export declare function cn(...inputs: ClassValue[]): string;
+export declare const createChangeEvent: (target: HTMLInputElement) => ChangeEvent<HTMLInputElement>;

package/dist/lib/utils.js

@@ -1,8 +1,13 @@
-import { clsx as o } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { twMerge as t } from "../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
-function n(...r) {
-  return t(o(r));
+import { clsx as r } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { twMerge as n } from "../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
+function u(...e) {
+  return n(r(e));
 }
+const a = (e) => {
+  const t = new Event("change", { bubbles: !0 });
+  return Object.defineProperty(t, "target", { value: e }), Object.defineProperty(t, "currentTarget", { value: e }), t;
+};
 export {
-  n as cn
+  u as cn,
+  a as createChangeEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/mini-apps-ui-kit-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/public/globals.css

@@ -1 +1 @@
-.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height,36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,#dcdcdc));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,#fff));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,#f5f5f5)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,#fff));box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,#dcdcdc))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,#dcdcdc));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,#fff));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height,36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color,#dcdcdc);border-radius:var(--react-international-phone-border-radius,4px);margin:0;background-color:var(--react-international-phone-background-color,#fff);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,#f5f5f5);color:var(--react-international-phone-disabled-text-color,#666)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input::-webkit-clear-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-datetime-edit,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-text,input::-webkit-datetime-edit-year-field{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--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;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans:Rubik;--font-display:Sora;--font-mono:DM Mono;--gray-900:#191c20;--gray-700:#3c424b;--gray-500:#657080;--gray-400:#9ba3ae;--gray-300:#d6d9dd;--gray-200:#ebecef;--gray-100:#f3f4f5;--gray-50:#f9fafb;--gray-25:#fbfbfc;--gray-0:#fff;--success-900:#18964f;--success-800:#00ab11;--success-700:#00c313;--success-300:#d6f6de;--success-100:#f5fdf7;--error-900:#b71b58;--error-800:#dc0025;--error-700:#ff5a76;--error-300:#ffd7df;--error-100:#fff5f7;--warning-900:#b47500;--warning-800:#dc8f00;--warning-700:#ffb11b;--warning-300:#ffeece;--warning-100:#fff9ef;--info-900:#054cb7;--info-800:#0025dc;--info-700:#5a9cff;--info-300:#cee2ff;--info-100:#f3f8ff}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-ml-3{margin-left:-.75rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[3\.5rem\]{width:3.5rem;height:3.5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[3\.125rem\]{height:3.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[96\%\]{height:96%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[11\.75rem\]{max-height:11.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[6rem\]{min-width:6rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-none{animation:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-none{border-style:none}.border-error-700{border-color:var(--error-700)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-900{border-color:var(--gray-900)}.bg-error-100{background-color:var(--error-100)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-info-100{background-color:var(--info-100)}.bg-success-100{background-color:var(--success-100)}.bg-transparent{background-color:transparent}.bg-warning-100{background-color:var(--warning-100)}.fill-current{fill:currentColor}.fill-gray-900{fill:var(--gray-900)}.fill-transparent{fill:transparent}.stroke-gray-400{stroke:var(--gray-400)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.125rem\]{font-size:2.125rem}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.2\]{line-height:1.2}.leading-compact{line-height:1.3}.leading-narrow{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-normal{letter-spacing:0}.text-error-700{color:var(--error-700)}.text-gray-0{color:var(--gray-0)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-900{color:var(--gray-900)}.text-info-700{color:var(--info-700)}.text-success-700{color:var(--success-700)}.text-transparent{color:transparent}.text-warning-700{color:var(--warning-700)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.shadow-card{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color)}.shadow-card,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-regular-large{--tw-shadow:0 1rem 2.5rem -0.5rem #585c5f29;--tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.file\:hidden::file-selector-button{display:none}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-300:hover{background-color:var(--gray-300)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-transparent:hover{background-color:transparent}.focus\:border-error-700:focus{border-color:var(--error-700)}.focus\:bg-error-100:focus{background-color:var(--error-100)}.focus\:bg-gray-0:focus{background-color:var(--gray-0)}.focus\:shadow-card:focus{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:border-gray-200:focus::-moz-placeholder{border-color:var(--gray-200)}.placeholder\:focus\:border-gray-200:focus::placeholder{border-color:var(--gray-200)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{background-color:var(--gray-200)}.active\:bg-gray-400:active{background-color:var(--gray-400)}.active\:bg-gray-50:active{background-color:var(--gray-50)}.active\:bg-gray-500:active{background-color:var(--gray-500)}.active\:bg-transparent:active{background-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--gray-100)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{color:var(--gray-300)}.disabled\:text-transparent:disabled{color:transparent}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group:focus-within .group-focus-within\:bg-gray-100{background-color:var(--gray-100)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{border-color:var(--gray-900)}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{border-color:var(--gray-300)}.data-\[state\=unchecked\]\:border-gray-400[data-state=unchecked]{border-color:var(--gray-400)}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{background-color:var(--gray-900)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--gray-300)}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-400[data-placeholder]{color:var(--gray-400)}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
+.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height,36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,#dcdcdc));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,#fff));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,#f5f5f5)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,#fff));box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,#dcdcdc))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,#dcdcdc));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,#fff));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height,36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color,#dcdcdc);border-radius:var(--react-international-phone-border-radius,4px);margin:0;background-color:var(--react-international-phone-background-color,#fff);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,#f5f5f5);color:var(--react-international-phone-disabled-text-color,#666)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input::-webkit-clear-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-datetime-edit,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-text,input::-webkit-datetime-edit-year-field{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--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;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans:Rubik;--font-display:Sora;--font-mono:DM Mono;--gray-900:#191c20;--gray-700:#3c424b;--gray-500:#657080;--gray-400:#9ba3ae;--gray-300:#d6d9dd;--gray-200:#ebecef;--gray-100:#f3f4f5;--gray-50:#f9fafb;--gray-25:#fbfbfc;--gray-0:#fff;--success-900:#18964f;--success-800:#00ab11;--success-700:#00c313;--success-300:#d6f6de;--success-100:#f5fdf7;--error-900:#b71b58;--error-800:#dc0025;--error-700:#ff5a76;--error-300:#ffd7df;--error-100:#fff5f7;--warning-900:#b47500;--warning-800:#dc8f00;--warning-700:#ffb11b;--warning-300:#ffeece;--warning-100:#fff9ef;--info-900:#054cb7;--info-800:#0025dc;--info-700:#5a9cff;--info-300:#cee2ff;--info-100:#f3f8ff}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-ml-3{margin-left:-.75rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[3\.5rem\]{width:3.5rem;height:3.5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[3\.125rem\]{height:3.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[96\%\]{height:96%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[11\.75rem\]{max-height:11.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[6rem\]{min-width:6rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-none{animation:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-none{border-style:none}.border-error-700{border-color:var(--error-700)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-900{border-color:var(--gray-900)}.bg-error-100{background-color:var(--error-100)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-info-100{background-color:var(--info-100)}.bg-success-100{background-color:var(--success-100)}.bg-transparent{background-color:transparent}.bg-warning-100{background-color:var(--warning-100)}.fill-current{fill:currentColor}.fill-gray-900{fill:var(--gray-900)}.fill-transparent{fill:transparent}.stroke-gray-400{stroke:var(--gray-400)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.125rem\]{font-size:2.125rem}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.2\]{line-height:1.2}.leading-compact{line-height:1.3}.leading-narrow{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-normal{letter-spacing:0}.text-error-700{color:var(--error-700)}.text-gray-0{color:var(--gray-0)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-900{color:var(--gray-900)}.text-info-700{color:var(--info-700)}.text-success-700{color:var(--success-700)}.text-transparent{color:transparent}.text-warning-700{color:var(--warning-700)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.shadow-card{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color)}.shadow-card,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-regular-large{--tw-shadow:0 1rem 2.5rem -0.5rem #585c5f29;--tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.file\:hidden::file-selector-button{display:none}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-300:hover{background-color:var(--gray-300)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-transparent:hover{background-color:transparent}.focus\:border-error-700:focus{border-color:var(--error-700)}.focus\:bg-error-100:focus{background-color:var(--error-100)}.focus\:bg-gray-0:focus{background-color:var(--gray-0)}.focus\:shadow-card:focus{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:border-gray-200:focus::-moz-placeholder{border-color:var(--gray-200)}.placeholder\:focus\:border-gray-200:focus::placeholder{border-color:var(--gray-200)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{background-color:var(--gray-200)}.active\:bg-gray-400:active{background-color:var(--gray-400)}.active\:bg-gray-50:active{background-color:var(--gray-50)}.active\:bg-gray-500:active{background-color:var(--gray-500)}.active\:bg-transparent:active{background-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--gray-100)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{color:var(--gray-300)}.disabled\:text-transparent:disabled{color:transparent}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group:focus-within .group-focus-within\:bg-gray-100{background-color:var(--gray-100)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{border-color:var(--gray-900)}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{border-color:var(--gray-300)}.data-\[state\=unchecked\]\:border-gray-400[data-state=unchecked]{border-color:var(--gray-400)}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{background-color:var(--gray-900)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--gray-300)}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-400[data-placeholder]{color:var(--gray-400)}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}