thirdweb 5.105.48 → 5.106.0

package/dist/cjs/react/web/ui/components/Img.js

@@ -5,19 +5,22 @@ exports.Img = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ipfs_js_1 = require("../../../../utils/ipfs.js");
+const index_js_1 = require("../../../core/design-system/index.js");
+const basic_js_1 = require("./basic.js");
 const Skeleton_js_1 = require("./Skeleton.js");
 /**
  * @internal
  */
 const Img = (props) => {
-    const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
+    const [_status, setStatus] = (0, react_1.useState)("pending");
+    const imgRef = (0, react_1.useRef)(null);
     const propSrc = props.src;
     const widthPx = `${props.width}px`;
     const heightPx = `${props.height || props.width}px`;
-    if (propSrc === undefined) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: heightPx, width: widthPx });
-    }
     const getSrc = () => {
+        if (propSrc === undefined) {
+            return undefined;
+        }
         try {
             return (0, ipfs_js_1.resolveScheme)({
                 client: props.client,
@@ -29,20 +32,52 @@ const Img = (props) => {
         }
     };
     const src = getSrc();
+    const status = src === undefined ? "pending" : src === "" ? "fallback" : _status;
+    const isLoaded = status === "loaded";
+    (0, react_1.useEffect)(() => {
+        const imgEl = imgRef.current;
+        if (!imgEl) {
+            return;
+        }
+        if (imgEl.complete) {
+            setStatus("loaded");
+        }
+        else {
+            function handleLoad() {
+                setStatus("loaded");
+            }
+            imgEl.addEventListener("load", handleLoad);
+            return () => {
+                imgEl.removeEventListener("load", handleLoad);
+            };
+        }
+        return;
+    }, []);
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
             alignItems: "center",
             display: "inline-flex",
             flexShrink: 0,
             justifyItems: "center",
             position: "relative",
-        }, children: [!isLoaded && (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: heightPx, width: widthPx }), (0, jsx_runtime_1.jsx)("img", { alt: props.alt || "", className: props.className, decoding: "async", draggable: false, height: props.height, loading: props.loading, onError: (e) => {
+        }, children: [status === "pending" && ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: heightPx, width: widthPx, color: props.skeletonColor, style: props.style })), status === "fallback" &&
+                (props.fallback || ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { bg: "tertiaryBg", borderColor: "borderColor", style: {
+                        height: heightPx,
+                        width: widthPx,
+                        borderRadius: index_js_1.radius.md,
+                        borderWidth: "1px",
+                        borderStyle: "solid",
+                        ...props.style,
+                    }, children: (0, jsx_runtime_1.jsx)("div", {}) }))), (0, jsx_runtime_1.jsx)("img", { alt: props.alt || "", className: props.className, decoding: "async", draggable: false, height: props.height, loading: props.loading, onError: (e) => {
                     if (props.fallbackImage &&
                         e.currentTarget.src !== props.fallbackImage) {
                         e.currentTarget.src = props.fallbackImage;
                     }
+                    else {
+                        setStatus("fallback");
+                    }
                 }, onLoad: () => {
-                    setIsLoaded(true);
-                }, src: src, style: {
+                    setStatus("loaded");
+                }, src: src || undefined, style: {
                     height: !isLoaded
                         ? 0
                         : props.height

package/dist/cjs/react/web/ui/components/Img.js.map

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Img.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Img.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/components/Modal.js

@@ -10,6 +10,7 @@ const react_icons_1 = require("@radix-ui/react-icons");
 const react_2 = require("react");
 const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../core/design-system/index.js");
+const cls_js_1 = require("../../utils/cls.js");
 const constants_js_1 = require("../ConnectWallet/constants.js");
 const elements_js_1 = require("../design-system/elements.js");
 const basic_js_1 = require("./basic.js");
@@ -49,7 +50,7 @@ const Modal = (props) => {
             setOpen(props.open);
         }
     }, [props.open]);
-    return ((0, jsx_runtime_1.jsxs)(Dialog.Root, { onOpenChange: props.setOpen, open: open, children: [props.trigger && ((0, jsx_runtime_1.jsx)(Dialog.Trigger, { asChild: true, children: props.trigger })), (0, jsx_runtime_1.jsxs)(Dialog.Portal, { children: [!props.hide && ((0, jsx_runtime_1.jsx)(Dialog.Overlay, { asChild: true, children: (0, jsx_runtime_1.jsx)(Overlay_js_1.Overlay, { ref: overlayRef }) })), (0, jsx_runtime_1.jsx)(react_focus_scope_1.FocusScope, { trapped: !props.hide, children: (0, jsx_runtime_1.jsx)(Dialog.Content, { "aria-describedby": undefined, asChild: true, children: (0, jsx_runtime_1.jsxs)(DialogContent, { ref: contentRef, style: props.hide
+    return ((0, jsx_runtime_1.jsxs)(Dialog.Root, { onOpenChange: props.setOpen, open: open, children: [props.trigger && ((0, jsx_runtime_1.jsx)(Dialog.Trigger, { asChild: true, children: props.trigger })), (0, jsx_runtime_1.jsxs)(Dialog.Portal, { children: [!props.hide && ((0, jsx_runtime_1.jsx)(Dialog.Overlay, { asChild: true, children: (0, jsx_runtime_1.jsx)(Overlay_js_1.Overlay, { ref: overlayRef }) })), (0, jsx_runtime_1.jsx)(react_focus_scope_1.FocusScope, { trapped: !props.hide, children: (0, jsx_runtime_1.jsx)(Dialog.Content, { "aria-describedby": undefined, asChild: true, children: (0, jsx_runtime_1.jsxs)(DialogContent, { className: (0, cls_js_1.cls)("tw-modal", props.className), ref: contentRef, style: props.hide
                                     ? { height: 0, opacity: 0, overflow: "hidden", width: 0 }
                                     : {
                                         height: props.size === "compact" ? "auto" : constants_js_1.wideModalMaxHeight,
@@ -66,17 +67,17 @@ const Modal = (props) => {
                                             position: "absolute",
                                             whiteSpace: "nowrap",
                                             width: "1px",
-                                        }, children: "Connect Modal" }), props.size === "compact" ? ((0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { maxHeight: constants_js_1.compactModalMaxHeight, children: props.children })) : (props.children), !props.hideCloseIcon && ((0, jsx_runtime_1.jsx)(CrossContainer, { children: (0, jsx_runtime_1.jsx)(Dialog.Close, { asChild: true, children: (0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { "aria-label": "Close", autoFocus: true, type: "button", children: (0, jsx_runtime_1.jsx)(react_icons_1.Cross2Icon, { height: index_js_1.iconSize.md, style: {
+                                        }, children: props.title }), props.size === "compact" ? ((0, jsx_runtime_1.jsx)(DynamicHeight_js_1.DynamicHeight, { maxHeight: constants_js_1.compactModalMaxHeight, children: props.children })) : (props.children), !props.hideCloseIcon && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                            position: "absolute",
+                                            right: index_js_1.spacing.lg,
+                                            top: index_js_1.spacing.lg,
+                                            transform: "translateX(6px)",
+                                            ...props.crossContainerStyles,
+                                        }, children: (0, jsx_runtime_1.jsx)(Dialog.Close, { asChild: true, children: (0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { "aria-label": "Close", autoFocus: true, type: "button", children: (0, jsx_runtime_1.jsx)(react_icons_1.Cross2Icon, { height: index_js_1.iconSize.md, style: {
                                                         color: "inherit",
                                                     }, width: index_js_1.iconSize.md }) }) }) }))] }) }) })] })] }));
 };
 exports.Modal = Modal;
-const CrossContainer = /* @__PURE__ */ (0, elements_js_1.StyledDiv)({
-    position: "absolute",
-    right: index_js_1.spacing.lg,
-    top: index_js_1.spacing.lg,
-    transform: "translateX(6px)",
-});
 const modalAnimationDesktop = (0, react_1.keyframes) `
   from {
     opacity: 0;
@@ -107,7 +108,7 @@ const DialogContent = /* @__PURE__ */ (0, elements_js_1.StyledDiv)((_) => {
         animation: `${modalAnimationDesktop} 300ms ease`,
         background: theme.colors.modalBg,
         border: `1px solid ${theme.colors.borderColor}`,
-        borderRadius: index_js_1.radius.lg,
+        borderRadius: index_js_1.radius.xl,
         boxShadow: index_js_1.shadow.lg,
         boxSizing: "border-box",
         color: theme.colors.primaryText,
@@ -125,7 +126,6 @@ const DialogContent = /* @__PURE__ */ (0, elements_js_1.StyledDiv)((_) => {
             animation: `${modalAnimationMobile} 0.35s cubic-bezier(0.15, 1.15, 0.6, 1)`,
             borderBottomLeftRadius: 0,
             borderBottomRightRadius: 0,
-            borderRadius: index_js_1.radius.xl,
             bottom: 0,
             left: 0,
             maxWidth: "none !important",

package/dist/cjs/react/web/ui/components/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/components/OTPInput.js

@@ -13,7 +13,7 @@ const basic_js_1 = require("./basic.js");
  * @internal
  */
 function OTPInput(props) {
-    return ((0, jsx_runtime_1.jsx)(OTPInputContainer, { children: (0, jsx_runtime_1.jsx)(input_otp_1.OTPInput, { maxLength: 6, onChange: (newValue) => {
+    return ((0, jsx_runtime_1.jsx)(OTPInputContainer, { className: "tw-otp-input-container", children: (0, jsx_runtime_1.jsx)(input_otp_1.OTPInput, { maxLength: 6, onChange: (newValue) => {
                 props.setValue(newValue);
             }, onComplete: () => {
                 props.onEnter();

package/dist/cjs/react/web/ui/components/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/OTPInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/OTPInput.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/components/Skeleton.js

@@ -14,6 +14,7 @@ const Skeleton = (props) => {
     return ((0, jsx_runtime_1.jsx)(SkeletonDiv, { className: props.className || "", color: props.color, style: {
             height: props.height,
             width: props.width || "auto",
+            ...props.style,
         } }));
 };
 exports.Skeleton = Skeleton;

package/dist/cjs/react/web/ui/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Skeleton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,0CAA2C;AAC3C,+FAAoF;AACpF,mEAA0E;AAC1E,8DAAyD;AAEzD;;GAEG;AACI,MAAM,QAAQ,GAKhB,CAAC,KAAK,EAAE,EAAE;IACb,OAAO,CACL,uBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE;YACL,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM;SAC7B,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,QAAQ,YAgBnB;AAEF,MAAM,iBAAiB,GAAG,IAAA,iBAAS,EAAA;;;;;;;CAOlC,CAAC;AAEF,MAAM,WAAW,GAAG,eAAe,CAAC,IAAA,uBAAS,EAC3C,CAAC,KAAwC,EAAE,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,SAAS,EAAE,GAAG,iBAAiB,uCAAuC;QACtE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;QAC1D,cAAc,EAAE,WAAW;QAC3B,YAAY,EAAE,iBAAM,CAAC,EAAE;KACxB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Skeleton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,0CAA2C;AAC3C,+FAAoF;AACpF,mEAA0E;AAC1E,8DAAyD;AAEzD;;GAEG;AACI,MAAM,QAAQ,GAMhB,CAAC,KAAK,EAAE,EAAE;IACb,OAAO,CACL,uBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,EAChC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE;YACL,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM;YAC5B,GAAG,KAAK,CAAC,KAAK;SACf,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,QAAQ,YAkBnB;AAEF,MAAM,iBAAiB,GAAG,IAAA,iBAAS,EAAA;;;;;;;CAOlC,CAAC;AAEF,MAAM,WAAW,GAAG,eAAe,CAAC,IAAA,uBAAS,EAC3C,CAAC,KAAwC,EAAE,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,SAAS,EAAE,GAAG,iBAAiB,uCAAuC;QACtE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;QAC1D,cAAc,EAAE,WAAW;QAC3B,YAAY,EAAE,iBAAM,CAAC,EAAE;KACxB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/react/web/ui/components/Spinner.js

@@ -15,7 +15,8 @@ const Spinner = (props) => {
     return ((0, jsx_runtime_1.jsx)(Svg, { style: {
             height: `${index_js_1.iconSize[props.size]}px`,
             width: `${index_js_1.iconSize[props.size]}px`,
-        }, viewBox: "0 0 50 50", children: (0, jsx_runtime_1.jsx)(Circle, { cx: "25", cy: "25", fill: "none", r: "20", stroke: props.color ? theme.colors[props.color] : "currentColor", strokeWidth: Number(index_js_1.iconSize[props.size]) > 64 ? "2" : "4" }) }));
+            ...props.style,
+        }, viewBox: "0 0 50 50", className: "tw-spinner", children: (0, jsx_runtime_1.jsx)(Circle, { cx: "25", cy: "25", fill: "none", r: "20", stroke: props.color ? theme.colors[props.color] : "currentColor", strokeWidth: Number(index_js_1.iconSize[props.size]) > 64 ? "2" : "4" }) }));
 };
 exports.Spinner = Spinner;
 // animations

package/dist/cjs/react/web/ui/components/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Spinner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,0CAA2C;AAC3C,+FAAoF;AAEpF,mEAAgE;AAChE,8DAAuE;AAEvE;;GAEG;AACI,MAAM,OAAO,GAGf,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,GAAG,IACF,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;YACnC,KAAK,EAAE,GAAG,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;SACnC,EACD,OAAO,EAAC,WAAW,YAEnB,uBAAC,MAAM,IACL,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,EAChE,WAAW,EAAE,MAAM,CAAC,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC1D,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,OAAO,WAuBlB;AAEF,aAAa;AACb,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAA;;;;;;;;;;;;;CAa9B,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,iBAAS,EAAA;;;;CAIhC,CAAC;AAEF,MAAM,GAAG,GAAG,eAAe,CAAC,IAAA,uBAAS,EAAC;IACpC,SAAS,EAAE,GAAG,eAAe,qBAAqB;IAClD,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,eAAe,CAAC,IAAA,0BAAY,EAAC;IAC1C,SAAS,EAAE,GAAG,aAAa,4BAA4B;IACvD,aAAa,EAAE,OAAO;CACvB,CAAC,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Spinner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,0CAA2C;AAC3C,+FAAoF;AAEpF,mEAAgE;AAChE,8DAAuE;AAEvE;;GAEG;AACI,MAAM,OAAO,GAIf,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,GAAG,IACF,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;YACnC,KAAK,EAAE,GAAG,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;YAClC,GAAG,KAAK,CAAC,KAAK;SACf,EACD,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,YAAY,YAEtB,uBAAC,MAAM,IACL,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,EAChE,WAAW,EAAE,MAAM,CAAC,mBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC1D,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,OAAO,WA0BlB;AAEF,aAAa;AACb,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAA;;;;;;;;;;;;;CAa9B,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,iBAAS,EAAA;;;;CAIhC,CAAC;AAEF,MAAM,GAAG,GAAG,eAAe,CAAC,IAAA,uBAAS,EAAC;IACpC,SAAS,EAAE,GAAG,eAAe,qBAAqB;IAClD,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,eAAe,CAAC,IAAA,0BAAY,EAAC;IAC1C,SAAS,EAAE,GAAG,aAAa,4BAA4B;IACvD,aAAa,EAAE,OAAO;CACvB,CAAC,CAAC"}

package/dist/cjs/react/web/ui/components/basic.js

@@ -7,6 +7,7 @@ exports.Container = Container;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../core/design-system/index.js");
+const cls_js_1 = require("../../utils/cls.js");
 const animations_js_1 = require("../design-system/animations.js");
 const elements_js_1 = require("../design-system/elements.js");
 const modalElements_js_1 = require("./modalElements.js");
@@ -32,7 +33,7 @@ exports.noScrollBar = {
  */
 function ModalHeader(props) {
     const { onBack, title } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cls_js_1.cls)("tw-header", props.className), style: {
             alignItems: "center",
             display: "flex",
             justifyContent: props.leftAligned ? "flex-start" : "center",
@@ -43,11 +44,10 @@ function ModalHeader(props) {
                     top: 0,
                 } })), (0, jsx_runtime_1.jsx)(Container, { center: "both", flex: "row", gap: "xs", children: typeof title === "string" ? (0, jsx_runtime_1.jsx)(modalElements_js_1.ModalTitle, { children: title }) : title })] }));
 }
-exports.Line = (0, elements_js_1.StyledDiv)(() => {
+exports.Line = (0, elements_js_1.StyledDiv)((props) => {
     const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
     return {
-        background: theme.colors.separatorLine,
-        height: "1px",
+        borderTop: `1px ${props.dashed ? "dashed" : "solid"} ${theme.colors.separatorLine}`,
     };
 });
 /**
@@ -99,11 +99,17 @@ function Container(props) {
         styles.paddingTop = index_js_1.spacing[props.py];
         styles.paddingBottom = index_js_1.spacing[props.py];
     }
+    if (props.pb) {
+        styles.paddingBottom = index_js_1.spacing[props.pb];
+    }
+    if (props.pt) {
+        styles.paddingTop = index_js_1.spacing[props.pt];
+    }
     if (props.debug) {
         styles.outline = "1px solid red";
         styles.outlineOffset = "-1px";
     }
-    return ((0, jsx_runtime_1.jsx)(Box, { bg: props.bg, borderColor: props.borderColor, color: props.color, "data-animate": props.animate, "data-scrolly": props.scrollY, style: {
+    return ((0, jsx_runtime_1.jsx)(Box, { bg: props.bg, borderColor: props.borderColor, color: props.color, "data-animate": props.animate, "data-scrolly": props.scrollY, className: props.className, style: {
             ...styles,
             ...props.style,
         }, children: props.children }));

package/dist/cjs/react/web/ui/components/basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/basic.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/basic.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/components/buttons.js

@@ -54,6 +54,7 @@ exports.Button = (0, elements_js_1.StyledButton)((props) => {
                 case "secondary":
                     return theme.colors.secondaryButtonText;
                 case "ghost":
+                case "ghost-solid":
                 case "outline":
                     return theme.colors.secondaryButtonText;
                 case "link":
@@ -96,6 +97,14 @@ exports.Button = (0, elements_js_1.StyledButton)((props) => {
                     border: "1px solid transparent",
                 };
             }
+            if (props.variant === "ghost-solid") {
+                return {
+                    "&:hover": {
+                        background: theme.colors.tertiaryBg,
+                    },
+                    border: "1px solid transparent",
+                };
+            }
             if (props.variant === "accent") {
                 return {
                     "&:hover": {

package/dist/cjs/react/web/ui/components/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/buttons.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/buttons.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,+FAAoF;AACpF,mEAK8C;AAC9C,8DAA4D;AAiB/C,QAAA,MAAM,GAAmB,IAAA,0BAAY,EAAC,CAAC,KAAkB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,UAAU,EAAE;YACV,SAAS,EAAE,iBAAiB;SAC7B;QACD,yBAAyB,EAAE;YACzB,SAAS,EAAE;gBACT,WAAW,EAAE,aAAa;aAC3B;YACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACnC,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;SAClC;QACD,aAAa,EAAE;YACb,MAAM,EAAE,aAAa;SACtB;QACD,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC,GAAG,EAAE;YAChB,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;gBACb,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAChC,CAAC;YACD,QAAQ,KAAK,CAAC,OAAO,EAAE,CAAC;gBACtB,KAAK,SAAS;oBACZ,OAAO,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;gBACtC,KAAK,QAAQ;oBACX,OAAO,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;gBACrC,KAAK,WAAW;oBACd,OAAO,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;gBACxC;oBACE,OAAO,MAAM,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,EAAE;QACJ,YAAY,EAAE,iBAAM,CAAC,EAAE;QACvB,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,CAAC,GAAG,EAAE;YACX,QAAQ,KAAK,CAAC,OAAO,EAAE,CAAC;gBACtB,KAAK,SAAS;oBACZ,OAAO,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;gBACxC,KAAK,QAAQ;oBACX,OAAO,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBACvC,KAAK,WAAW;oBACd,OAAO,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;gBAC1C,KAAK,OAAO,CAAC;gBACb,KAAK,aAAa,CAAC;gBACnB,KAAK,SAAS;oBACZ,OAAO,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;gBAC1C,KAAK,MAAM;oBACT,OAAO,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;gBACjC;oBACE,OAAO,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,UAAU,EAAE,GAAG;QACf,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,kBAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;QAC3C,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,GAAG,mBAAQ,CAAC,EAAE,IAAI,mBAAQ,CAAC,EAAE,EAAE;QACxC,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,mBAAmB;QAC/B,uBAAuB,EAAE,aAAa;QACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC3C,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChC,OAAO;oBACL,SAAS,EAAE;wBACT,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;qBACrC;oBACD,yBAAyB,EAAE;wBACzB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;qBACrC;oBACD,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;iBAChD,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBAC9B,OAAO;oBACL,SAAS,EAAE;wBACT,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;qBACrC;oBACD,MAAM,EAAE,uBAAuB;iBAChC,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;gBACpC,OAAO;oBACL,SAAS,EAAE;wBACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;qBACpC;oBACD,MAAM,EAAE,uBAAuB;iBAChC,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAC/B,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,GAAG;qBACb;iBACF,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;gBAClC,OAAO;oBACL,SAAS,EAAE;wBACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,sBAAsB;qBAChD;iBACF,CAAC;YACJ,CAAC;YAED,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBAC7B,OAAO;oBACL,SAAS,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;qBAChC;oBACD,OAAO,EAAE,CAAC;iBACX,CAAC;YACJ,CAAC;YAED,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,EAAE;KACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,UAAU,GAAmB,CAAC,GAAG,EAAE,CAAC,cAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAEjE,QAAA,UAAU,GAAmB,IAAA,0BAAY,EAAC,CAAC,CAAC,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,SAAS,EAAE;YACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB;YAC7C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SAC5C;QACD,aAAa,EAAE;YACb,MAAM,EAAE,aAAa;SACtB;QACD,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,iBAAM,CAAC,EAAE;QACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB;QACtC,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,aAAa;QACtB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,yCAAyC;QACrD,uBAAuB,EAAE,aAAa;KACvC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/react/web/ui/components/formElements.js

@@ -59,7 +59,7 @@ exports.Input = (0, elements_js_1.StyledInput)((props) => {
             WebkitAppearance: "none",
         },
         appearance: "none",
-        background: "transparent",
+        background: props.bg ? theme.colors[props.bg] : "transparent",
         border: "none",
         borderRadius: index_js_1.radius.md,
         boxShadow: `0 0 0 1.5px ${props.variant === "outline" ? theme.colors.borderColor : "transparent"}`,

package/dist/cjs/react/web/ui/components/formElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"formElements.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/formElements.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"formElements.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/formElements.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/components/modalElements.js

@@ -23,7 +23,7 @@ exports.ModalTitle = (0, elements_js_1.StyledH2)((_) => {
  * @internal
  */
 const BackButton = (props) => {
-    return ((0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { onClick: props.onClick, style: { transform: "translateX(-25%)", ...props.style }, type: "button", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronLeftIcon, { height: index_js_1.iconSize.md, width: index_js_1.iconSize.md }) }));
+    return ((0, jsx_runtime_1.jsx)(buttons_js_1.IconButton, { className: "tw-back-button", onClick: props.onClick, style: { transform: "translateX(-25%)", ...props.style }, type: "button", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronLeftIcon, { height: index_js_1.iconSize.md, width: index_js_1.iconSize.md }) }));
 };
 exports.BackButton = BackButton;
 //# sourceMappingURL=modalElements.js.map

package/dist/cjs/react/web/ui/components/modalElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalElements.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/modalElements.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,uDAAwD;AACxD,+FAAoF;AACpF,mEAA0E;AAC1E,8DAAwD;AACxD,6CAA0C;AAE7B,QAAA,UAAU,GAAmB,IAAA,sBAAQ,EAAC,CAAC,CAAC,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,MAAM;KAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACI,MAAM,UAAU,GAGlB,CAAC,KAAK,EAAE,EAAE;IACb,OAAO,CACL,uBAAC,uBAAU,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EACxD,IAAI,EAAC,QAAQ,YAEb,uBAAC,6BAAe,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,GACjD,CACd,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB"}
+{"version":3,"file":"modalElements.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/modalElements.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,uDAAwD;AACxD,+FAAoF;AACpF,mEAA0E;AAC1E,8DAAwD;AACxD,6CAA0C;AAE7B,QAAA,UAAU,GAAmB,IAAA,sBAAQ,EAAC,CAAC,CAAC,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,mBAAQ,CAAC,EAAE;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,MAAM;KAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACI,MAAM,UAAU,GAGlB,CAAC,KAAK,EAAE,EAAE;IACb,OAAO,CACL,uBAAC,uBAAU,IACT,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EACxD,IAAI,EAAC,QAAQ,YAEb,uBAAC,6BAAe,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,GACjD,CACd,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}

package/dist/cjs/react/web/ui/components/text.js

@@ -11,7 +11,7 @@ exports.Text = (0, elements_js_1.StyledSpan)((p) => {
         color: theme.colors[p.color || "secondaryText"],
         display: p.inline ? "inline" : "block",
         fontSize: index_js_1.fontSize[p.size || "md"],
-        fontWeight: p.weight || 500,
+        fontWeight: p.weight || 400,
         lineHeight: p.multiline ? 1.5 : "normal",
         margin: 0,
         maxWidth: "100%",
@@ -19,6 +19,7 @@ exports.Text = (0, elements_js_1.StyledSpan)((p) => {
         textAlign: p.center ? "center" : "left",
         textOverflow: "ellipsis",
         textWrap: p.balance ? "balance" : "inherit",
+        letterSpacing: p.trackingTight ? "-0.025em" : undefined,
     };
 });
 exports.Link = (0, elements_js_1.StyledAnchor)((p) => {

package/dist/cjs/react/web/ui/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/text.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,+FAAoF;AACpF,mEAA4E;AAC5E,8DAAwE;AAa3D,QAAA,IAAI,GAAmB,IAAA,wBAAU,EAAY,CAAC,CAAC,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,eAAe,CAAC;QAC/C,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QACtC,QAAQ,EAAE,mBAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG;QAC3B,UAAU,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ;QACxC,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QACvC,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAC5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAYU,QAAA,IAAI,GAAmB,IAAA,0BAAY,EAAY,CAAC,CAAC,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC;YAClD,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC;QAC5C,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QACtC,QAAQ,EAAE,mBAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG;QAC3B,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QACvC,cAAc,EAAE,MAAM;QACtB,UAAU,EAAE,iBAAiB;KAC9B,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/text.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,+FAAoF;AACpF,mEAA4E;AAC5E,8DAAwE;AAc3D,QAAA,IAAI,GAAmB,IAAA,wBAAU,EAAY,CAAC,CAAC,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,eAAe,CAAC;QAC/C,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QACtC,QAAQ,EAAE,mBAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG;QAC3B,UAAU,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ;QACxC,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QACvC,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC3C,aAAa,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;AACJ,CAAC,CAAC,CAAC;AAYU,QAAA,IAAI,GAAmB,IAAA,0BAAY,EAAY,CAAC,CAAC,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,OAAO;QACL,GAAG,EAAE,OAAO;QACZ,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC;YAClD,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC;QAC5C,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QACtC,QAAQ,EAAE,mBAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG;QAC3B,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QACvC,cAAc,EAAE,MAAM;QACtB,UAAU,EAAE,iBAAiB;KAC9B,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/react/web/utils/cls.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cls = cls;
+/**
+ * @internal
+ * Utility for merging class names
+ *
+ * @example
+ * ```ts
+ * cls("foo", "bar", true, false, "baz") // "foo bar baz"
+ * cls('foo', someCondition && "bar") // "foo bar" or "foo"
+ * ```
+ */
+function cls(...classes) {
+    return classes.filter((v) => typeof v === "string").join(" ");
+}
+//# sourceMappingURL=cls.js.map

package/dist/cjs/react/web/utils/cls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cls.js","sourceRoot":"","sources":["../../../../../src/react/web/utils/cls.ts"],"names":[],"mappings":";;AAUA,kBAEC;AAZD;;;;;;;;;GASG;AACH,SAAgB,GAAG,CAAC,GAAG,OAA6B;IAClD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC"}

package/dist/cjs/react/web/wallets/in-app/InputSelectionUI.js

@@ -35,7 +35,7 @@ function InputSelectionUI(props) {
         (!input && !!props.emptyErrorMessage && showError);
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
             width: "100%",
-        }, children: [(0, jsx_runtime_1.jsxs)(formElements_js_1.InputContainer, { "data-error": renderingError, style: {
+        }, children: [(0, jsx_runtime_1.jsxs)(formElements_js_1.InputContainer, { className: props.className, "data-error": renderingError, style: {
                     display: "flex",
                     flexDirection: "row",
                     position: "relative",

package/dist/cjs/react/web/wallets/in-app/InputSelectionUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InputSelectionUI.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputSelectionUI.js","sourceRoot":"","sources":["../../../../../../src/react/web/wallets/in-app/InputSelectionUI.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js

@@ -245,7 +245,7 @@ const ConnectWalletSocialOptions = (props) => {
                             }
                             return index_js_2.iconSize.lg;
                         })();
-                        return ((0, jsx_runtime_1.jsxs)(SocialButton, { "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", disabled: props.disabled, onClick: () => {
+                        return ((0, jsx_runtime_1.jsxs)(SocialButton, { className: "tw-social-button", "aria-label": `Login with ${loginMethod}`, "data-variant": showOnlyIcons ? "icon" : "full", disabled: props.disabled, onClick: () => {
                                 handleSocialLogin(loginMethod);
                             }, style: {
                                 flexGrow: socialLogins.length < 7 ? 1 : 0,
@@ -254,7 +254,7 @@ const ConnectWalletSocialOptions = (props) => {
                     }) }, column[0]))) })), props.size === "wide" &&
                 hasSocialLogins &&
                 (isEmailEnabled || isPhoneEnabled) && (0, jsx_runtime_1.jsx)(TextDivider_js_1.TextDivider, { text: locale.or }), isEmailEnabled &&
-                (inputMode === "email" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { disabled: props.disabled, emptyErrorMessage: emptyErrorMessage, errorMessage: (input) => {
+                (inputMode === "email" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { className: "tw-input-container tw-input-container__email", disabled: props.disabled, emptyErrorMessage: emptyErrorMessage, errorMessage: (input) => {
                         const isValidEmail = (0, validateEmail_js_1.validateEmail)(input.toLowerCase());
                         if (!isValidEmail) {
                             return locale.invalidEmail;
@@ -263,10 +263,10 @@ const ConnectWalletSocialOptions = (props) => {
                     }, name: "email", onSelect: (value) => {
                         setData({ emailLogin: value });
                         props.select();
-                    }, placeholder: placeholder, submitButtonText: locale.submitEmail, type: type })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, disabled: props.disabled, icon: EmailIcon_js_1.EmailIcon, onClick: () => {
+                    }, placeholder: placeholder, submitButtonText: locale.submitEmail, type: type })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__email", client: props.client, disabled: props.disabled, icon: EmailIcon_js_1.EmailIcon, onClick: () => {
                         setManualInputMode("email");
                     }, title: locale.emailPlaceholder }))), isPhoneEnabled &&
-                (inputMode === "phone" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { allowedSmsCountryCodes: wallet.getConfig()?.auth?.allowedSmsCountryCodes, defaultSmsCountryCode: wallet.getConfig()?.auth?.defaultSmsCountryCode, disabled: props.disabled, emptyErrorMessage: emptyErrorMessage, errorMessage: (_input) => {
+                (inputMode === "phone" ? ((0, jsx_runtime_1.jsx)(InputSelectionUI_js_1.InputSelectionUI, { className: "tw-input-container tw-input-container__phone", allowedSmsCountryCodes: wallet.getConfig()?.auth?.allowedSmsCountryCodes, defaultSmsCountryCode: wallet.getConfig()?.auth?.defaultSmsCountryCode, disabled: props.disabled, emptyErrorMessage: emptyErrorMessage, errorMessage: (_input) => {
                         // removes white spaces and special characters
                         const input = _input.replace(/[-() ]/g, "");
                         const isPhone = /^[0-9]+$/.test(input);
@@ -278,15 +278,15 @@ const ConnectWalletSocialOptions = (props) => {
                         // removes white spaces and special characters
                         setData({ phoneLogin: value.replace(/[-() ]/g, "") });
                         props.select();
-                    }, placeholder: placeholder, submitButtonText: locale.submitEmail, type: type })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, disabled: props.disabled, icon: PhoneIcon_js_1.PhoneIcon, onClick: () => {
+                    }, placeholder: placeholder, submitButtonText: locale.submitEmail, type: type })) : ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__phone", client: props.client, disabled: props.disabled, icon: PhoneIcon_js_1.PhoneIcon, onClick: () => {
                         setManualInputMode("phone");
-                    }, title: locale.phonePlaceholder }))), passKeyEnabled && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, disabled: props.disabled, icon: FingerPrintIcon_js_1.FingerPrintIcon, onClick: () => {
+                    }, title: locale.phonePlaceholder }))), passKeyEnabled && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__passkey", client: props.client, disabled: props.disabled, icon: FingerPrintIcon_js_1.FingerPrintIcon, onClick: () => {
                     handlePassKeyLogin();
-                }, title: locale.passkey })), siweEnabled && !props.isLinking && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, icon: OutlineWalletIcon_js_1.OutlineWalletIcon, onClick: () => {
+                }, title: locale.passkey })), siweEnabled && !props.isLinking && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__link-wallet", client: props.client, icon: OutlineWalletIcon_js_1.OutlineWalletIcon, onClick: () => {
                     handleWalletLogin();
-                }, title: locale.signInWithWallet })), guestEnabled && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, disabled: props.disabled, icon: GuestIcon_js_1.GuestIcon, onClick: () => {
+                }, title: locale.signInWithWallet })), guestEnabled && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__guest", client: props.client, disabled: props.disabled, icon: GuestIcon_js_1.GuestIcon, onClick: () => {
                     handleGuestLogin();
-                }, title: locale.loginAsGuest })), props.isLinking && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { client: props.client, icon: OutlineWalletIcon_js_1.OutlineWalletIcon, onClick: () => {
+                }, title: locale.loginAsGuest })), props.isLinking && ((0, jsx_runtime_1.jsx)(WalletTypeRowButton_js_1.WalletTypeRowButton, { className: "tw-select-button tw-select-button__link-wallet", client: props.client, icon: OutlineWalletIcon_js_1.OutlineWalletIcon, onClick: () => {
                     handleWalletLogin();
                 }, title: locale.linkWallet }))] }));
 };