@iota/dapp-kit 0.1.1 → 0.2.0

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

@@ -1,102 +0,0 @@
-// src/components/ui/Heading.tsx
-import { Slot } from "@radix-ui/react-slot";
-import clsx from "clsx";
-import { forwardRef } from "react";
-
-// src/components/ui/Heading.css.ts
-import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var headingVariants = _7a468({ defaultClassName: "Heading__12b5l8i0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__12b5l8i1", md: "Heading_headingVariants_size_md__12b5l8i2", lg: "Heading_headingVariants_size_lg__12b5l8i3", xl: "Heading_headingVariants_size_xl__12b5l8i4" }, weight: { normal: "Heading_headingVariants_weight_normal__12b5l8i5", bold: "Heading_headingVariants_weight_bold__12b5l8i6" }, truncate: { true: "Heading_headingVariants_truncate_true__12b5l8i7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
-
-// src/components/ui/Heading.tsx
-import { jsx } from "react/jsx-runtime";
-var Heading = forwardRef(
-  ({
-    children,
-    className,
-    asChild = false,
-    as: Tag = "h1",
-    size,
-    weight,
-    truncate,
-    ...headingProps
-  }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      Slot,
-      {
-        ...headingProps,
-        ref: forwardedRef,
-        className: clsx(headingVariants({ size, weight, truncate }), className),
-        children: asChild ? children : /* @__PURE__ */ jsx(Tag, { children })
-      }
-    );
-  }
-);
-Heading.displayName = "Heading";
-
-// src/components/ui/Text.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import clsx2 from "clsx";
-import { forwardRef as forwardRef2 } from "react";
-
-// src/components/ui/Text.css.ts
-import { createRuntimeFn as _7a4682 } from "@vanilla-extract/recipes/createRuntimeFn";
-var textVariants = _7a4682({ defaultClassName: "Text__aprhbd0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__aprhbd1" }, weight: { normal: "Text_textVariants_weight_normal__aprhbd2", medium: "Text_textVariants_weight_medium__aprhbd3", bold: "Text_textVariants_weight_bold__aprhbd4" }, color: { muted: "Text_textVariants_color_muted__aprhbd5", danger: "Text_textVariants_color_danger__aprhbd6" }, mono: { true: "Text_textVariants_mono_true__aprhbd7" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
-
-// src/components/ui/Text.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Text = forwardRef2(
-  ({
-    children,
-    className,
-    asChild = false,
-    as: Tag = "div",
-    size,
-    weight,
-    color,
-    mono,
-    ...textProps
-  }, forwardedRef) => {
-    return /* @__PURE__ */ jsx2(
-      Slot2,
-      {
-        ...textProps,
-        ref: forwardedRef,
-        className: clsx2(textVariants({ size, weight, color, mono }), className),
-        children: asChild ? children : /* @__PURE__ */ jsx2(Tag, { children })
-      }
-    );
-  }
-);
-Text.displayName = "Text";
-
-// src/components/connect-modal/InfoSection.css.ts
-var container = "InfoSection_container__1d1nrmt0";
-
-// src/components/connect-modal/InfoSection.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function InfoSection({ title, children }) {
-  return /* @__PURE__ */ jsxs("section", { className: container, children: [
-    /* @__PURE__ */ jsx3(Heading, { as: "h3", size: "sm", weight: "normal", children: title }),
-    /* @__PURE__ */ jsx3(Text, { weight: "medium", color: "muted", children })
-  ] });
-}
-
-// src/components/connect-modal/views/WhatIsAWallet.css.ts
-var container2 = "WhatIsAWallet_container__1kdcimq0";
-var content = "WhatIsAWallet_content__1kdcimq1";
-
-// src/components/connect-modal/views/WhatIsAWallet.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function WhatIsAWallet() {
-  return /* @__PURE__ */ jsxs2("div", { className: container2, children: [
-    /* @__PURE__ */ jsx4(Heading, { as: "h2", children: "What is a Wallet" }),
-    /* @__PURE__ */ jsxs2("div", { className: content, children: [
-      /* @__PURE__ */ jsx4(InfoSection, { title: "Easy Login", children: "No need to create new accounts and passwords for every website. Just connect your wallet and get going." }),
-      /* @__PURE__ */ jsx4(InfoSection, { title: "Store your Digital Assets", children: "Send, receive, store, and display your digital assets like NFTs & coins." })
-    ] })
-  ] });
-}
-export {
-  WhatIsAWallet
-};
-//# sourceMappingURL=WhatIsAWallet.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../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", "../../../../../src/components/connect-modal/views/WhatIsAWallet.tsx"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\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    asChild?: boolean;\n    as?: never;\n};\n\ntype HeadingAsProps = {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n    asChild?: never;\n};\n\ntype HeadingProps = (HeadingAsChildProps | HeadingAsProps) &\n    React.HTMLAttributes<HTMLHeadingElement> &\n    HeadingVariants;\n\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n    (\n        {\n            children,\n            className,\n            asChild = false,\n            as: Tag = 'h1',\n            size,\n            weight,\n            truncate,\n            ...headingProps\n        },\n        forwardedRef,\n    ) => {\n        return (\n            <Slot\n                {...headingProps}\n                ref={forwardedRef}\n                className={clsx(headingVariants({ size, weight, truncate }), className)}\n            >\n                {asChild ? children : <Tag>{children}</Tag>}\n            </Slot>\n        );\n    },\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\n", "import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__12b5l8i0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__12b5l8i1',md:'Heading_headingVariants_size_md__12b5l8i2',lg:'Heading_headingVariants_size_lg__12b5l8i3',xl:'Heading_headingVariants_size_xl__12b5l8i4'},weight:{normal:'Heading_headingVariants_weight_normal__12b5l8i5',bold:'Heading_headingVariants_weight_bold__12b5l8i6'},truncate:{true:'Heading_headingVariants_truncate_true__12b5l8i7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\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    asChild?: boolean;\n    as?: never;\n};\n\ntype TextDivProps = { as: 'div'; asChild?: never };\n\ntype TextProps = (TextAsChildProps | TextDivProps) &\n    React.HTMLAttributes<HTMLDivElement> &\n    TextVariants;\n\nconst Text = forwardRef<HTMLDivElement, TextProps>(\n    (\n        {\n            children,\n            className,\n            asChild = false,\n            as: Tag = 'div',\n            size,\n            weight,\n            color,\n            mono,\n            ...textProps\n        },\n        forwardedRef,\n    ) => {\n        return (\n            <Slot\n                {...textProps}\n                ref={forwardedRef}\n                className={clsx(textVariants({ size, weight, color, mono }), className)}\n            >\n                {asChild ? children : <Tag>{children}</Tag>}\n            </Slot>\n        );\n    },\n);\nText.displayName = 'Text';\n\nexport { Text };\n", "import 'src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textVariants = _7a468({defaultClassName:'Text__aprhbd0',variantClassNames:{size:{sm:'Text_textVariants_size_sm__aprhbd1'},weight:{normal:'Text_textVariants_weight_normal__aprhbd2',medium:'Text_textVariants_weight_medium__aprhbd3',bold:'Text_textVariants_weight_bold__aprhbd4'},color:{muted:'Text_textVariants_color_muted__aprhbd5',danger:'Text_textVariants_color_danger__aprhbd6'},mono:{true:'Text_textVariants_mono_true__aprhbd7'}},defaultVariants:{size:'sm',weight:'normal'},compoundVariants:[]});", "import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMWQxbnJtdDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1d1nrmt0';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\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    title: string;\n    children: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n    return (\n        <section className={styles.container}>\n            <Heading as=\"h3\" size=\"sm\" weight=\"normal\">\n                {title}\n            </Heading>\n            <Text weight=\"medium\" color=\"muted\">\n                {children}\n            </Text>\n        </section>\n    );\n}\n", "import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa2RjaW1xMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWtkY2ltcTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1kdcimq0';\nexport var content = 'WhatIsAWallet_content__1kdcimq1';", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\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    return (\n        <div className={styles.container}>\n            <Heading as=\"h2\">What is a Wallet</Heading>\n            <div className={styles.content}>\n                <InfoSection title=\"Easy Login\">\n                    No need to create new accounts and passwords for every website. Just connect\n                    your wallet and get going.\n                </InfoSection>\n                <InfoSection title=\"Store your Digital Assets\">\n                    Send, receive, store, and display your digital assets like NFTs & coins.\n                </InfoSection>\n            </div>\n        </div>\n    );\n}\n"],
-  "mappings": ";AAIA,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,kBAAkB;;;ACL3B,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,4CAA2C,GAAE,QAAO,EAAC,QAAO,mDAAkD,MAAK,gDAA+C,GAAE,UAAS,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;AD2Clf;AApBtC,IAAM,UAAU;AAAA,EACZ,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,GACA,iBACC;AACD,WACI;AAAA,MAAC;AAAA;AAAA,QACI,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,KAAK,gBAAgB,EAAE,MAAM,QAAQ,SAAS,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,oBAAC,OAAK,UAAS;AAAA;AAAA,IACzC;AAAA,EAER;AACJ;AACA,QAAQ,cAAc;;;AE9CtB,SAAS,QAAAA,aAAY;AACrB,OAAOC,WAAU;AACjB,SAAS,cAAAC,mBAAkB;;;ACL3B,SAAS,mBAAmBC,eAAc;AACnC,IAAI,eAAeA,QAAO,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,MAAK,EAAC,IAAG,qCAAoC,GAAE,QAAO,EAAC,QAAO,4CAA2C,QAAO,4CAA2C,MAAK,yCAAwC,GAAE,OAAM,EAAC,OAAM,0CAAyC,QAAO,0CAAyC,GAAE,MAAK,EAAC,MAAK,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ADyCtd,gBAAAC,YAAA;AArBtC,IAAM,OAAOC;AAAA,EACT,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACP,GACA,iBACC;AACD,WACI,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAWC,MAAK,aAAa,EAAE,MAAM,QAAQ,OAAO,KAAK,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,gBAAAH,KAAC,OAAK,UAAS;AAAA;AAAA,IACzC;AAAA,EAER;AACJ;AACA,KAAK,cAAc;;;AE/CZ,IAAI,YAAY;;;ACcf,SACI,OAAAI,MADJ;AAFD,SAAS,YAAY,EAAE,OAAO,SAAS,GAAqB;AAC/D,SACI,qBAAC,aAAQ,WAAkB,WACvB;AAAA,oBAAAA,KAAC,WAAQ,IAAG,MAAK,MAAK,MAAK,QAAO,UAC7B,iBACL;AAAA,IACA,gBAAAA,KAAC,QAAK,QAAO,UAAS,OAAM,SACvB,UACL;AAAA,KACJ;AAER;;;ACvBO,IAAIC,aAAY;AAChB,IAAI,UAAU;;;ACST,gBAAAC,MACA,QAAAC,aADA;AAHL,SAAS,gBAAgB;AAC5B,SACI,gBAAAA,MAAC,SAAI,WAAkBC,YACnB;AAAA,oBAAAF,KAAC,WAAQ,IAAG,MAAK,8BAAgB;AAAA,IACjC,gBAAAC,MAAC,SAAI,WAAkB,SACnB;AAAA,sBAAAD,KAAC,eAAY,OAAM,cAAa,qHAGhC;AAAA,MACA,gBAAAA,KAAC,eAAY,OAAM,6BAA4B,sFAE/C;AAAA,OACJ;AAAA,KACJ;AAER;",
-  "names": ["Slot", "clsx", "forwardRef", "_7a468", "jsx", "forwardRef", "Slot", "clsx", "jsx", "container", "jsx", "jsxs", "container"]
-}

package/dist/esm/components/icons/BackIcon.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentProps } from 'react';
-export declare function BackIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/icons/BackIcon.js

@@ -1,15 +0,0 @@
-// src/components/icons/BackIcon.tsx
-import { jsx } from "react/jsx-runtime";
-function BackIcon(props) {
-  return /* @__PURE__ */ jsx("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z",
-      fill: "currentColor"
-    }
-  ) });
-}
-export {
-  BackIcon
-};
-//# sourceMappingURL=BackIcon.js.map

package/dist/esm/components/icons/BackIcon.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/icons/BackIcon.tsx"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\n// FIXME: Replace this with a 10x10 icon to match the CheckIcon, or alternatively make the CheckIcon bigger\n// Right now, the icons don't align on mobile :(\nexport function BackIcon(props: ComponentProps<'svg'>) {\n    return (\n        <svg width={24} height={24} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n            <path\n                d=\"M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n}\n"],
-  "mappings": ";AAWY;AAHL,SAAS,SAAS,OAA8B;AACnD,SACI,oBAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,OAAM,8BAA8B,GAAG,OAC3E;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACT,GACJ;AAER;",
-  "names": []
-}

package/dist/esm/hooks/useResolveIotaNSNames.d.ts

@@ -1,3 +0,0 @@
-import type { ResolvedNameServiceNames } from '@iota/iota-sdk/client';
-import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
-export declare function useResolveIotaNSName(address?: string | null, options?: Omit<UseQueryOptions<ResolvedNameServiceNames, Error, string | null, unknown[]>, 'queryFn' | 'queryKey' | 'select'>): UseQueryResult<string | null, Error>;

package/dist/esm/hooks/useResolveIotaNSNames.js

@@ -1,60 +0,0 @@
-// src/hooks/useIotaClientQuery.ts
-import { useQuery } from "@tanstack/react-query";
-
-// src/hooks/useIotaClient.ts
-import { useContext } from "react";
-
-// src/components/IotaClientProvider.tsx
-import { getNetwork, isIotaClient, Network, IotaClient } from "@iota/iota-sdk/client";
-import { createContext, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var IotaClientContext = createContext(null);
-var DEFAULT_NETWORKS = {
-  localnet: { url: getNetwork(Network.Local).url }
-};
-
-// src/hooks/useIotaClient.ts
-function useIotaClientContext() {
-  const iotaClient = useContext(IotaClientContext);
-  if (!iotaClient) {
-    throw new Error(
-      "Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider"
-    );
-  }
-  return iotaClient;
-}
-
-// src/hooks/useIotaClientQuery.ts
-function useIotaClientQuery(...args) {
-  const [method, params, { queryKey = [], ...options } = {}] = args;
-  const iotaContext = useIotaClientContext();
-  return useQuery({
-    ...options,
-    queryKey: [iotaContext.network, method, params, ...queryKey],
-    queryFn: async () => {
-      return await iotaContext.client[method](params);
-    }
-  });
-}
-
-// src/hooks/useResolveIotaNSNames.ts
-function useResolveIotaNSName(address, options) {
-  return useIotaClientQuery(
-    "resolveNameServiceNames",
-    {
-      address,
-      limit: 1
-    },
-    {
-      ...options,
-      refetchOnWindowFocus: false,
-      retry: false,
-      select: (data) => data.data.length > 0 ? data.data[0] : null,
-      enabled: !!address && options?.enabled !== false
-    }
-  );
-}
-export {
-  useResolveIotaNSName
-};
-//# sourceMappingURL=useResolveIotaNSNames.js.map

package/dist/esm/hooks/useResolveIotaNSNames.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIotaClientQuery.ts", "../../../src/hooks/useIotaClient.ts", "../../../src/components/IotaClientProvider.tsx", "../../../src/hooks/useResolveIotaNSNames.ts"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { IotaClient } from '@iota/iota-sdk/client';\nimport type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';\nimport { useQuery } from '@tanstack/react-query';\n\nimport type { PartialBy } from '../types/utilityTypes.js';\nimport { useIotaClientContext } from './useIotaClient.js';\n\nexport type IotaRpcMethodName = {\n    [K in keyof IotaClient]: IotaClient[K] extends\n        | ((input: any) => Promise<any>)\n        | (() => Promise<any>)\n        ? K\n        : never;\n}[keyof IotaClient];\n\nexport type IotaRpcMethods = {\n    [K in IotaRpcMethodName]: IotaClient[K] extends (input: infer P) => Promise<infer R>\n        ? {\n              name: K;\n              result: R;\n              params: P;\n          }\n        : IotaClient[K] extends () => Promise<infer R>\n          ? {\n                name: K;\n                result: R;\n                params: undefined | object;\n            }\n          : never;\n};\n\nexport type UseIotaClientQueryOptions<T extends keyof IotaRpcMethods, TData> = PartialBy<\n    Omit<UseQueryOptions<IotaRpcMethods[T]['result'], Error, TData, unknown[]>, 'queryFn'>,\n    'queryKey'\n>;\n\nexport function useIotaClientQuery<\n    T extends keyof IotaRpcMethods,\n    TData = IotaRpcMethods[T]['result'],\n>(\n    ...args: undefined extends IotaRpcMethods[T]['params']\n        ? [\n              method: T,\n              params?: IotaRpcMethods[T]['params'],\n              options?: UseIotaClientQueryOptions<T, TData>,\n          ]\n        : [\n              method: T,\n              params: IotaRpcMethods[T]['params'],\n              options?: UseIotaClientQueryOptions<T, TData>,\n          ]\n): UseQueryResult<TData, Error> {\n    const [method, params, { queryKey = [], ...options } = {}] = args as [\n        method: T,\n        params?: IotaRpcMethods[T]['params'],\n        options?: UseIotaClientQueryOptions<T, TData>,\n    ];\n\n    const iotaContext = useIotaClientContext();\n\n    return useQuery({\n        ...options,\n        queryKey: [iotaContext.network, method, params, ...queryKey],\n        queryFn: async () => {\n            return await iotaContext.client[method](params as never);\n        },\n    });\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { IotaClient } from '@iota/iota-sdk/client';\nimport { useContext } from 'react';\n\nimport { IotaClientContext } from '../components/IotaClientProvider.js';\n\nexport function useIotaClientContext() {\n    const iotaClient = useContext(IotaClientContext);\n\n    if (!iotaClient) {\n        throw new Error(\n            'Could not find IotaClientContext. Ensure that you have set up the IotaClientProvider',\n        );\n    }\n\n    return iotaClient;\n}\n\nexport function useIotaClient(): IotaClient {\n    return useIotaClientContext().client;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getNetwork, isIotaClient, Network, IotaClient } from '@iota/iota-sdk/client';\nimport type { IotaClientOptions } from '@iota/iota-sdk/client';\nimport { createContext, useMemo, useState } from 'react';\n\nimport type { NetworkConfig } from '../hooks/networkConfig.js';\n\ntype NetworkConfigs<T extends NetworkConfig | IotaClient = NetworkConfig | IotaClient> = Record<\n    string,\n    T\n>;\n\nexport interface IotaClientProviderContext {\n    client: IotaClient;\n    networks: NetworkConfigs;\n    network: string;\n    config: NetworkConfig | null;\n    selectNetwork: (network: string) => void;\n}\n\nexport const IotaClientContext = createContext<IotaClientProviderContext | null>(null);\n\nexport type IotaClientProviderProps<T extends NetworkConfigs> = {\n    createClient?: (name: keyof T, config: T[keyof T]) => IotaClient;\n    children: React.ReactNode;\n    networks?: T;\n    onNetworkChange?: (network: keyof T & string) => void;\n} & (\n    | {\n          defaultNetwork?: keyof T & string;\n          network?: never;\n      }\n    | {\n          defaultNetwork?: never;\n          network?: keyof T & string;\n      }\n);\n\nconst DEFAULT_NETWORKS = {\n    localnet: { url: getNetwork(Network.Local).url },\n};\n\nconst DEFAULT_CREATE_CLIENT = function createClient(\n    _name: string,\n    config: NetworkConfig | IotaClient,\n) {\n    if (isIotaClient(config)) {\n        return config;\n    }\n\n    return new IotaClient(config);\n};\n\nexport function IotaClientProvider<T extends NetworkConfigs>(props: IotaClientProviderProps<T>) {\n    const { onNetworkChange, network, children } = props;\n    const networks = (props.networks ?? DEFAULT_NETWORKS) as T;\n    const createClient =\n        (props.createClient as typeof DEFAULT_CREATE_CLIENT) ?? DEFAULT_CREATE_CLIENT;\n\n    const [selectedNetwork, setSelectedNetwork] = useState<keyof T & string>(\n        props.network ?? props.defaultNetwork ?? (Object.keys(networks)[0] as keyof T & string),\n    );\n\n    const currentNetwork = props.network ?? selectedNetwork;\n\n    const client = useMemo(() => {\n        return createClient(currentNetwork, networks[currentNetwork]);\n    }, [createClient, currentNetwork, networks]);\n\n    const ctx = useMemo((): IotaClientProviderContext => {\n        return {\n            client,\n            networks,\n            network: currentNetwork,\n            config:\n                networks[currentNetwork] instanceof IotaClient\n                    ? null\n                    : (networks[currentNetwork] as IotaClientOptions),\n            selectNetwork: (newNetwork) => {\n                if (currentNetwork === newNetwork) {\n                    return;\n                }\n\n                if (!network && newNetwork !== selectedNetwork) {\n                    setSelectedNetwork(newNetwork);\n                }\n\n                onNetworkChange?.(newNetwork);\n            },\n        };\n    }, [client, networks, selectedNetwork, currentNetwork, network, onNetworkChange]);\n\n    return <IotaClientContext.Provider value={ctx}>{children}</IotaClientContext.Provider>;\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ResolvedNameServiceNames } from '@iota/iota-sdk/client';\nimport type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';\n\nimport { useIotaClientQuery } from './useIotaClientQuery.js';\n\nexport function useResolveIotaNSName(\n    address?: string | null,\n    options?: Omit<\n        UseQueryOptions<ResolvedNameServiceNames, Error, string | null, unknown[]>,\n        'queryFn' | 'queryKey' | 'select'\n    >,\n): UseQueryResult<string | null, Error> {\n    return useIotaClientQuery(\n        'resolveNameServiceNames',\n        {\n            address: address!,\n            limit: 1,\n        },\n        {\n            ...options,\n            refetchOnWindowFocus: false,\n            retry: false,\n            select: (data) => (data.data.length > 0 ? data.data[0] : null),\n            enabled: !!address && options?.enabled !== false,\n        },\n    );\n}\n"],
-  "mappings": ";AAMA,SAAS,gBAAgB;;;ACDzB,SAAS,kBAAkB;;;ACD3B,SAAS,YAAY,cAAc,SAAS,kBAAkB;AAE9D,SAAS,eAAe,SAAS,gBAAgB;AAyFtC;AAxEJ,IAAM,oBAAoB,cAAgD,IAAI;AAkBrF,IAAM,mBAAmB;AAAA,EACrB,UAAU,EAAE,KAAK,WAAW,QAAQ,KAAK,EAAE,IAAI;AACnD;;;ADlCO,SAAS,uBAAuB;AACnC,QAAM,aAAa,WAAW,iBAAiB;AAE/C,MAAI,CAAC,YAAY;AACb,UAAM,IAAI;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AACX;;;ADqBO,SAAS,sBAIT,MAWyB;AAC5B,QAAM,CAAC,QAAQ,QAAQ,EAAE,WAAW,CAAC,GAAG,GAAG,QAAQ,IAAI,CAAC,CAAC,IAAI;AAM7D,QAAM,cAAc,qBAAqB;AAEzC,SAAO,SAAS;AAAA,IACZ,GAAG;AAAA,IACH,UAAU,CAAC,YAAY,SAAS,QAAQ,QAAQ,GAAG,QAAQ;AAAA,IAC3D,SAAS,YAAY;AACjB,aAAO,MAAM,YAAY,OAAO,MAAM,EAAE,MAAe;AAAA,IAC3D;AAAA,EACJ,CAAC;AACL;;;AG9DO,SAAS,qBACZ,SACA,SAIoC;AACpC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,MACI;AAAA,MACA,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,GAAG;AAAA,MACH,sBAAsB;AAAA,MACtB,OAAO;AAAA,MACP,QAAQ,CAAC,SAAU,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,CAAC,IAAI;AAAA,MACzD,SAAS,CAAC,CAAC,WAAW,SAAS,YAAY;AAAA,IAC/C;AAAA,EACJ;AACJ;",
-  "names": []
-}

package/src/components/connect-modal/views/ConnectionStatus.css.ts

@@ -1,36 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { style } from '@vanilla-extract/css';
-
-import { themeVars } from '../../../themes/themeContract.js';
-
-export const container = style({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: '100%',
-});
-
-export const walletIcon = style({
-    objectFit: 'cover',
-    width: 72,
-    height: 72,
-    borderRadius: themeVars.radii.large,
-});
-
-export const title = style({
-    marginTop: 12,
-});
-
-export const connectionStatus = style({
-    marginTop: 4,
-});
-
-export const retryButtonContainer = style({
-    position: 'absolute',
-    bottom: 20,
-    right: 20,
-});

package/src/components/connect-modal/views/ConnectionStatus.tsx

@@ -1,55 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import type { WalletWithRequiredFeatures } from '@iota/wallet-standard';
-
-import { Button } from '../../ui/Button.js';
-import { Heading } from '../../ui/Heading.js';
-import { Text } from '../../ui/Text.js';
-import * as styles from './ConnectionStatus.css.js';
-
-type ConnectionStatusProps = {
-    selectedWallet: WalletWithRequiredFeatures;
-    hadConnectionError: boolean;
-    onRetryConnection: (selectedWallet: WalletWithRequiredFeatures) => void;
-};
-
-export function ConnectionStatus({
-    selectedWallet,
-    hadConnectionError,
-    onRetryConnection,
-}: ConnectionStatusProps) {
-    return (
-        <div className={styles.container}>
-            <img
-                className={styles.walletIcon}
-                src={selectedWallet.icon}
-                alt={`${selectedWallet.name} logo`}
-            />
-            <div className={styles.title}>
-                <Heading as="h2" size="xl">
-                    Opening {selectedWallet.name}
-                </Heading>
-            </div>
-            <div className={styles.connectionStatus}>
-                {hadConnectionError ? (
-                    <Text color="danger">Connection failed</Text>
-                ) : (
-                    <Text color="muted">Confirm connection in the wallet...</Text>
-                )}
-            </div>
-            {hadConnectionError ? (
-                <div className={styles.retryButtonContainer}>
-                    <Button
-                        type="button"
-                        variant="outline"
-                        onClick={() => onRetryConnection(selectedWallet)}
-                    >
-                        Retry Connection
-                    </Button>
-                </div>
-            ) : null}
-        </div>
-    );
-}

package/src/components/connect-modal/views/GettingStarted.css.ts

@@ -1,26 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { style } from '@vanilla-extract/css';
-
-export const container = style({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-});
-
-export const content = style({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    flexGrow: 1,
-    gap: 20,
-    padding: 40,
-});
-
-export const installButtonContainer = style({
-    position: 'absolute',
-    bottom: 20,
-    right: 20,
-});

package/src/components/connect-modal/views/GettingStarted.tsx

@@ -1,40 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { Button } from '../../ui/Button.js';
-import { Heading } from '../../ui/Heading.js';
-import { InfoSection } from '../InfoSection.js';
-import * as styles from './GettingStarted.css.js';
-
-export function GettingStarted() {
-    return (
-        <div className={styles.container}>
-            <Heading as="h2">Get Started with Iota</Heading>
-            <div className={styles.content}>
-                <InfoSection title="Install the Iota Wallet Extension">
-                    We recommend pinning Iota Wallet to your taskbar for quicker access.
-                </InfoSection>
-                <InfoSection title="Create or Import a Wallet">
-                    Be sure to back up your wallet using a secure method. Never share your secret
-                    phrase with anyone.
-                </InfoSection>
-                <InfoSection title="Refresh Your Browser">
-                    Once you set up your wallet, refresh this window browser to load up the
-                    extension.
-                </InfoSection>
-                <div className={styles.installButtonContainer}>
-                    <Button variant="outline" asChild>
-                        <a
-                            href="https://chrome.google.com/webstore/detail/iota-wallet/opcgpfmipidbgpenhmajoajpbobppdil"
-                            target="_blank"
-                            rel="noreferrer"
-                        >
-                            Install Wallet Extension
-                        </a>
-                    </Button>
-                </div>
-            </div>
-        </div>
-    );
-}

package/src/components/connect-modal/views/WhatIsAWallet.css.ts

@@ -1,20 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { style } from '@vanilla-extract/css';
-
-export const container = style({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-});
-
-export const content = style({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    flexGrow: 1,
-    gap: 20,
-    padding: 40,
-});

package/src/components/connect-modal/views/WhatIsAWallet.tsx

@@ -1,24 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { Heading } from '../../ui/Heading.js';
-import { InfoSection } from '../InfoSection.js';
-import * as styles from './WhatIsAWallet.css.js';
-
-export function WhatIsAWallet() {
-    return (
-        <div className={styles.container}>
-            <Heading as="h2">What is a Wallet</Heading>
-            <div className={styles.content}>
-                <InfoSection title="Easy Login">
-                    No need to create new accounts and passwords for every website. Just connect
-                    your wallet and get going.
-                </InfoSection>
-                <InfoSection title="Store your Digital Assets">
-                    Send, receive, store, and display your digital assets like NFTs & coins.
-                </InfoSection>
-            </div>
-        </div>
-    );
-}

package/src/components/icons/BackIcon.tsx

@@ -1,18 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import type { ComponentProps } from 'react';
-
-// FIXME: Replace this with a 10x10 icon to match the CheckIcon, or alternatively make the CheckIcon bigger
-// Right now, the icons don't align on mobile :(
-export function BackIcon(props: ComponentProps<'svg'>) {
-    return (
-        <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-            <path
-                d="M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z"
-                fill="currentColor"
-            />
-        </svg>
-    );
-}

package/src/hooks/useResolveIotaNSNames.ts

@@ -1,31 +0,0 @@
-// Copyright (c) Mysten Labs, Inc.
-// Modifications Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import type { ResolvedNameServiceNames } from '@iota/iota-sdk/client';
-import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
-
-import { useIotaClientQuery } from './useIotaClientQuery.js';
-
-export function useResolveIotaNSName(
-    address?: string | null,
-    options?: Omit<
-        UseQueryOptions<ResolvedNameServiceNames, Error, string | null, unknown[]>,
-        'queryFn' | 'queryKey' | 'select'
-    >,
-): UseQueryResult<string | null, Error> {
-    return useIotaClientQuery(
-        'resolveNameServiceNames',
-        {
-            address: address!,
-            limit: 1,
-        },
-        {
-            ...options,
-            refetchOnWindowFocus: false,
-            retry: false,
-            select: (data) => (data.data.length > 0 ? data.data[0] : null),
-            enabled: !!address && options?.enabled !== false,
-        },
-    );
-}