@worldcoin/mini-apps-ui-kit-react 1.3.7 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CountryDrawer/CountryDrawer.d.ts +6 -1
- package/dist/components/CountryDrawer/CountryDrawer.js +49 -34
- package/dist/components/CountryDrawer/useCountryFiltering.d.ts +2 -1
- package/dist/components/CountryDrawer/useCountryFiltering.js +13 -2
- package/dist/components/CountryDrawer/useCountryGrouping.d.ts +4 -2
- package/dist/components/CountryDrawer/useCountryGrouping.js +9 -3
- package/dist/components/Dialog/Dialog.d.ts +13 -0
- package/dist/components/Dialog/Dialog.js +91 -0
- package/dist/components/DrawerDialog/DrawerDialog.d.ts +32 -0
- package/dist/components/DrawerDialog/DrawerDialog.js +71 -0
- package/dist/components/DrawerDialog/index.d.ts +2 -0
- package/dist/components/PhoneField/CountryListItem.d.ts +3 -1
- package/dist/components/PhoneField/CountryListItem.js +3 -1
- package/dist/components/PhoneField/GroupedCountryList.d.ts +4 -1
- package/dist/components/PhoneField/GroupedCountryList.js +14 -6
- package/dist/components/PhoneField/PhoneField.d.ts +7 -0
- package/dist/components/PhoneField/PhoneField.js +4 -0
- package/dist/components/PhoneField/utils.d.ts +14 -1
- package/dist/components/PhoneField/utils.js +14 -5
- package/dist/components/VerificationBadge/VerificationBadge.d.ts +6 -0
- package/dist/components/VerificationBadge/VerificationBadge.js +35 -0
- package/dist/components/VerificationBadge/index.d.ts +1 -0
- package/dist/globals.css +1 -1
- package/dist/hooks/use-isomorphic-layout-effect.d.ts +15 -0
- package/dist/hooks/use-isomorphic-layout-effect.js +5 -0
- package/dist/hooks/use-media-query.d.ts +28 -0
- package/dist/hooks/use-media-query.js +40 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +12 -0
- package/dist/lib/I18nProvider.d.ts +19 -0
- package/dist/lib/I18nProvider.js +37 -0
- package/dist/lib/i18n.d.ts +13 -0
- package/dist/lib/i18n.js +43 -0
- package/dist/lib/locales.d.ts +20 -0
- package/dist/lib/locales.js +96 -0
- package/dist/locales/af.json.d.ts +258 -0
- package/dist/locales/af.json.js +11 -0
- package/dist/locales/am.json.d.ts +258 -0
- package/dist/locales/am.json.js +11 -0
- package/dist/locales/ar.json.d.ts +258 -0
- package/dist/locales/ar.json.js +11 -0
- package/dist/locales/az.json.d.ts +258 -0
- package/dist/locales/az.json.js +11 -0
- package/dist/locales/be.json.d.ts +258 -0
- package/dist/locales/be.json.js +11 -0
- package/dist/locales/bg.json.d.ts +258 -0
- package/dist/locales/bg.json.js +11 -0
- package/dist/locales/bn.json.d.ts +258 -0
- package/dist/locales/bn.json.js +11 -0
- package/dist/locales/br.json.d.ts +258 -0
- package/dist/locales/br.json.js +11 -0
- package/dist/locales/bs.json.d.ts +258 -0
- package/dist/locales/bs.json.js +11 -0
- package/dist/locales/ca.json.d.ts +258 -0
- package/dist/locales/ca.json.js +11 -0
- package/dist/locales/cs.json.d.ts +258 -0
- package/dist/locales/cs.json.js +11 -0
- package/dist/locales/cy.json.d.ts +258 -0
- package/dist/locales/cy.json.js +11 -0
- package/dist/locales/da.json.d.ts +258 -0
- package/dist/locales/da.json.js +11 -0
- package/dist/locales/de.json.d.ts +258 -0
- package/dist/locales/de.json.js +11 -0
- package/dist/locales/dv.json.d.ts +258 -0
- package/dist/locales/dv.json.js +11 -0
- package/dist/locales/el.json.d.ts +324 -0
- package/dist/locales/el.json.js +11 -0
- package/dist/locales/en.json.d.ts +258 -0
- package/dist/locales/en.json.js +11 -0
- package/dist/locales/es.json.d.ts +258 -0
- package/dist/locales/es.json.js +11 -0
- package/dist/locales/et.json.d.ts +258 -0
- package/dist/locales/et.json.js +11 -0
- package/dist/locales/eu.json.d.ts +258 -0
- package/dist/locales/eu.json.js +11 -0
- package/dist/locales/fa.json.d.ts +258 -0
- package/dist/locales/fa.json.js +11 -0
- package/dist/locales/fi.json.d.ts +258 -0
- package/dist/locales/fi.json.js +11 -0
- package/dist/locales/fr.json.d.ts +258 -0
- package/dist/locales/fr.json.js +11 -0
- package/dist/locales/ga.json.d.ts +258 -0
- package/dist/locales/ga.json.js +11 -0
- package/dist/locales/gl.json.d.ts +258 -0
- package/dist/locales/gl.json.js +11 -0
- package/dist/locales/ha.json.d.ts +258 -0
- package/dist/locales/ha.json.js +11 -0
- package/dist/locales/he.json.d.ts +258 -0
- package/dist/locales/he.json.js +11 -0
- package/dist/locales/hi.json.d.ts +258 -0
- package/dist/locales/hi.json.js +11 -0
- package/dist/locales/hr.json.d.ts +258 -0
- package/dist/locales/hr.json.js +11 -0
- package/dist/locales/hu.json.d.ts +258 -0
- package/dist/locales/hu.json.js +11 -0
- package/dist/locales/hy.json.d.ts +258 -0
- package/dist/locales/hy.json.js +11 -0
- package/dist/locales/id.json.d.ts +258 -0
- package/dist/locales/id.json.js +11 -0
- package/dist/locales/index.d.ts +78 -0
- package/dist/locales/is.json.d.ts +258 -0
- package/dist/locales/is.json.js +11 -0
- package/dist/locales/it.json.d.ts +258 -0
- package/dist/locales/it.json.js +11 -0
- package/dist/locales/ja.json.d.ts +258 -0
- package/dist/locales/ja.json.js +11 -0
- package/dist/locales/ka.json.d.ts +258 -0
- package/dist/locales/ka.json.js +11 -0
- package/dist/locales/kk.json.d.ts +258 -0
- package/dist/locales/kk.json.js +11 -0
- package/dist/locales/km.json.d.ts +258 -0
- package/dist/locales/km.json.js +11 -0
- package/dist/locales/ko.json.d.ts +258 -0
- package/dist/locales/ko.json.js +11 -0
- package/dist/locales/ku.json.d.ts +258 -0
- package/dist/locales/ku.json.js +11 -0
- package/dist/locales/ky.json.d.ts +258 -0
- package/dist/locales/ky.json.js +11 -0
- package/dist/locales/lt.json.d.ts +258 -0
- package/dist/locales/lt.json.js +11 -0
- package/dist/locales/lv.json.d.ts +258 -0
- package/dist/locales/lv.json.js +11 -0
- package/dist/locales/mk.json.d.ts +258 -0
- package/dist/locales/mk.json.js +11 -0
- package/dist/locales/ml.json.d.ts +258 -0
- package/dist/locales/ml.json.js +11 -0
- package/dist/locales/mn.json.d.ts +258 -0
- package/dist/locales/mn.json.js +11 -0
- package/dist/locales/mr.json.d.ts +258 -0
- package/dist/locales/mr.json.js +11 -0
- package/dist/locales/ms.json.d.ts +258 -0
- package/dist/locales/ms.json.js +11 -0
- package/dist/locales/mt.json.d.ts +258 -0
- package/dist/locales/mt.json.js +11 -0
- package/dist/locales/nb.json.d.ts +258 -0
- package/dist/locales/nb.json.js +11 -0
- package/dist/locales/nl.json.d.ts +273 -0
- package/dist/locales/nl.json.js +11 -0
- package/dist/locales/nn.json.d.ts +258 -0
- package/dist/locales/nn.json.js +11 -0
- package/dist/locales/no.json.d.ts +258 -0
- package/dist/locales/no.json.js +11 -0
- package/dist/locales/pl.json.d.ts +258 -0
- package/dist/locales/pl.json.js +11 -0
- package/dist/locales/ps.json.d.ts +258 -0
- package/dist/locales/ps.json.js +11 -0
- package/dist/locales/pt.json.d.ts +258 -0
- package/dist/locales/pt.json.js +11 -0
- package/dist/locales/ro.json.d.ts +258 -0
- package/dist/locales/ro.json.js +11 -0
- package/dist/locales/ru.json.d.ts +258 -0
- package/dist/locales/ru.json.js +11 -0
- package/dist/locales/sd.json.d.ts +258 -0
- package/dist/locales/sd.json.js +11 -0
- package/dist/locales/sk.json.d.ts +258 -0
- package/dist/locales/sk.json.js +11 -0
- package/dist/locales/sl.json.d.ts +258 -0
- package/dist/locales/sl.json.js +11 -0
- package/dist/locales/so.json.d.ts +258 -0
- package/dist/locales/so.json.js +11 -0
- package/dist/locales/sq.json.d.ts +258 -0
- package/dist/locales/sq.json.js +11 -0
- package/dist/locales/sr.json.d.ts +258 -0
- package/dist/locales/sr.json.js +11 -0
- package/dist/locales/sv.json.d.ts +258 -0
- package/dist/locales/sv.json.js +11 -0
- package/dist/locales/sw.json.d.ts +258 -0
- package/dist/locales/sw.json.js +11 -0
- package/dist/locales/ta.json.d.ts +258 -0
- package/dist/locales/ta.json.js +11 -0
- package/dist/locales/tg.json.d.ts +258 -0
- package/dist/locales/tg.json.js +11 -0
- package/dist/locales/th.json.d.ts +258 -0
- package/dist/locales/th.json.js +11 -0
- package/dist/locales/tk.json.d.ts +258 -0
- package/dist/locales/tk.json.js +11 -0
- package/dist/locales/tr.json.d.ts +258 -0
- package/dist/locales/tr.json.js +11 -0
- package/dist/locales/tt.json.d.ts +258 -0
- package/dist/locales/tt.json.js +11 -0
- package/dist/locales/types.d.ts +1 -0
- package/dist/locales/ug.json.d.ts +258 -0
- package/dist/locales/ug.json.js +11 -0
- package/dist/locales/uk.json.d.ts +258 -0
- package/dist/locales/uk.json.js +11 -0
- package/dist/locales/ur.json.d.ts +258 -0
- package/dist/locales/ur.json.js +11 -0
- package/dist/locales/uz.json.d.ts +258 -0
- package/dist/locales/uz.json.js +11 -0
- package/dist/locales/vi.json.d.ts +258 -0
- package/dist/locales/vi.json.js +11 -0
- package/dist/locales/zh.json.d.ts +258 -0
- package/dist/locales/zh.json.js +11 -0
- package/dist/node_modules/.pnpm/@radix-ui_primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.js +11 -0
- package/dist/node_modules/.pnpm/{@radix-ui_react-dialog@1.1.14_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@18.3_skdkbhdoafm46nddrsexoqxvsa → @radix-ui_react-dialog@1.1.15_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@18.3_n6h2mnlo6eeop2x37d75f7xnhe}/node_modules/@radix-ui/react-dialog/dist/index.js +4 -4
- package/dist/node_modules/.pnpm/@radix-ui_react-dismissable-layer@1.1.11_@types_react-dom@18.3.7_@types_react@18.3.23__@types_kg5q3nhutdslurngxomqmbsqyy/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +213 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-focus-guards@1.1.3_@types_react@18.3.23_react@18.3.1/node_modules/@radix-ui/react-focus-guards/dist/index.js +30 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-presence@1.1.5_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@18._qvx2ax5olpxuodjkqaw7d5exbm/node_modules/@radix-ui/react-presence/dist/index.js +130 -0
- package/dist/node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@18.3.23_react-dom@18.3._hck6bgtscpcdlplcvchrs7yfhu/node_modules/vaul/dist/index.js +1 -1
- package/package.json +396 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../../lib/utils.js";
|
|
3
|
+
function VerificationBadge({ verified, className }) {
|
|
4
|
+
return /* @__PURE__ */ jsxs(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
width: "20",
|
|
8
|
+
height: "20",
|
|
9
|
+
viewBox: "0 0 20 20",
|
|
10
|
+
fill: "none",
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
className: cn("size-5", className),
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "10", className: verified ? "fill-info-600" : "fill-gray-200" }),
|
|
15
|
+
/* @__PURE__ */ jsx(
|
|
16
|
+
"path",
|
|
17
|
+
{
|
|
18
|
+
d: "M15.3711 8.92871L11 10.6768V16H9V10.6768L4.62891 8.92871L5.37109 7.07129L10 8.92285L14.6289 7.07129L15.3711 8.92871Z",
|
|
19
|
+
className: verified ? "fill-gray-0" : "fill-gray-350"
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ jsx(
|
|
23
|
+
"path",
|
|
24
|
+
{
|
|
25
|
+
d: "M10.0392 7.31641C10.7297 7.31641 11.2894 6.75676 11.2894 6.0664C11.2894 5.37605 10.7297 4.81641 10.0392 4.81641C9.34878 4.81641 8.78906 5.37605 8.78906 6.0664C8.78906 6.75676 9.34878 7.31641 10.0392 7.31641Z",
|
|
26
|
+
className: verified ? "fill-gray-0" : "fill-gray-350"
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
export {
|
|
34
|
+
VerificationBadge
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { VerificationBadge, type VerificationBadgeProps } from './VerificationBadge';
|
package/dist/globals.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-350.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-350Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-500Italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(https://mini-apps-ui-kit.world.org/fonts/TWKLausanne-600Italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}:root{--font-sans:"TWK Lausanne",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}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: }
|
|
2
2
|
|
|
3
|
-
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--gray-200)/1)}: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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:rgb(var(--gray-400)/1)}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--gray-400)/1)}[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:TWK Lausanne;--gray-0:255 255 255;--gray-50:249 250 251;--gray-100:243 244 245;--gray-200:235 236 239;--gray-300:214 217 221;--gray-350:177 184 194;--gray-400:155 163 174;--gray-500:113 118 128;--gray-700:60 66 75;--gray-900:24 24 24;--success-100:230 249 236;--success-200:204 243 217;--success-300:153 232 179;--success-400:102 220 141;--success-500:51 209 103;--success-600:0 194 48;--success-700:0 155 38;--success-800:0 116 29;--success-900:0 77 19;--error-100:254 233 231;--error-200:253 211 207;--error-300:251 167 159;--error-400:249 123 111;--error-500:247 80 63;--error-600:242 40 13;--error-700:194 32 10;--error-800:145 24 8;--error-900:97 16 5;--warning-100:255 246 230;--warning-200:255 237 204;--warning-300:255 219 153;--warning-400:255 201 102;--warning-500:255 184 51;--warning-600:255 174 0;--warning-700:204 139 0;--warning-800:153 104 0;--warning-900:102 70 0;--info-100:230 240 255;--info-200:204 224 255;--info-300:153 194 255;--info-400:102 163 255;--info-500:51 133 255;--info-600:0 92 255;--info-700:0 74 204;--info-800:0 55 153;--info-900:0 36 102;--world-blue-primary:63 219 237;--world-blue-secondary:236 251 253;--carrot-orange-primary:255 90 0;--carrot-orange-secondary:255 237 230;--purple-primary:134 0 255;--purple-secondary:242 230 255;--green-primary:0 194 48;--green-secondary:230 249 236;--blue-primary:0 92 255;--blue-secondary:230 240 255;--worldcoin-primary:24 24 24;--worldcoin-secondary:243 244 245;--digital-dollars-primary:0 194 48;--digital-dollars-secondary:230 249 236;--bitcoin-primary:255 90 0;--bitcoin-secondary:255 237 230;--ethereum-primary:51 133 255;--ethereum-secondary:230 240 255}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.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}}.skeleton{position:relative;overflow:hidden;background-color:rgba(6,5,4,.02);background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 40px,transparent 80px);background-size:400% 100%;animation:shine 10s linear infinite}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.start-0{inset-inline-start:0}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:0}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[0\.875rem\]{width:.875rem;height:.875rem}.size-\[1\.5rem\]{width:1.5rem;height:1.5rem}.size-\[1\.625rem\]{width:1.625rem;height:1.625rem}.size-\[2\.125rem\]{width:2.125rem;height:2.125rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[5\.5rem\]{width:5.5rem;height:5.5rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.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-\[0\.975rem\]{height:.975rem}.h-\[1\.05625rem\]{height:1.05625rem}.h-\[1\.125rem\]{height:1.125rem}.h-\[1\.21875rem\]{height:1.21875rem}.h-\[1\.275rem\]{height:1.275rem}.h-\[1\.38125rem\]{height:1.38125rem}.h-\[1\.425rem\]{height:1.425rem}.h-\[1\.54375rem\]{height:1.54375rem}.h-\[1\.575rem\]{height:1.575rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[1\.65rem\]{height:1.65rem}.h-\[1\.95rem\]{height:1.95rem}.h-\[1px\]{height:1px}.h-\[2\.25rem\]{height:2.25rem}.h-\[2\.55rem\]{height:2.55rem}.h-\[200px\]{height:200px}.h-\[3\.125rem\]{height:3.125rem}.h-\[3\.3rem\]{height:3.3rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[3rem\]{height:3rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[4\.2rem\]{height:4.2rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.75rem\]{height:4.75rem}.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}.max-h-screen{max-height:100vh}.min-h-14{min-height:3.5rem}.min-h-\[7\.5rem\]{min-height:7.5rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.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-\[7\.5rem\]{width:7.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-64{min-width:16rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.transform,.translate-y-\[-50\%\]{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))}@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}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.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-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.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)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-t-\[0\.625rem\]{border-top-left-radius:.625rem;border-top-right-radius:.625rem}.rounded-t-\[1\.75rem\]{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-x{border-left-width:1px}.border-r,.border-x{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\!border-error-600{--tw-border-opacity:1!important;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))!important}.border-error-600{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.border-gray-0{--tw-border-opacity:1;border-color:rgb(var(--gray-0)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.\!bg-gray-0{--tw-bg-opacity:1!important;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor}.bg-error-100{--tw-bg-opacity:1;background-color:rgb(var(--error-100)/var(--tw-bg-opacity,1))}.bg-error-500{--tw-bg-opacity:1;background-color:rgb(var(--error-500)/var(--tw-bg-opacity,1))}.bg-error-600{--tw-bg-opacity:1;background-color:rgb(var(--error-600)/var(--tw-bg-opacity,1))}.bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(var(--gray-400)/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.bg-gray-900\/40{background-color:rgb(var(--gray-900)/.4)}.bg-info-100{--tw-bg-opacity:1;background-color:rgb(var(--info-100)/var(--tw-bg-opacity,1))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(var(--success-100)/var(--tw-bg-opacity,1))}.bg-success-500{--tw-bg-opacity:1;background-color:rgb(var(--success-500)/var(--tw-bg-opacity,1))}.bg-success-600{--tw-bg-opacity:1;background-color:rgb(var(--success-600)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(var(--warning-100)/var(--tw-bg-opacity,1))}.bg-warning-600{--tw-bg-opacity:1;background-color:rgb(var(--warning-600)/var(--tw-bg-opacity,1))}.bg-\[radial-gradient\(111\.32\%_111\.8\%_at_22\.73\%_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.2\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_100\%\)\]{background-image:radial-gradient(111.32% 111.8% at 22.73% 0,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%)}.fill-current{fill:currentColor}.fill-gray-0{fill:rgb(var(--gray-0)/1)}.fill-gray-100{fill:rgb(var(--gray-100)/1)}.fill-gray-350{fill:rgb(var(--gray-350)/1)}.fill-gray-900{fill:rgb(var(--gray-900)/1)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[0\.08125rem\]{padding-top:.08125rem;padding-bottom:.08125rem}.py-\[0\.09375rem\]{padding-top:.09375rem;padding-bottom:.09375rem}.py-\[0\.10625rem\]{padding-top:.10625rem;padding-bottom:.10625rem}.py-\[0\.11875rem\]{padding-top:.11875rem;padding-bottom:.11875rem}.py-\[0\.121875rem\]{padding-top:.121875rem;padding-bottom:.121875rem}.py-\[0\.13125rem\]{padding-top:.13125rem;padding-bottom:.13125rem}.py-\[0\.1375rem\]{padding-top:.1375rem;padding-bottom:.1375rem}.py-\[0\.140625rem\]{padding-top:.140625rem;padding-bottom:.140625rem}.py-\[0\.159375rem\]{padding-top:.159375rem;padding-bottom:.159375rem}.py-\[0\.1625rem\]{padding-top:.1625rem;padding-bottom:.1625rem}.py-\[0\.178125rem\]{padding-top:.178125rem;padding-bottom:.178125rem}.py-\[0\.1875rem\]{padding-top:.1875rem;padding-bottom:.1875rem}.py-\[0\.2125rem\]{padding-top:.2125rem;padding-bottom:.2125rem}.py-\[0\.25rem\]{padding-top:.25rem;padding-bottom:.25rem}.py-\[0\.275rem\]{padding-top:.275rem;padding-bottom:.275rem}.py-\[0\.35rem\]{padding-top:.35rem;padding-bottom:.35rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:1.625rem}.text-2xs{font-size:.6875rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.125rem}.text-5xl{font-size:2.5rem}.text-6xl{font-size:2.75rem}.text-7xl{font-size:3.5rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1.0625rem}.text-lg{font-size:1.1875rem}.text-sm{font-size:.9375rem}.text-xl{font-size:1.3125rem}.text-xs{font-size:.8125rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.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-\[-0\.02em\]{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.text-error-600{--tw-text-opacity:1;color:rgb(var(--error-600)/var(--tw-text-opacity,1))}.text-error-700{--tw-text-opacity:1;color:rgb(var(--error-700)/var(--tw-text-opacity,1))}.text-gray-0{--tw-text-opacity:1;color:rgb(var(--gray-0)/var(--tw-text-opacity,1))}.text-gray-350{--tw-text-opacity:1;color:rgb(var(--gray-350)/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.text-info-700{--tw-text-opacity:1;color:rgb(var(--info-700)/var(--tw-text-opacity,1))}.text-success-600{--tw-text-opacity:1;color:rgb(var(--success-600)/var(--tw-text-opacity,1))}.text-success-700{--tw-text-opacity:1;color:rgb(var(--success-700)/var(--tw-text-opacity,1))}.text-warning-700{--tw-text-opacity:1;color:rgb(var(--warning-700)/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{--tw-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3);--tw-shadow-colored:inset 0 0 0 1px 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-\[top\2c transform\2c scale\2c opacity\2c color\]{transition-property:top,transform,scale,opacity,color;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-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-transparent::-moz-placeholder{color:transparent}.placeholder\:text-transparent::placeholder{color:transparent}.focus-within\:isolate:focus-within{isolation:isolate}.focus-within\:border-error-600:focus-within{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus-within\:border-gray-300:focus-within{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus-within\:bg-gray-0:focus-within{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.focus\:border-error-600:focus{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus\:bg-gray-0:focus{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-100:disabled{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.disabled\:text-gray-300:disabled{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.group:last-child .group-last\:hidden{display:none}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:focus~.peer-focus\:pointer-events-auto{pointer-events:auto}.peer:focus~.peer-focus\:top-\[1\.125rem\]{top:1.125rem}.peer:focus~.peer-focus\:border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.peer:focus~.peer-focus\:text-xs{font-size:.8125rem}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:pointer-events-auto{pointer-events:auto}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:pointer-events-auto{pointer-events:auto}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:top-\[1\.125rem\]{top:1.125rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:top-\[1\.125rem\]{top:1.125rem}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-xs{font-size:.8125rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:text-xs{font-size:.8125rem}.has-\[input\:disabled\]\:cursor-not-allowed:has(input:disabled){cursor:not-allowed}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[input\:disabled\]\:opacity-50:has(input:disabled){opacity:.5}.data-\[state\=open\]\:pointer-events-none[data-state=open]{pointer-events:none}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.data-\[state\=closed\]\:border-gray-100[data-state=closed]{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-200[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.data-\[state\=closed\]\:bg-gray-100[data-state=closed],.data-\[state\=on\]\:bg-gray-100[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-500[data-placeholder]{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-50[data-state=closed]{--tw-exit-opacity:0.5}.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.group[data-state=on] .group-data-\[state\=on\]\:block{display:block}.group[data-state=on] .group-data-\[state\=on\]\:hidden{display:none}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\:has\(\>\*\:nth-child\(2\)\)\]\:grid-cols-2:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.\[\&\>\*\]\:col-span-1>*{grid-column:span 1/span 1}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
|
|
3
|
+
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--gray-200)/1)}: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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:rgb(var(--gray-400)/1)}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--gray-400)/1)}[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:TWK Lausanne;--gray-0:255 255 255;--gray-50:249 250 251;--gray-100:243 244 245;--gray-200:235 236 239;--gray-300:214 217 221;--gray-350:177 184 194;--gray-400:155 163 174;--gray-500:113 118 128;--gray-700:60 66 75;--gray-900:24 24 24;--success-100:230 249 236;--success-200:204 243 217;--success-300:153 232 179;--success-400:102 220 141;--success-500:51 209 103;--success-600:0 194 48;--success-700:0 155 38;--success-800:0 116 29;--success-900:0 77 19;--error-100:254 233 231;--error-200:253 211 207;--error-300:251 167 159;--error-400:249 123 111;--error-500:247 80 63;--error-600:242 40 13;--error-700:194 32 10;--error-800:145 24 8;--error-900:97 16 5;--warning-100:255 246 230;--warning-200:255 237 204;--warning-300:255 219 153;--warning-400:255 201 102;--warning-500:255 184 51;--warning-600:255 174 0;--warning-700:204 139 0;--warning-800:153 104 0;--warning-900:102 70 0;--info-100:230 240 255;--info-200:204 224 255;--info-300:153 194 255;--info-400:102 163 255;--info-500:51 133 255;--info-600:0 92 255;--info-700:0 74 204;--info-800:0 55 153;--info-900:0 36 102;--world-blue-primary:63 219 237;--world-blue-secondary:236 251 253;--carrot-orange-primary:255 90 0;--carrot-orange-secondary:255 237 230;--purple-primary:134 0 255;--purple-secondary:242 230 255;--green-primary:0 194 48;--green-secondary:230 249 236;--blue-primary:0 92 255;--blue-secondary:230 240 255;--worldcoin-primary:24 24 24;--worldcoin-secondary:243 244 245;--digital-dollars-primary:0 194 48;--digital-dollars-secondary:230 249 236;--bitcoin-primary:255 90 0;--bitcoin-secondary:255 237 230;--ethereum-primary:51 133 255;--ethereum-secondary:230 240 255}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.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}}.skeleton{position:relative;overflow:hidden;background-color:rgba(6,5,4,.02);background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 40px,transparent 80px);background-size:400% 100%;animation:shine 10s linear infinite}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.start-0{inset-inline-start:0}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:0}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[0\.875rem\]{width:.875rem;height:.875rem}.size-\[1\.5rem\]{width:1.5rem;height:1.5rem}.size-\[1\.625rem\]{width:1.625rem;height:1.625rem}.size-\[2\.125rem\]{width:2.125rem;height:2.125rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[5\.5rem\]{width:5.5rem;height:5.5rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.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-\[0\.975rem\]{height:.975rem}.h-\[1\.05625rem\]{height:1.05625rem}.h-\[1\.125rem\]{height:1.125rem}.h-\[1\.21875rem\]{height:1.21875rem}.h-\[1\.275rem\]{height:1.275rem}.h-\[1\.38125rem\]{height:1.38125rem}.h-\[1\.425rem\]{height:1.425rem}.h-\[1\.54375rem\]{height:1.54375rem}.h-\[1\.575rem\]{height:1.575rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[1\.65rem\]{height:1.65rem}.h-\[1\.95rem\]{height:1.95rem}.h-\[1px\]{height:1px}.h-\[2\.25rem\]{height:2.25rem}.h-\[2\.55rem\]{height:2.55rem}.h-\[200px\]{height:200px}.h-\[3\.125rem\]{height:3.125rem}.h-\[3\.3rem\]{height:3.3rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[3rem\]{height:3rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[4\.2rem\]{height:4.2rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.75rem\]{height:4.75rem}.h-\[80vh\]{height:80vh}.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}.max-h-\[80vh\]{max-height:80vh}.max-h-screen{max-height:100vh}.min-h-14{min-height:3.5rem}.min-h-\[7\.5rem\]{min-height:7.5rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.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-\[7\.5rem\]{width:7.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-64{min-width:16rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x:-50%;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-y-1\/2,.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-translate-y-1\/2,.transform,.translate-y-\[-50\%\]{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))}@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}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.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-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.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)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-t-\[0\.625rem\]{border-top-left-radius:.625rem;border-top-right-radius:.625rem}.rounded-t-\[1\.75rem\]{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-x{border-left-width:1px}.border-r,.border-x{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\!border-error-600{--tw-border-opacity:1!important;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))!important}.border-error-600{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.border-gray-0{--tw-border-opacity:1;border-color:rgb(var(--gray-0)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.\!bg-gray-0{--tw-bg-opacity:1!important;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))!important}.bg-current{background-color:currentColor}.bg-error-100{--tw-bg-opacity:1;background-color:rgb(var(--error-100)/var(--tw-bg-opacity,1))}.bg-error-500{--tw-bg-opacity:1;background-color:rgb(var(--error-500)/var(--tw-bg-opacity,1))}.bg-error-600{--tw-bg-opacity:1;background-color:rgb(var(--error-600)/var(--tw-bg-opacity,1))}.bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(var(--gray-400)/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.bg-gray-900\/40{background-color:rgb(var(--gray-900)/.4)}.bg-info-100{--tw-bg-opacity:1;background-color:rgb(var(--info-100)/var(--tw-bg-opacity,1))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(var(--success-100)/var(--tw-bg-opacity,1))}.bg-success-500{--tw-bg-opacity:1;background-color:rgb(var(--success-500)/var(--tw-bg-opacity,1))}.bg-success-600{--tw-bg-opacity:1;background-color:rgb(var(--success-600)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(var(--warning-100)/var(--tw-bg-opacity,1))}.bg-warning-600{--tw-bg-opacity:1;background-color:rgb(var(--warning-600)/var(--tw-bg-opacity,1))}.bg-\[radial-gradient\(111\.32\%_111\.8\%_at_22\.73\%_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.2\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_100\%\)\]{background-image:radial-gradient(111.32% 111.8% at 22.73% 0,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%)}.fill-current{fill:currentColor}.fill-gray-0{fill:rgb(var(--gray-0)/1)}.fill-gray-100{fill:rgb(var(--gray-100)/1)}.fill-gray-200{fill:rgb(var(--gray-200)/1)}.fill-gray-350{fill:rgb(var(--gray-350)/1)}.fill-gray-900{fill:rgb(var(--gray-900)/1)}.fill-info-600{fill:rgb(var(--info-600)/1)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[0\.08125rem\]{padding-top:.08125rem;padding-bottom:.08125rem}.py-\[0\.09375rem\]{padding-top:.09375rem;padding-bottom:.09375rem}.py-\[0\.10625rem\]{padding-top:.10625rem;padding-bottom:.10625rem}.py-\[0\.11875rem\]{padding-top:.11875rem;padding-bottom:.11875rem}.py-\[0\.121875rem\]{padding-top:.121875rem;padding-bottom:.121875rem}.py-\[0\.13125rem\]{padding-top:.13125rem;padding-bottom:.13125rem}.py-\[0\.1375rem\]{padding-top:.1375rem;padding-bottom:.1375rem}.py-\[0\.140625rem\]{padding-top:.140625rem;padding-bottom:.140625rem}.py-\[0\.159375rem\]{padding-top:.159375rem;padding-bottom:.159375rem}.py-\[0\.1625rem\]{padding-top:.1625rem;padding-bottom:.1625rem}.py-\[0\.178125rem\]{padding-top:.178125rem;padding-bottom:.178125rem}.py-\[0\.1875rem\]{padding-top:.1875rem;padding-bottom:.1875rem}.py-\[0\.2125rem\]{padding-top:.2125rem;padding-bottom:.2125rem}.py-\[0\.25rem\]{padding-top:.25rem;padding-bottom:.25rem}.py-\[0\.275rem\]{padding-top:.275rem;padding-bottom:.275rem}.py-\[0\.35rem\]{padding-top:.35rem;padding-bottom:.35rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:1.625rem}.text-2xs{font-size:.6875rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.125rem}.text-5xl{font-size:2.5rem}.text-6xl{font-size:2.75rem}.text-7xl{font-size:3.5rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1.0625rem}.text-lg{font-size:1.1875rem}.text-sm{font-size:.9375rem}.text-xl{font-size:1.3125rem}.text-xs{font-size:.8125rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.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-\[-0\.02em\]{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.text-error-600{--tw-text-opacity:1;color:rgb(var(--error-600)/var(--tw-text-opacity,1))}.text-error-700{--tw-text-opacity:1;color:rgb(var(--error-700)/var(--tw-text-opacity,1))}.text-gray-0{--tw-text-opacity:1;color:rgb(var(--gray-0)/var(--tw-text-opacity,1))}.text-gray-350{--tw-text-opacity:1;color:rgb(var(--gray-350)/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.text-info-700{--tw-text-opacity:1;color:rgb(var(--info-700)/var(--tw-text-opacity,1))}.text-success-600{--tw-text-opacity:1;color:rgb(var(--success-600)/var(--tw-text-opacity,1))}.text-success-700{--tw-text-opacity:1;color:rgb(var(--success-700)/var(--tw-text-opacity,1))}.text-warning-700{--tw-text-opacity:1;color:rgb(var(--warning-700)/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{--tw-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3);--tw-shadow-colored:inset 0 0 0 1px 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-\[top\2c transform\2c scale\2c opacity\2c color\]{transition-property:top,transform,scale,opacity,color;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-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-transparent::-moz-placeholder{color:transparent}.placeholder\:text-transparent::placeholder{color:transparent}.focus-within\:isolate:focus-within{isolation:isolate}.focus-within\:border-error-600:focus-within{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus-within\:border-gray-300:focus-within{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus-within\:bg-gray-0:focus-within{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.focus\:border-error-600:focus{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus\:bg-gray-0:focus{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-100:disabled{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.disabled\:text-gray-300:disabled{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.group:last-child .group-last\:hidden{display:none}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:focus~.peer-focus\:pointer-events-auto{pointer-events:auto}.peer:focus~.peer-focus\:top-\[1\.125rem\]{top:1.125rem}.peer:focus~.peer-focus\:border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.peer:focus~.peer-focus\:text-xs{font-size:.8125rem}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:pointer-events-auto{pointer-events:auto}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:pointer-events-auto{pointer-events:auto}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:top-\[1\.125rem\]{top:1.125rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:top-\[1\.125rem\]{top:1.125rem}.peer:not(:-moz-placeholder-shown)~.peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-xs{font-size:.8125rem}.peer:not(:placeholder-shown)~.peer-\[\:not\(\:placeholder-shown\)\]\:text-xs{font-size:.8125rem}.has-\[input\:disabled\]\:cursor-not-allowed:has(input:disabled){cursor:not-allowed}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[input\:disabled\]\:opacity-50:has(input:disabled){opacity:.5}.data-\[state\=open\]\:pointer-events-none[data-state=open]{pointer-events:none}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.data-\[state\=closed\]\:border-gray-100[data-state=closed]{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-200[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.data-\[state\=closed\]\:bg-gray-100[data-state=closed],.data-\[state\=on\]\:bg-gray-100[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-500[data-placeholder]{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-200[data-state=closed],.data-\[state\=open\]\:duration-200[data-state=open]{transition-duration:.2s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-50[data-state=closed]{--tw-exit-opacity:0.5}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-75[data-state=closed]{--tw-exit-scale:.75}.data-\[state\=open\]\:zoom-in-75[data-state=open]{--tw-enter-scale:.75}.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-200[data-state=closed],.data-\[state\=open\]\:duration-200[data-state=open]{animation-duration:.2s}.group[data-state=on] .group-data-\[state\=on\]\:block{display:block}.group[data-state=on] .group-data-\[state\=on\]\:hidden{display:none}@media (min-width:640px){.sm\:max-w-lg{max-width:32rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\:has\(\>\*\:nth-child\(2\)\)\]\:grid-cols-2:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.\[\&\>\*\]\:col-span-1>*{grid-column:span 1/span 1}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
|
|
4
|
+
* @param {Function} effect - The effect function to be executed.
|
|
5
|
+
* @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
|
|
6
|
+
* @public
|
|
7
|
+
* @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* useIsomorphicLayoutEffect(() => {
|
|
11
|
+
* // Code to be executed during the layout phase on the client side
|
|
12
|
+
* }, [dependency1, dependency2]);
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare const useIsomorphicLayoutEffect: typeof useEffect;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/** Hook options. */
|
|
2
|
+
type UseMediaQueryOptions = {
|
|
3
|
+
/**
|
|
4
|
+
* The default value to return if the hook is being run on the server.
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
defaultValue?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.
|
|
10
|
+
* @default true
|
|
11
|
+
*/
|
|
12
|
+
initializeWithValue?: boolean;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
|
|
16
|
+
* @param {string} query - The media query to track.
|
|
17
|
+
* @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
|
|
18
|
+
* @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
|
|
19
|
+
* @public
|
|
20
|
+
* @see [Documentation](https://usehooks-ts.com/react-hook/use-media-query)
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* const isSmallScreen = useMediaQuery('(max-width: 600px)');
|
|
24
|
+
* // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue }?: UseMediaQueryOptions): boolean;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { useState } from "react";
|
|
2
|
+
import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
|
|
3
|
+
const IS_SERVER = typeof window === "undefined";
|
|
4
|
+
function useMediaQuery(query, { defaultValue = false, initializeWithValue = true } = {}) {
|
|
5
|
+
const getMatches = (query2) => {
|
|
6
|
+
if (IS_SERVER) {
|
|
7
|
+
return defaultValue;
|
|
8
|
+
}
|
|
9
|
+
return window.matchMedia(query2).matches;
|
|
10
|
+
};
|
|
11
|
+
const [matches, setMatches] = useState(() => {
|
|
12
|
+
if (initializeWithValue) {
|
|
13
|
+
return getMatches(query);
|
|
14
|
+
}
|
|
15
|
+
return defaultValue;
|
|
16
|
+
});
|
|
17
|
+
function handleChange() {
|
|
18
|
+
setMatches(getMatches(query));
|
|
19
|
+
}
|
|
20
|
+
useIsomorphicLayoutEffect(() => {
|
|
21
|
+
const matchMedia = window.matchMedia(query);
|
|
22
|
+
handleChange();
|
|
23
|
+
if (matchMedia.addListener) {
|
|
24
|
+
matchMedia.addListener(handleChange);
|
|
25
|
+
} else {
|
|
26
|
+
matchMedia.addEventListener("change", handleChange);
|
|
27
|
+
}
|
|
28
|
+
return () => {
|
|
29
|
+
if (matchMedia.removeListener) {
|
|
30
|
+
matchMedia.removeListener(handleChange);
|
|
31
|
+
} else {
|
|
32
|
+
matchMedia.removeEventListener("change", handleChange);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}, [query]);
|
|
36
|
+
return matches;
|
|
37
|
+
}
|
|
38
|
+
export {
|
|
39
|
+
useMediaQuery
|
|
40
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -38,4 +38,10 @@ export { LiveFeedback } from './components/LiveFeedback';
|
|
|
38
38
|
export { Skeleton, SkeletonTypography } from './components/Skeleton';
|
|
39
39
|
export { Haptic, useHaptics } from './components/Haptic';
|
|
40
40
|
export { SafeAreaView, useSafeAreaInsets } from './components/SafeAreaView';
|
|
41
|
+
export { VerificationBadge } from './components/VerificationBadge';
|
|
41
42
|
export { default as uiKitTailwindPlugin } from './tailwind';
|
|
43
|
+
export type { CountryLocaleCode } from './locales/types';
|
|
44
|
+
export { i18n, createI18nStore } from './lib/i18n';
|
|
45
|
+
export type { LocaleData, I18nStore } from './lib/i18n';
|
|
46
|
+
export { I18nProvider, useI18n, I18nContext } from './lib/I18nProvider';
|
|
47
|
+
export { loadLocale, availableLocales } from './lib/locales';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { default as default2 } from "./tailwind.js";
|
|
2
|
+
import { createI18nStore, i18n } from "./lib/i18n.js";
|
|
3
|
+
import { I18nContext, I18nProvider, useI18n } from "./lib/I18nProvider.js";
|
|
4
|
+
import { availableLocales, loadLocale } from "./lib/locales.js";
|
|
2
5
|
import { Button } from "./components/Button/Button.js";
|
|
3
6
|
import { Checkbox } from "./components/Checkbox/Checkbox.js";
|
|
4
7
|
import { Chip } from "./components/Chip/Chip.js";
|
|
@@ -43,6 +46,7 @@ import { Haptic } from "./components/Haptic/Haptic.js";
|
|
|
43
46
|
import { useHaptics } from "./components/Haptic/use-haptics.js";
|
|
44
47
|
import { SafeAreaView } from "./components/SafeAreaView/SafeAreaView.js";
|
|
45
48
|
import { useSafeAreaInsets } from "./components/SafeAreaView/useSafeAreaInsets.js";
|
|
49
|
+
import { VerificationBadge } from "./components/VerificationBadge/VerificationBadge.js";
|
|
46
50
|
export {
|
|
47
51
|
AlertDialog,
|
|
48
52
|
AlertDialogClose,
|
|
@@ -73,6 +77,8 @@ export {
|
|
|
73
77
|
Flag,
|
|
74
78
|
Form,
|
|
75
79
|
Haptic,
|
|
80
|
+
I18nContext,
|
|
81
|
+
I18nProvider,
|
|
76
82
|
Input,
|
|
77
83
|
ListItem,
|
|
78
84
|
LiveFeedback,
|
|
@@ -102,9 +108,15 @@ export {
|
|
|
102
108
|
Token,
|
|
103
109
|
TopBar,
|
|
104
110
|
Typography,
|
|
111
|
+
VerificationBadge,
|
|
105
112
|
WalletAddressField,
|
|
113
|
+
availableLocales,
|
|
114
|
+
createI18nStore,
|
|
115
|
+
i18n,
|
|
116
|
+
loadLocale,
|
|
106
117
|
default2 as uiKitTailwindPlugin,
|
|
107
118
|
useHaptics,
|
|
119
|
+
useI18n,
|
|
108
120
|
useSafeAreaInsets,
|
|
109
121
|
useToast
|
|
110
122
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { I18nStore, LocaleData } from './i18n';
|
|
3
|
+
type LocaleSeed = LocaleData | LocaleData[] | undefined;
|
|
4
|
+
interface I18nProviderProps {
|
|
5
|
+
localeData?: LocaleSeed;
|
|
6
|
+
store?: I18nStore;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const I18nContext: import('react').Context<I18nStore | null>;
|
|
10
|
+
/**
|
|
11
|
+
* Provides an isolated i18n store instance for the subtree.
|
|
12
|
+
*
|
|
13
|
+
* When no store is supplied, a fresh instance is created on mount.
|
|
14
|
+
* Locale data can be seeded via the `localeData` prop and will be
|
|
15
|
+
* registered synchronously to avoid hydration mismatches.
|
|
16
|
+
*/
|
|
17
|
+
export declare function I18nProvider({ localeData, store, children }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function useI18n(): I18nStore;
|
|
19
|
+
export { I18nContext };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useRef, useContext } from "react";
|
|
4
|
+
import { createI18nStore, i18n } from "./i18n.js";
|
|
5
|
+
const I18nContext = createContext(null);
|
|
6
|
+
const registerLocales = (store, seed) => {
|
|
7
|
+
if (!seed) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const locales = Array.isArray(seed) ? seed : [seed];
|
|
11
|
+
for (const localeData of locales) {
|
|
12
|
+
try {
|
|
13
|
+
store.registerLocale(localeData);
|
|
14
|
+
} catch (error) {
|
|
15
|
+
console.error(`Error registering locale "${localeData.locale}".`, error);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
function I18nProvider({ localeData, store, children }) {
|
|
20
|
+
const storeRef = useRef(store ?? null);
|
|
21
|
+
if (store && storeRef.current !== store) {
|
|
22
|
+
storeRef.current = store;
|
|
23
|
+
}
|
|
24
|
+
if (!storeRef.current) {
|
|
25
|
+
storeRef.current = createI18nStore();
|
|
26
|
+
}
|
|
27
|
+
registerLocales(storeRef.current, localeData);
|
|
28
|
+
return /* @__PURE__ */ jsx(I18nContext.Provider, { value: storeRef.current, children });
|
|
29
|
+
}
|
|
30
|
+
function useI18n() {
|
|
31
|
+
return useContext(I18nContext) ?? i18n;
|
|
32
|
+
}
|
|
33
|
+
export {
|
|
34
|
+
I18nContext,
|
|
35
|
+
I18nProvider,
|
|
36
|
+
useI18n
|
|
37
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type LocaleData = {
|
|
2
|
+
locale: string;
|
|
3
|
+
countries: {
|
|
4
|
+
[alpha2Key: string]: string[] | string;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
export interface I18nStore {
|
|
8
|
+
registerLocale: (localeData: LocaleData) => void;
|
|
9
|
+
getName: (code: string, locale: LocaleData["locale"]) => string | undefined;
|
|
10
|
+
clear: (locale?: LocaleData["locale"]) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function createI18nStore(initialLocales?: Iterable<LocaleData>): I18nStore;
|
|
13
|
+
export declare const i18n: I18nStore;
|
package/dist/lib/i18n.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
const normalizeLocale = (locale) => locale.trim().toLowerCase();
|
|
2
|
+
const validateLocaleData = (localeData) => {
|
|
3
|
+
if (!localeData.locale) {
|
|
4
|
+
throw new TypeError("Missing localeData.locale");
|
|
5
|
+
}
|
|
6
|
+
if (!localeData.countries) {
|
|
7
|
+
throw new TypeError("Missing localeData.countries");
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
function createI18nStore(initialLocales = []) {
|
|
11
|
+
const registeredLocales = /* @__PURE__ */ new Map();
|
|
12
|
+
const registerLocale = (localeData) => {
|
|
13
|
+
validateLocaleData(localeData);
|
|
14
|
+
const normalizedLocale = normalizeLocale(localeData.locale);
|
|
15
|
+
registeredLocales.set(normalizedLocale, localeData.countries);
|
|
16
|
+
};
|
|
17
|
+
const getName = (code, locale) => {
|
|
18
|
+
const normalizedLocale = normalizeLocale(locale);
|
|
19
|
+
const codeMaps = registeredLocales.get(normalizedLocale);
|
|
20
|
+
const nameList = codeMaps == null ? void 0 : codeMaps[code];
|
|
21
|
+
return Array.isArray(nameList) ? nameList[0] : nameList;
|
|
22
|
+
};
|
|
23
|
+
const clear = (locale) => {
|
|
24
|
+
if (typeof locale === "string") {
|
|
25
|
+
registeredLocales.delete(normalizeLocale(locale));
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
registeredLocales.clear();
|
|
29
|
+
};
|
|
30
|
+
for (const localeData of initialLocales) {
|
|
31
|
+
registerLocale(localeData);
|
|
32
|
+
}
|
|
33
|
+
return {
|
|
34
|
+
registerLocale,
|
|
35
|
+
getName,
|
|
36
|
+
clear
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
const i18n = createI18nStore();
|
|
40
|
+
export {
|
|
41
|
+
createI18nStore,
|
|
42
|
+
i18n
|
|
43
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LocaleData } from './i18n';
|
|
2
|
+
declare const localeMap: Record<string, () => Promise<{
|
|
3
|
+
default: LocaleData;
|
|
4
|
+
}>>;
|
|
5
|
+
/**
|
|
6
|
+
* Loads a locale by its code. Returns the locale data, falling back to English
|
|
7
|
+
* if the requested locale is not found.
|
|
8
|
+
*
|
|
9
|
+
* This function uses static imports for SSR compatibility, allowing bundlers
|
|
10
|
+
* to properly analyze and include the necessary locale files.
|
|
11
|
+
*
|
|
12
|
+
* @param locale - The locale code (e.g., "en", "es", "fr")
|
|
13
|
+
* @returns A promise that resolves to the locale data
|
|
14
|
+
*/
|
|
15
|
+
export declare function loadLocale(locale: string): Promise<LocaleData>;
|
|
16
|
+
/**
|
|
17
|
+
* Returns an array of all available locale codes.
|
|
18
|
+
*/
|
|
19
|
+
export declare const availableLocales: Array<keyof typeof localeMap>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
const localeMap = {
|
|
2
|
+
af: () => import("../locales/af.json.js"),
|
|
3
|
+
am: () => import("../locales/am.json.js"),
|
|
4
|
+
ar: () => import("../locales/ar.json.js"),
|
|
5
|
+
az: () => import("../locales/az.json.js"),
|
|
6
|
+
be: () => import("../locales/be.json.js"),
|
|
7
|
+
bg: () => import("../locales/bg.json.js"),
|
|
8
|
+
bn: () => import("../locales/bn.json.js"),
|
|
9
|
+
br: () => import("../locales/br.json.js"),
|
|
10
|
+
bs: () => import("../locales/bs.json.js"),
|
|
11
|
+
ca: () => import("../locales/ca.json.js"),
|
|
12
|
+
cs: () => import("../locales/cs.json.js"),
|
|
13
|
+
cy: () => import("../locales/cy.json.js"),
|
|
14
|
+
da: () => import("../locales/da.json.js"),
|
|
15
|
+
de: () => import("../locales/de.json.js"),
|
|
16
|
+
dv: () => import("../locales/dv.json.js"),
|
|
17
|
+
el: () => import("../locales/el.json.js"),
|
|
18
|
+
en: () => import("../locales/en.json.js"),
|
|
19
|
+
es: () => import("../locales/es.json.js"),
|
|
20
|
+
et: () => import("../locales/et.json.js"),
|
|
21
|
+
eu: () => import("../locales/eu.json.js"),
|
|
22
|
+
fa: () => import("../locales/fa.json.js"),
|
|
23
|
+
fi: () => import("../locales/fi.json.js"),
|
|
24
|
+
fr: () => import("../locales/fr.json.js"),
|
|
25
|
+
ga: () => import("../locales/ga.json.js"),
|
|
26
|
+
gl: () => import("../locales/gl.json.js"),
|
|
27
|
+
ha: () => import("../locales/ha.json.js"),
|
|
28
|
+
he: () => import("../locales/he.json.js"),
|
|
29
|
+
hi: () => import("../locales/hi.json.js"),
|
|
30
|
+
hr: () => import("../locales/hr.json.js"),
|
|
31
|
+
hu: () => import("../locales/hu.json.js"),
|
|
32
|
+
hy: () => import("../locales/hy.json.js"),
|
|
33
|
+
id: () => import("../locales/id.json.js"),
|
|
34
|
+
is: () => import("../locales/is.json.js"),
|
|
35
|
+
it: () => import("../locales/it.json.js"),
|
|
36
|
+
ja: () => import("../locales/ja.json.js"),
|
|
37
|
+
ka: () => import("../locales/ka.json.js"),
|
|
38
|
+
kk: () => import("../locales/kk.json.js"),
|
|
39
|
+
km: () => import("../locales/km.json.js"),
|
|
40
|
+
ko: () => import("../locales/ko.json.js"),
|
|
41
|
+
ku: () => import("../locales/ku.json.js"),
|
|
42
|
+
ky: () => import("../locales/ky.json.js"),
|
|
43
|
+
lt: () => import("../locales/lt.json.js"),
|
|
44
|
+
lv: () => import("../locales/lv.json.js"),
|
|
45
|
+
mk: () => import("../locales/mk.json.js"),
|
|
46
|
+
ml: () => import("../locales/ml.json.js"),
|
|
47
|
+
mn: () => import("../locales/mn.json.js"),
|
|
48
|
+
mr: () => import("../locales/mr.json.js"),
|
|
49
|
+
ms: () => import("../locales/ms.json.js"),
|
|
50
|
+
mt: () => import("../locales/mt.json.js"),
|
|
51
|
+
nb: () => import("../locales/nb.json.js"),
|
|
52
|
+
nl: () => import("../locales/nl.json.js"),
|
|
53
|
+
nn: () => import("../locales/nn.json.js"),
|
|
54
|
+
no: () => import("../locales/no.json.js"),
|
|
55
|
+
pl: () => import("../locales/pl.json.js"),
|
|
56
|
+
ps: () => import("../locales/ps.json.js"),
|
|
57
|
+
pt: () => import("../locales/pt.json.js"),
|
|
58
|
+
ro: () => import("../locales/ro.json.js"),
|
|
59
|
+
ru: () => import("../locales/ru.json.js"),
|
|
60
|
+
sd: () => import("../locales/sd.json.js"),
|
|
61
|
+
sk: () => import("../locales/sk.json.js"),
|
|
62
|
+
sl: () => import("../locales/sl.json.js"),
|
|
63
|
+
so: () => import("../locales/so.json.js"),
|
|
64
|
+
sq: () => import("../locales/sq.json.js"),
|
|
65
|
+
sr: () => import("../locales/sr.json.js"),
|
|
66
|
+
sv: () => import("../locales/sv.json.js"),
|
|
67
|
+
sw: () => import("../locales/sw.json.js"),
|
|
68
|
+
ta: () => import("../locales/ta.json.js"),
|
|
69
|
+
tg: () => import("../locales/tg.json.js"),
|
|
70
|
+
th: () => import("../locales/th.json.js"),
|
|
71
|
+
tk: () => import("../locales/tk.json.js"),
|
|
72
|
+
tr: () => import("../locales/tr.json.js"),
|
|
73
|
+
tt: () => import("../locales/tt.json.js"),
|
|
74
|
+
ug: () => import("../locales/ug.json.js"),
|
|
75
|
+
uk: () => import("../locales/uk.json.js"),
|
|
76
|
+
ur: () => import("../locales/ur.json.js"),
|
|
77
|
+
uz: () => import("../locales/uz.json.js"),
|
|
78
|
+
vi: () => import("../locales/vi.json.js"),
|
|
79
|
+
zh: () => import("../locales/zh.json.js")
|
|
80
|
+
};
|
|
81
|
+
async function loadLocale(locale) {
|
|
82
|
+
const normalizedLocale = locale.toLowerCase();
|
|
83
|
+
const loader = localeMap[normalizedLocale];
|
|
84
|
+
if (!loader) {
|
|
85
|
+
console.warn(`Locale "${normalizedLocale}" not found, falling back to "en"`);
|
|
86
|
+
const fallback = await localeMap.en();
|
|
87
|
+
return fallback.default;
|
|
88
|
+
}
|
|
89
|
+
const module = await loader();
|
|
90
|
+
return module.default;
|
|
91
|
+
}
|
|
92
|
+
const availableLocales = Object.keys(localeMap);
|
|
93
|
+
export {
|
|
94
|
+
availableLocales,
|
|
95
|
+
loadLocale
|
|
96
|
+
};
|