@haneullabs/dapp-kit 0.1.0

package/dist/cjs/components/connect-modal/views/GettingStarted.js

@@ -0,0 +1,172 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/GettingStarted.tsx
+var GettingStarted_exports = {};
+__export(GettingStarted_exports, {
+  GettingStarted: () => GettingStarted
+});
+module.exports = __toCommonJS(GettingStarted_exports);
+
+// src/components/ui/Button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+
+// src/components/ui/Button.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var buttonVariants = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Button_buttonVariants__eqsvud0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__eqsvud1", outline: "Button_buttonVariants_variant_outline__eqsvud2" }, size: { md: "Button_buttonVariants_size_md__eqsvud3", lg: "Button_buttonVariants_size_lg__eqsvud4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
+
+// src/components/ui/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Comp,
+      {
+        ...props,
+        className: (0, import_clsx.default)(buttonVariants({ variant, size }), className),
+        ref: forwardedRef
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/Heading.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_clsx2 = __toESM(require("clsx"));
+var import_react2 = require("react");
+
+// src/components/ui/Heading.css.ts
+var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
+var headingVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Heading__ryq85s0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__ryq85s1", md: "Heading_headingVariants_size_md__ryq85s2", lg: "Heading_headingVariants_size_lg__ryq85s3", xl: "Heading_headingVariants_size_xl__ryq85s4" }, weight: { normal: "Heading_headingVariants_weight_normal__ryq85s5", bold: "Heading_headingVariants_weight_bold__ryq85s6" }, truncate: { true: "Heading_headingVariants_truncate_true__ryq85s7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
+
+// src/components/ui/Heading.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Heading = (0, import_react2.forwardRef)(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "h1",
+    size,
+    weight,
+    truncate,
+    ...headingProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_slot2.Slot,
+      {
+        ...headingProps,
+        ref: forwardedRef,
+        className: (0, import_clsx2.default)(headingVariants({ size, weight, truncate }), className),
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { children })
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// src/components/ui/Text.tsx
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_clsx3 = __toESM(require("clsx"));
+var import_react3 = require("react");
+
+// src/components/ui/Text.css.ts
+var import_createRuntimeFn3 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textVariants = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "Text__1qqbr020", variantClassNames: { size: { sm: "Text_textVariants_size_sm__1qqbr021" }, weight: { normal: "Text_textVariants_weight_normal__1qqbr022", medium: "Text_textVariants_weight_medium__1qqbr023", bold: "Text_textVariants_weight_bold__1qqbr024" }, color: { muted: "Text_textVariants_color_muted__1qqbr025", danger: "Text_textVariants_color_danger__1qqbr026" }, mono: { true: "Text_textVariants_mono_true__1qqbr027" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
+
+// src/components/ui/Text.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Text = (0, import_react3.forwardRef)(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "div",
+    size,
+    weight,
+    color,
+    mono,
+    ...textProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_slot3.Slot,
+      {
+        ...textProps,
+        ref: forwardedRef,
+        className: (0, import_clsx3.default)(textVariants({ size, weight, color, mono }), className),
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { children })
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+// src/components/connect-modal/InfoSection.css.ts
+var container = "InfoSection_container__1spjbyh0";
+
+// src/components/connect-modal/InfoSection.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function InfoSection({ title, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { as: "h3", size: "sm", weight: "normal", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { weight: "medium", color: "muted", children })
+  ] });
+}
+
+// src/components/connect-modal/views/GettingStarted.css.ts
+var container2 = "GettingStarted_container__uhj11t0";
+var content = "GettingStarted_content__uhj11t1";
+var installButtonContainer = "GettingStarted_installButtonContainer__uhj11t2";
+
+// src/components/connect-modal/views/GettingStarted.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function GettingStarted() {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: container2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Heading, { as: "h2", children: "Get Started with Sui" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Install the Slush Extension", children: "We recommend pinning Slush to your taskbar for quicker access." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Create or Import a Wallet", children: "Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Refresh Your Browser", children: "Once you set up your wallet, refresh this window browser to load up the extension." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: installButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "a",
+        {
+          href: "https://chromewebstore.google.com/detail/slush-%E2%80%94-a-sui-wallet/opcgpfmipidbgpenhmajoajpbobppdi",
+          target: "_blank",
+          rel: "noreferrer",
+          children: "Install Wallet Extension"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+//# sourceMappingURL=GettingStarted.js.map

package/dist/cjs/components/connect-modal/views/GettingStarted.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/GettingStarted.tsx", "../../../../../src/components/ui/Button.tsx", "../../../../../src/components/ui/Button.css.ts", "../../../../../src/components/ui/Heading.tsx", "../../../../../src/components/ui/Heading.css.ts", "../../../../../src/components/ui/Text.tsx", "../../../../../src/components/ui/Text.css.ts", "../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/GettingStarted.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Button } from '../../ui/Button.js';\nimport { Heading } from '../../ui/Heading.js';\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './GettingStarted.css.js';\n\nexport function GettingStarted() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<Heading as=\"h2\">Get Started with Sui</Heading>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Install the Slush Extension\">\n\t\t\t\t\tWe recommend pinning Slush to your taskbar for quicker access.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Create or Import a Wallet\">\n\t\t\t\t\tBe sure to back up your wallet using a secure method. Never share your secret phrase with\n\t\t\t\t\tanyone.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Refresh Your Browser\">\n\t\t\t\t\tOnce you set up your wallet, refresh this window browser to load up the extension.\n\t\t\t\t</InfoSection>\n\t\t\t\t<div className={styles.installButtonContainer}>\n\t\t\t\t\t<Button variant=\"outline\" asChild>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"https://chromewebstore.google.com/detail/slush-%E2%80%94-a-sui-wallet/opcgpfmipidbgpenhmajoajpbobppdi\"\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tInstall Wallet Extension\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n\tasChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n\tButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n\t\tconst Comp = asChild ? Slot : 'button';\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\t{...props}\n\t\t\t\tclassName={clsx(buttonVariants({ variant, size }), className)}\n\t\t\t\tref={forwardedRef}\n\t\t\t/>\n\t\t);\n\t},\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62Tz1LCMBDG7zxFjnIIA4iOU2568Qn02Nk2oV1Ik5ikpdXx3U1aOoAVhNFL0/n2z+/bbTN5LJ1TMk7a4wUMgnQ2jvmbrUo2JR8jQhhaLaCJCEqBktOV4PXS6yAwkxQdL2xEUi4dN0Fel9bhqqGp8op0h6GVl+iWY5Z7uQJzQykDrekGHQ2x1zZkacEZlsV4OfocTc4bjLw5SARnrVOlIUXnnU4nd2eKq+4l1gYLME3fbNb2SCDdZEaVkvkJhDIDo/uEpxC3dNemY43DnD8XpqfSE1VTmwNT20FNJw+Lrp4tylXFzX9M+BwaXWJBlS78L72FeQdXhnFDt8hcHpGZrpd70bpG8IhYJZAdyCdMtsGdwR3q0k/wPf3qUf60zSP6r9u0+M7jgvXo28MtGvD3xA6IQcb9JSJEA2Mos4g86JrM7sPSz/NE1vMWF/MEmIwf4wKKzBf+4YFf7hw83GsEAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__eqsvud0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__eqsvud1',outline:'Button_buttonVariants_variant_outline__eqsvud2'},size:{md:'Button_buttonVariants_size_md__eqsvud3',lg:'Button_buttonVariants_size_lg__eqsvud4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { headingVariants } from './Heading.css.js';\nimport type { HeadingVariants } from './Heading.css.js';\n\ntype HeadingAsChildProps = {\n\tasChild?: boolean;\n\tas?: never;\n};\n\ntype HeadingAsProps = {\n\tas?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\tasChild?: never;\n};\n\ntype HeadingProps = (HeadingAsChildProps | HeadingAsProps) &\n\tReact.HTMLAttributes<HTMLHeadingElement> &\n\tHeadingVariants;\n\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tasChild = false,\n\t\t\tas: Tag = 'h1',\n\t\t\tsize,\n\t\t\tweight,\n\t\t\ttruncate,\n\t\t\t...headingProps\n\t\t},\n\t\tforwardedRef,\n\t) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{...headingProps}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tclassName={clsx(headingVariants({ size, weight, truncate }), className)}\n\t\t\t>\n\t\t\t\t{asChild ? children : <Tag>{children}</Tag>}\n\t\t\t</Slot>\n\t\t);\n\t},\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\n", "import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fX3J5cTg1czEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9tZF9fcnlxODVzMiB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbWVkaXVtKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9sZ19fcnlxODVzMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX19yeXE4NXM0IHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy14bGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfbm9ybWFsX19yeXE4NXM1IHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X2JvbGRfX3J5cTg1czYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fcnlxODVzNyB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__ryq85s0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__ryq85s1',md:'Heading_headingVariants_size_md__ryq85s2',lg:'Heading_headingVariants_size_lg__ryq85s3',xl:'Heading_headingVariants_size_xl__ryq85s4'},weight:{normal:'Heading_headingVariants_weight_normal__ryq85s5',bold:'Heading_headingVariants_weight_bold__ryq85s6'},truncate:{true:'Heading_headingVariants_truncate_true__ryq85s7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { textVariants } from './Text.css.js';\nimport type { TextVariants } from './Text.css.js';\n\ntype TextAsChildProps = {\n\tasChild?: boolean;\n\tas?: never;\n};\n\ntype TextDivProps = { as: 'div'; asChild?: never };\n\ntype TextProps = (TextAsChildProps | TextDivProps) &\n\tReact.HTMLAttributes<HTMLDivElement> &\n\tTextVariants;\n\nconst Text = forwardRef<HTMLDivElement, TextProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tasChild = false,\n\t\t\tas: Tag = 'div',\n\t\t\tsize,\n\t\t\tweight,\n\t\t\tcolor,\n\t\t\tmono,\n\t\t\t...textProps\n\t\t},\n\t\tforwardedRef,\n\t) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{...textProps}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tclassName={clsx(textVariants({ size, weight, color, mono }), className)}\n\t\t\t>\n\t\t\t\t{asChild ? children : <Tag>{children}</Tag>}\n\t\t\t</Slot>\n\t\t);\n\t},\n);\nText.displayName = 'Text';\n\nexport { Text };\n", "import 'src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzFxcWJyMDIxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzFxcWJyMDIyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXFxYnIwMjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXFxYnIwMjQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzFxcWJyMDI1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXFxYnIwMjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMXFxYnIwMjcgewogIGZvbnQtZmFtaWx5OiB1aS1tb25vc3BhY2UsIFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgIkxpYmVyYXRpb24gTW9ubyIsICJDb3VyaWVyIE5ldyIsIG1vbm9zcGFjZTsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textVariants = _7a468({defaultClassName:'Text__1qqbr020',variantClassNames:{size:{sm:'Text_textVariants_size_sm__1qqbr021'},weight:{normal:'Text_textVariants_weight_normal__1qqbr022',medium:'Text_textVariants_weight_medium__1qqbr023',bold:'Text_textVariants_weight_bold__1qqbr024'},color:{muted:'Text_textVariants_color_muted__1qqbr025',danger:'Text_textVariants_color_danger__1qqbr026'},mono:{true:'Text_textVariants_mono_true__1qqbr027'}},defaultVariants:{size:'sm',weight:'normal'},compoundVariants:[]});", "import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXNwamJ5aDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1spjbyh0';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Heading } from '../ui/Heading.js';\nimport { Text } from '../ui/Text.js';\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<Heading as=\"h3\" size=\"sm\" weight=\"normal\">\n\t\t\t\t{title}\n\t\t\t</Heading>\n\t\t\t<Text weight=\"medium\" color=\"muted\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fdWhqMTF0MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkdldHRpbmdTdGFydGVkX2NvbnRlbnRfX3VoajExdDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0KLkdldHRpbmdTdGFydGVkX2luc3RhbGxCdXR0b25Db250YWluZXJfX3VoajExdDIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0=';\nexport var container = 'GettingStarted_container__uhj11t0';\nexport var content = 'GettingStarted_content__uhj11t1';\nexport var installButtonContainer = 'GettingStarted_installButtonContainer__uhj11t2';"],
+  "mappings": "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",
+  "names": ["_7a468", "clsx", "import_react_slot", "import_clsx", "import_react", "import_createRuntimeFn", "_7a468", "import_jsx_runtime", "clsx", "import_react_slot", "import_clsx", "import_react", "import_createRuntimeFn", "_7a468", "import_jsx_runtime", "clsx", "import_jsx_runtime", "container", "import_jsx_runtime", "container"]
+}

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css

@@ -0,0 +1,95 @@
+/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fX3J5cTg1czEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9tZF9fcnlxODVzMiB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbWVkaXVtKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9sZ19fcnlxODVzMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX19yeXE4NXM0IHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy14bGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfbm9ybWFsX19yeXE4NXM1IHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X2JvbGRfX3J5cTg1czYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fcnlxODVzNyB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9 */
+[data-dapp-kit].Heading_headingVariants_size_sm__ryq85s1,
+[data-dapp-kit] .Heading_headingVariants_size_sm__ryq85s1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+[data-dapp-kit].Heading_headingVariants_size_md__ryq85s2,
+[data-dapp-kit] .Heading_headingVariants_size_md__ryq85s2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+}
+[data-dapp-kit].Heading_headingVariants_size_lg__ryq85s3,
+[data-dapp-kit] .Heading_headingVariants_size_lg__ryq85s3 {
+  font-size: var(--dapp-kit-fontSizes-large);
+}
+[data-dapp-kit].Heading_headingVariants_size_xl__ryq85s4,
+[data-dapp-kit] .Heading_headingVariants_size_xl__ryq85s4 {
+  font-size: var(--dapp-kit-fontSizes-xlarge);
+}
+[data-dapp-kit].Heading_headingVariants_weight_normal__ryq85s5,
+[data-dapp-kit] .Heading_headingVariants_weight_normal__ryq85s5 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+[data-dapp-kit].Heading_headingVariants_weight_bold__ryq85s6,
+[data-dapp-kit] .Heading_headingVariants_weight_bold__ryq85s6 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+[data-dapp-kit].Heading_headingVariants_truncate_true__ryq85s7,
+[data-dapp-kit] .Heading_headingVariants_truncate_true__ryq85s7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzFxcWJyMDIxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzFxcWJyMDIyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXFxYnIwMjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXFxYnIwMjQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzFxcWJyMDI1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXFxYnIwMjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMXFxYnIwMjcgewogIGZvbnQtZmFtaWx5OiB1aS1tb25vc3BhY2UsIFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgIkxpYmVyYXRpb24gTW9ubyIsICJDb3VyaWVyIE5ldyIsIG1vbm9zcGFjZTsKfQ== */
+[data-dapp-kit].Text_textVariants_size_sm__1qqbr021,
+[data-dapp-kit] .Text_textVariants_size_sm__1qqbr021 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+[data-dapp-kit].Text_textVariants_weight_normal__1qqbr022,
+[data-dapp-kit] .Text_textVariants_weight_normal__1qqbr022 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+[data-dapp-kit].Text_textVariants_weight_medium__1qqbr023,
+[data-dapp-kit] .Text_textVariants_weight_medium__1qqbr023 {
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+[data-dapp-kit].Text_textVariants_weight_bold__1qqbr024,
+[data-dapp-kit] .Text_textVariants_weight_bold__1qqbr024 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+[data-dapp-kit].Text_textVariants_color_muted__1qqbr025,
+[data-dapp-kit] .Text_textVariants_color_muted__1qqbr025 {
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+[data-dapp-kit].Text_textVariants_color_danger__1qqbr026,
+[data-dapp-kit] .Text_textVariants_color_danger__1qqbr026 {
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+[data-dapp-kit].Text_textVariants_mono_true__1qqbr027,
+[data-dapp-kit] .Text_textVariants_mono_true__1qqbr027 {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXNwamJ5aDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+[data-dapp-kit].InfoSection_container__1spjbyh0,
+[data-dapp-kit] .InfoSection_container__1spjbyh0 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
+[data-dapp-kit].WhatIsAWallet_container__1id5knn0,
+[data-dapp-kit] .WhatIsAWallet_container__1id5knn0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+[data-dapp-kit].WhatIsAWallet_content__1id5knn1,
+[data-dapp-kit] .WhatIsAWallet_content__1id5knn1 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=WhatIsAWallet.css.map */

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css

@@ -0,0 +1,17 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
+[data-dapp-kit].WhatIsAWallet_container__1id5knn0,
+[data-dapp-kit] .WhatIsAWallet_container__1id5knn0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+[data-dapp-kit].WhatIsAWallet_content__1id5knn1,
+[data-dapp-kit] .WhatIsAWallet_content__1id5knn1 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+/*# sourceMappingURL=WhatIsAWallet.css.css.map */

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0="],
+  "sourcesContent": ["[data-dapp-kit].WhatIsAWallet_container__1id5knn0, [data-dapp-kit] .WhatIsAWallet_container__1id5knn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n[data-dapp-kit].WhatIsAWallet_content__1id5knn1, [data-dapp-kit] .WhatIsAWallet_content__1id5knn1 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA,CAAC,cAAc,CAAC;AAAmC,CAAC,eAAe,CAAnD;AACd,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AACA,CAAC,cAAc,CAAC;AAAiC,CAAC,eAAe,CAAjD;AACd,WAAS;AACT,kBAAgB;AAChB,mBAAiB;AACjB,aAAW;AACX,OAAK;AACL,WAAS;AACX;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.d.ts

@@ -0,0 +1,2 @@
+export declare const container: string;
+export declare const content: string;

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var WhatIsAWallet_css_exports = {};
+__export(WhatIsAWallet_css_exports, {
+  container: () => container,
+  content: () => content
+});
+module.exports = __toCommonJS(WhatIsAWallet_css_exports);
+var container = "WhatIsAWallet_container__1id5knn0";
+var content = "WhatIsAWallet_content__1id5knn1";
+//# sourceMappingURL=WhatIsAWallet.css.js.map

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1id5knn0';\nexport var content = 'WhatIsAWallet_content__1id5knn1';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,YAAY;AAChB,IAAI,UAAU;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fX3J5cTg1czEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9tZF9fcnlxODVzMiB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbWVkaXVtKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9sZ19fcnlxODVzMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX19yeXE4NXM0IHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy14bGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfbm9ybWFsX19yeXE4NXM1IHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X2JvbGRfX3J5cTg1czYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fcnlxODVzNyB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9", "vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzFxcWJyMDIxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzFxcWJyMDIyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXFxYnIwMjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXFxYnIwMjQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzFxcWJyMDI1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXFxYnIwMjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMXFxYnIwMjcgewogIGZvbnQtZmFtaWx5OiB1aS1tb25vc3BhY2UsIFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgIkxpYmVyYXRpb24gTW9ubyIsICJDb3VyaWVyIE5ldyIsIG1vbm9zcGFjZTsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXNwamJ5aDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0="],
+  "sourcesContent": ["[data-dapp-kit].Heading_headingVariants_size_sm__ryq85s1, [data-dapp-kit] .Heading_headingVariants_size_sm__ryq85s1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Heading_headingVariants_size_md__ryq85s2, [data-dapp-kit] .Heading_headingVariants_size_md__ryq85s2 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n}\n[data-dapp-kit].Heading_headingVariants_size_lg__ryq85s3, [data-dapp-kit] .Heading_headingVariants_size_lg__ryq85s3 {\n  font-size: var(--dapp-kit-fontSizes-large);\n}\n[data-dapp-kit].Heading_headingVariants_size_xl__ryq85s4, [data-dapp-kit] .Heading_headingVariants_size_xl__ryq85s4 {\n  font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n[data-dapp-kit].Heading_headingVariants_weight_normal__ryq85s5, [data-dapp-kit] .Heading_headingVariants_weight_normal__ryq85s5 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Heading_headingVariants_weight_bold__ryq85s6, [data-dapp-kit] .Heading_headingVariants_weight_bold__ryq85s6 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Heading_headingVariants_truncate_true__ryq85s7, [data-dapp-kit] .Heading_headingVariants_truncate_true__ryq85s7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}", "[data-dapp-kit].Text_textVariants_size_sm__1qqbr021, [data-dapp-kit] .Text_textVariants_size_sm__1qqbr021 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Text_textVariants_weight_normal__1qqbr022, [data-dapp-kit] .Text_textVariants_weight_normal__1qqbr022 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Text_textVariants_weight_medium__1qqbr023, [data-dapp-kit] .Text_textVariants_weight_medium__1qqbr023 {\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Text_textVariants_weight_bold__1qqbr024, [data-dapp-kit] .Text_textVariants_weight_bold__1qqbr024 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Text_textVariants_color_muted__1qqbr025, [data-dapp-kit] .Text_textVariants_color_muted__1qqbr025 {\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__1qqbr026, [data-dapp-kit] .Text_textVariants_color_danger__1qqbr026 {\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__1qqbr027, [data-dapp-kit] .Text_textVariants_mono_true__1qqbr027 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}", "[data-dapp-kit].InfoSection_container__1spjbyh0, [data-dapp-kit] .InfoSection_container__1spjbyh0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", "[data-dapp-kit].WhatIsAWallet_container__1id5knn0, [data-dapp-kit] .WhatIsAWallet_container__1id5knn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n[data-dapp-kit].WhatIsAWallet_content__1id5knn1, [data-dapp-kit] .WhatIsAWallet_content__1id5knn1 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}"],
+  "mappings": ";AAAA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA8C,CAAC,eAAe,CAA9D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,YAAU;AACV,iBAAe;AACf,eAAa;AACf;;;ACtBA,CAAC,cAAc,CAAC;AAAqC,CAAC,eAAe,CAArD;AACd,aAAW,IAAI;AACjB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,eAAa,IAAI;AACnB;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAA0C,CAAC,eAAe,CAA1D;AACd,SAAO,IAAI;AACb;AACA,CAAC,cAAc,CAAC;AAAuC,CAAC,eAAe,CAAvD;AACd;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACxG;;;ACpBA,CAAC,cAAc,CAAC;AAAiC,CAAC,eAAe,CAAjD;AACd,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;;;ACJA,CAAC,cAAc,CAAC;AAAmC,CAAC,eAAe,CAAnD;AACd,WAAS;AACT,kBAAgB;AAChB,eAAa;AACf;AACA,CAAC,cAAc,CAAC;AAAiC,CAAC,eAAe,CAAjD;AACd,WAAS;AACT,kBAAgB;AAChB,mBAAiB;AACjB,aAAW;AACX,OAAK;AACL,WAAS;AACX;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.d.ts

@@ -0,0 +1 @@
+export declare function WhatIsAWallet(): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js

@@ -0,0 +1,135 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/views/WhatIsAWallet.tsx
+var WhatIsAWallet_exports = {};
+__export(WhatIsAWallet_exports, {
+  WhatIsAWallet: () => WhatIsAWallet
+});
+module.exports = __toCommonJS(WhatIsAWallet_exports);
+
+// src/components/ui/Heading.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+
+// src/components/ui/Heading.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var headingVariants = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "Heading__ryq85s0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__ryq85s1", md: "Heading_headingVariants_size_md__ryq85s2", lg: "Heading_headingVariants_size_lg__ryq85s3", xl: "Heading_headingVariants_size_xl__ryq85s4" }, weight: { normal: "Heading_headingVariants_weight_normal__ryq85s5", bold: "Heading_headingVariants_weight_bold__ryq85s6" }, truncate: { true: "Heading_headingVariants_truncate_true__ryq85s7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
+
+// src/components/ui/Heading.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Heading = (0, import_react.forwardRef)(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "h1",
+    size,
+    weight,
+    truncate,
+    ...headingProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_slot.Slot,
+      {
+        ...headingProps,
+        ref: forwardedRef,
+        className: (0, import_clsx.default)(headingVariants({ size, weight, truncate }), className),
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { children })
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// src/components/ui/Text.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_clsx2 = __toESM(require("clsx"));
+var import_react2 = require("react");
+
+// src/components/ui/Text.css.ts
+var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textVariants = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "Text__1qqbr020", variantClassNames: { size: { sm: "Text_textVariants_size_sm__1qqbr021" }, weight: { normal: "Text_textVariants_weight_normal__1qqbr022", medium: "Text_textVariants_weight_medium__1qqbr023", bold: "Text_textVariants_weight_bold__1qqbr024" }, color: { muted: "Text_textVariants_color_muted__1qqbr025", danger: "Text_textVariants_color_danger__1qqbr026" }, mono: { true: "Text_textVariants_mono_true__1qqbr027" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
+
+// src/components/ui/Text.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Text = (0, import_react2.forwardRef)(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "div",
+    size,
+    weight,
+    color,
+    mono,
+    ...textProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_slot2.Slot,
+      {
+        ...textProps,
+        ref: forwardedRef,
+        className: (0, import_clsx2.default)(textVariants({ size, weight, color, mono }), className),
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { children })
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+// src/components/connect-modal/InfoSection.css.ts
+var container = "InfoSection_container__1spjbyh0";
+
+// src/components/connect-modal/InfoSection.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function InfoSection({ title, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { as: "h3", size: "sm", weight: "normal", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { weight: "medium", color: "muted", children })
+  ] });
+}
+
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var container2 = "WhatIsAWallet_container__1id5knn0";
+var content = "WhatIsAWallet_content__1id5knn1";
+
+// src/components/connect-modal/views/WhatIsAWallet.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function WhatIsAWallet() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: container2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { as: "h2", children: "What is a Wallet" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InfoSection, { title: "Easy Login", children: "No need to create new accounts and passwords for every website. Just connect your wallet and get going." }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InfoSection, { title: "Store your Digital Assets", children: "Send, receive, store, and display your digital assets like NFTs & coins." })
+    ] })
+  ] });
+}
+//# sourceMappingURL=WhatIsAWallet.js.map

package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/connect-modal/views/WhatIsAWallet.tsx", "../../../../../src/components/ui/Heading.tsx", "../../../../../src/components/ui/Heading.css.ts", "../../../../../src/components/ui/Text.tsx", "../../../../../src/components/ui/Text.css.ts", "../../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../../src/components/connect-modal/InfoSection.tsx", "../../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Heading } from '../../ui/Heading.js';\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './WhatIsAWallet.css.js';\n\nexport function WhatIsAWallet() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<Heading as=\"h2\">What is a Wallet</Heading>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Easy Login\">\n\t\t\t\t\tNo need to create new accounts and passwords for every website. Just connect your wallet\n\t\t\t\t\tand get going.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Store your Digital Assets\">\n\t\t\t\t\tSend, receive, store, and display your digital assets like NFTs & coins.\n\t\t\t\t</InfoSection>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { headingVariants } from './Heading.css.js';\nimport type { HeadingVariants } from './Heading.css.js';\n\ntype HeadingAsChildProps = {\n\tasChild?: boolean;\n\tas?: never;\n};\n\ntype HeadingAsProps = {\n\tas?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\tasChild?: never;\n};\n\ntype HeadingProps = (HeadingAsChildProps | HeadingAsProps) &\n\tReact.HTMLAttributes<HTMLHeadingElement> &\n\tHeadingVariants;\n\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tasChild = false,\n\t\t\tas: Tag = 'h1',\n\t\t\tsize,\n\t\t\tweight,\n\t\t\ttruncate,\n\t\t\t...headingProps\n\t\t},\n\t\tforwardedRef,\n\t) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{...headingProps}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tclassName={clsx(headingVariants({ size, weight, truncate }), className)}\n\t\t\t>\n\t\t\t\t{asChild ? children : <Tag>{children}</Tag>}\n\t\t\t</Slot>\n\t\t);\n\t},\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\n", "import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fX3J5cTg1czEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9tZF9fcnlxODVzMiB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbWVkaXVtKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfc2l6ZV9sZ19fcnlxODVzMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX19yeXE4NXM0IHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy14bGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfbm9ybWFsX19yeXE4NXM1IHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X2JvbGRfX3J5cTg1czYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fcnlxODVzNyB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__ryq85s0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__ryq85s1',md:'Heading_headingVariants_size_md__ryq85s2',lg:'Heading_headingVariants_size_lg__ryq85s3',xl:'Heading_headingVariants_size_xl__ryq85s4'},weight:{normal:'Heading_headingVariants_weight_normal__ryq85s5',bold:'Heading_headingVariants_weight_bold__ryq85s6'},truncate:{true:'Heading_headingVariants_truncate_true__ryq85s7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { textVariants } from './Text.css.js';\nimport type { TextVariants } from './Text.css.js';\n\ntype TextAsChildProps = {\n\tasChild?: boolean;\n\tas?: never;\n};\n\ntype TextDivProps = { as: 'div'; asChild?: never };\n\ntype TextProps = (TextAsChildProps | TextDivProps) &\n\tReact.HTMLAttributes<HTMLDivElement> &\n\tTextVariants;\n\nconst Text = forwardRef<HTMLDivElement, TextProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tasChild = false,\n\t\t\tas: Tag = 'div',\n\t\t\tsize,\n\t\t\tweight,\n\t\t\tcolor,\n\t\t\tmono,\n\t\t\t...textProps\n\t\t},\n\t\tforwardedRef,\n\t) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{...textProps}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tclassName={clsx(textVariants({ size, weight, color, mono }), className)}\n\t\t\t>\n\t\t\t\t{asChild ? children : <Tag>{children}</Tag>}\n\t\t\t</Slot>\n\t\t);\n\t},\n);\nText.displayName = 'Text';\n\nexport { Text };\n", "import 'src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzFxcWJyMDIxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzFxcWJyMDIyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXFxYnIwMjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXFxYnIwMjQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzFxcWJyMDI1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXFxYnIwMjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMXFxYnIwMjcgewogIGZvbnQtZmFtaWx5OiB1aS1tb25vc3BhY2UsIFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgIkxpYmVyYXRpb24gTW9ubyIsICJDb3VyaWVyIE5ldyIsIG1vbm9zcGFjZTsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textVariants = _7a468({defaultClassName:'Text__1qqbr020',variantClassNames:{size:{sm:'Text_textVariants_size_sm__1qqbr021'},weight:{normal:'Text_textVariants_weight_normal__1qqbr022',medium:'Text_textVariants_weight_medium__1qqbr023',bold:'Text_textVariants_weight_bold__1qqbr024'},color:{muted:'Text_textVariants_color_muted__1qqbr025',danger:'Text_textVariants_color_danger__1qqbr026'},mono:{true:'Text_textVariants_mono_true__1qqbr027'}},defaultVariants:{size:'sm',weight:'normal'},compoundVariants:[]});", "import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXNwamJ5aDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1spjbyh0';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Heading } from '../ui/Heading.js';\nimport { Text } from '../ui/Text.js';\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<Heading as=\"h3\" size=\"sm\" weight=\"normal\">\n\t\t\t\t{title}\n\t\t\t</Heading>\n\t\t\t<Text weight=\"medium\" color=\"muted\">\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xaWQ1a25uMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWlkNWtubjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1id5knn0';\nexport var content = 'WhatIsAWallet_content__1id5knn1';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGA,wBAAqB;AACrB,kBAAiB;AACjB,mBAA2B;;;ACJ3B,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,IAAG,4CAA2C,IAAG,4CAA2C,IAAG,4CAA2C,IAAG,2CAA0C,GAAE,QAAO,EAAC,QAAO,kDAAiD,MAAK,+CAA8C,GAAE,UAAS,EAAC,MAAK,iDAAgD,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;AD0Ctf;AApB1B,IAAM,cAAU;AAAA,EACf,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,iBACI;AACJ,WACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,YAAAC,SAAK,gBAAgB,EAAE,MAAM,QAAQ,SAAS,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,4CAAC,OAAK,UAAS;AAAA;AAAA,IACtC;AAAA,EAEF;AACD;AACA,QAAQ,cAAc;;;AE9CtB,IAAAC,qBAAqB;AACrB,IAAAC,eAAiB;AACjB,IAAAC,gBAA2B;;;ACJ3B,IAAAC,0BAA0C;AACnC,IAAI,mBAAe,wBAAAC,iBAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,IAAG,sCAAqC,GAAE,QAAO,EAAC,QAAO,6CAA4C,QAAO,6CAA4C,MAAK,0CAAyC,GAAE,OAAM,EAAC,OAAM,2CAA0C,QAAO,2CAA0C,GAAE,MAAK,EAAC,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ADwC1e,IAAAC,sBAAA;AArB1B,IAAM,WAAO;AAAA,EACZ,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,iBACI;AACJ,WACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,aAAAC,SAAK,aAAa,EAAE,MAAM,QAAQ,OAAO,KAAK,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,6CAAC,OAAK,UAAS;AAAA;AAAA,IACtC;AAAA,EAEF;AACD;AACA,KAAK,cAAc;;;AE9CZ,IAAI,YAAY;;;ACarB,IAAAC,sBAAA;AAFK,SAAS,YAAY,EAAE,OAAO,SAAS,GAAqB;AAClE,SACC,8CAAC,aAAQ,WAAkB,WAC1B;AAAA,iDAAC,WAAQ,IAAG,MAAK,MAAK,MAAK,QAAO,UAChC,iBACF;AAAA,IACA,6CAAC,QAAK,QAAO,UAAS,OAAM,SAC1B,UACF;AAAA,KACD;AAEF;;;ACtBO,IAAIC,aAAY;AAChB,IAAI,UAAU;;;APQlB,IAAAC,sBAAA;AAHI,SAAS,gBAAgB;AAC/B,SACC,8CAAC,SAAI,WAAkBC,YACtB;AAAA,iDAAC,WAAQ,IAAG,MAAK,8BAAgB;AAAA,IACjC,8CAAC,SAAI,WAAkB,SACtB;AAAA,mDAAC,eAAY,OAAM,cAAa,qHAGhC;AAAA,MACA,6CAAC,eAAY,OAAM,6BAA4B,sFAE/C;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": ["_7a468", "clsx", "import_react_slot", "import_clsx", "import_react", "import_createRuntimeFn", "_7a468", "import_jsx_runtime", "clsx", "import_jsx_runtime", "container", "import_jsx_runtime", "container"]
+}