@algobright/solana-connector 0.1.0 → 0.1.2

package/dist/{WalletDropdown.module-342MM7XM.module.css → WalletDropdown.module-DOK7CUOQ.module.css}

@@ -1,220 +1,223 @@
-:where(.WalletDropdown) {
-  display: flex;
-  flex-direction: column;
-  width: 22.5rem;
-  padding: 1rem;
-  gap: 1rem;
-
-  --muted: #f5f5f5;
-  --muted-fg: #71717a;
-
-  --network-bg: #fafafa;
-  --network-border: #e5e5e5;
-
-  --balance-bg: #f4f4f5;
-  --balance-fg: #52525b;
-  --balance-loading-bg: #e4e4e7;
-}
-:where(.WalletDropdown[data-theme="dark"]) {
-  --muted: #f5f5f5;
-  --muted-fg: #737373;
-
-  --network-bg: #fafafa;
-  --network-border: #e5e5e5;
-
-  --balance-bg: #18181b;
-  --balance-fg: #a1a1aa;
-  --balance-loading-bg: #27272a;
-}
-
-/* address, avatar, copy and network button */
-:where(.Header) {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-:where(.addressAndAvatar) {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-:where(.address) {
-  display: flex;
-  flex-direction: column;
-}
-:where(.shortAddress) {
-  font-size: 1rem;
-  font-weight: 600;
-}
-:where(.walletName) {
-  font-size: 0.875rem;
-  color: var(--muted-fg);
-}
-
-:where(.actions) {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-:where(.actions svg) {
-  margin: auto;
-  width: 1rem;
-  height: 1rem;
-}
-:where(.actions .checkIcon) {
-  color: green;
-}
-:where(.actions > button) {
-  position: relative;
-  border-radius: 100%;
-  margin: auto;
-}
-:where(.networkIndicator) {
-  position: absolute;
-  bottom: -0.25rem;
-  right: -0.25rem;
-  height: 0.75rem;
-  width: 0.75rem;
-  border-radius: 100%;
-}
-
-/* balance element */
-:where(.balanceSection) {
-  padding: 1em;
-  border-radius: 0.75rem;
-  background-color: var(--balance-bg);
-  gap: 0.25rem;
-}
-:where(.balanceHeader) {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-:where(.balanceLabel) {
-  font-size: 0.875rem;
-  color: var(--balance-fg);
-}
-:where(.refreshButton) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.25rem;
-  border-radius: 0.5rem;
-  border: none;
-  background-color: var(--balance-fg);
-}
-:where(.refreshButton:disabled) {
-  opacity: 0.5;
-}
-:where(.refreshButton svg) {
-  height: 1rem;
-  width: 1rem;
-  color: var(--balance-bg);
-}
-:where(.refreshButton svg[data-loading="true"]) {
-  animation: spin 1s linear infinite;
-}
-:where(.balanceValue) {
-  font-size: 1.5rem;
-  font-weight: 600;
-}
-:where(.balanceLoading) {
-  height: 2rem;
-  width: 8rem;
-  background-color: var(--balance-loading-bg);
-  border-radius: 0.5rem;
-  animation: pulse 1.5s infinite;
-}
-
-/* disconnect button */
-:where(.disconnectButton) {
-  width: 100%;
-  height: 2.75rem;
-  font-size: 1rem;
-  font-weight: 600;
-  border-radius: 0.75rem;
-  gap: 1em;
-}
-:where(.disconnectIcon) {
-  height: 1rem;
-  width: 1rem;
-}
-
-/* network switcher */
-:where(.NetworkHeader) {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-:where(.backButton) {
-  border-radius: 50%;
-  opacity: 0.75;
-}
-:where(.NetworkHeader span) {
-  font-weight: 600;
-  font-size: 1.125rem;
-}
-
-:where(.networkOptions) {
-  border-radius: 0.75rem;
-  background-color: #fafafa80;
-  overflow: hidden;
-  border: 1px solid var(--network-border);
-  background-color: var(--network-bg);
-}
-:where(.networkButton) {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-:where(.networkButton:hover) {
-  filter: brightness(1.1);
-}
-:where(.networkOptions .networkButton:not(:last-child)) {
-  border-bottom: 1px solid var(--network-border);
-}
-
-:where(.networkName) {
-  display: flex;
-  gap: 1em;
-}
-:where(.networkColor) {
-  height: 1em;
-  width: 1em;
-  border-radius: 100%;
-}
-:where(.checkMark) {
-  height: 1.25rem;
-  width: 1.25rem;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--network-border);
-  transition:
-    background-color 0.2s,
-    border-color 0.2s;
-}
-:where(.checkMark[data-selected="true"]) {
-  background-color: black;
-  border-color: black;
-}
-:where(.checkMark svg) {
-  width: 0.75rem;
-  height: 0.75rem;
-  color: white;
-}
-
-/* animations */
-@keyframes spin {
-  :where(from) {
-    transform: rotate(0deg);
-  }
-  :where(to) {
-    transform: rotate(360deg);
-  }
-}
+:where(.WalletDropdown) {
+  display: flex;
+  flex-direction: column;
+  width: 22.5rem;
+  padding: 1rem;
+  gap: 1rem;
+
+  --muted: #f5f5f5;
+  --muted-fg: #71717a;
+
+  --network-bg: #fafafa;
+  --network-fg: #52525b;
+  --network-border: #e5e5e5;
+
+  --balance-bg: #f4f4f5;
+  --balance-fg: #52525b;
+  --balance-loading-bg: #e4e4e7;
+}
+:where(.WalletDropdown[data-theme="dark"]) {
+  --muted: #f5f5f5;
+  --muted-fg: #737373;
+
+  --network-bg: #18181b;
+  --network-fg: #a1a1aa;
+  --network-border: #e5e5e5;
+
+  --balance-bg: #18181b;
+  --balance-fg: #a1a1aa;
+  --balance-loading-bg: #27272a;
+}
+
+/* address, avatar, copy and network button */
+:where(.Header) {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+:where(.addressAndAvatar) {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+:where(.address) {
+  display: flex;
+  flex-direction: column;
+}
+:where(.shortAddress) {
+  font-size: 1rem;
+  font-weight: 600;
+}
+:where(.walletName) {
+  font-size: 0.875rem;
+  color: var(--muted-fg);
+}
+
+:where(.actions) {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+:where(.actions svg) {
+  margin: auto;
+  width: 1rem;
+  height: 1rem;
+}
+:where(.actions .checkIcon) {
+  color: green;
+}
+:where(.actions > button) {
+  position: relative;
+  border-radius: 100%;
+  margin: auto;
+}
+:where(.networkIndicator) {
+  position: absolute;
+  bottom: -0.25rem;
+  right: -0.25rem;
+  height: 0.75rem;
+  width: 0.75rem;
+  border-radius: 100%;
+}
+
+/* balance element */
+:where(.balanceSection) {
+  padding: 1em;
+  border-radius: 0.75rem;
+  background-color: var(--balance-bg);
+  gap: 0.25rem;
+}
+:where(.balanceHeader) {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+:where(.balanceLabel) {
+  font-size: 0.875rem;
+  color: var(--balance-fg);
+}
+:where(.refreshButton) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border-radius: 0.5rem;
+  border: none;
+  cursor: pointer;
+  background-color: var(--balance-fg);
+}
+:where(.refreshButton:disabled) {
+  opacity: 0.5;
+}
+:where(.refreshButton svg) {
+  height: 1rem;
+  width: 1rem;
+  color: var(--balance-bg);
+}
+:where(.refreshButton svg[data-loading="true"]) {
+  animation: spin 1s linear infinite;
+}
+:where(.balanceValue) {
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+:where(.balanceLoading) {
+  height: 2rem;
+  width: 8rem;
+  background-color: var(--balance-loading-bg);
+  border-radius: 0.5rem;
+  animation: pulse 1.5s infinite;
+}
+
+/* disconnect button */
+:where(.disconnectButton) {
+  width: 100%;
+  height: 2.75rem;
+  font-size: 1rem;
+  font-weight: 600;
+  border-radius: 0.75rem;
+  gap: 1em;
+}
+:where(.disconnectIcon) {
+  height: 1rem;
+  width: 1rem;
+}
+
+/* network switcher */
+:where(.NetworkHeader) {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+:where(.backButton) {
+  border-radius: 50%;
+  opacity: 0.75;
+}
+:where(.NetworkHeader span) {
+  font-weight: 600;
+  font-size: 1.125rem;
+}
+
+:where(.networkOptions) {
+  border-radius: 0.75rem;
+  overflow: hidden;
+  border: 1px solid var(--network-border);
+  background-color: var(--network-bg);
+  color: var(--network-fg);
+}
+:where(.networkButton) {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+:where(.networkButton:hover) {
+  filter: brightness(1.1);
+}
+:where(.networkOptions .networkButton:not(:last-child)) {
+  border-bottom: 1px solid var(--network-border);
+}
+
+:where(.networkName) {
+  display: flex;
+  gap: 1em;
+}
+:where(.networkColor) {
+  height: 1em;
+  width: 1em;
+  border-radius: 100%;
+}
+:where(.checkMark) {
+  height: 1.25rem;
+  width: 1.25rem;
+  border-radius: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--network-border);
+  transition:
+    background-color 0.2s,
+    border-color 0.2s;
+}
+:where(.checkMark[data-selected="true"]) {
+  background-color: black;
+  border-color: black;
+}
+:where(.checkMark svg) {
+  width: 0.75rem;
+  height: 0.75rem;
+  color: white;
+}
+
+/* animations */
+@keyframes spin {
+  :where(from) {
+    transform: rotate(0deg);
+  }
+  :where(to) {
+    transform: rotate(360deg);
+  }
+}

package/dist/WalletModal.js

@@ -39,13 +39,13 @@ module.exports = __toCommonJS(WalletModal_exports);
 var import_connector = require("@solana/connector");
 var import_lucide_react3 = require("lucide-react");
 var import_react3 = require("react");
-var import_WalletModal = __toESM(require("./WalletModal.module-PVV5PRXU.module.css"));
+var import_WalletModal = __toESM(require("./WalletModal.module-ZRTJGOQY.module.css"));
 
 // src/components/shared/Dialog/Dialog.tsx
 var React = __toESM(require("react"));
 var import_dialog = require("@base-ui/react/dialog");
 var import_lucide_react = require("lucide-react");
-var import_Dialog = __toESM(require("./Dialog.module-HCRT743N.module.css"));
+var import_Dialog = __toESM(require("./Dialog.module-AYJTMDAD.module.css"));
 var import_clsx = __toESM(require("clsx"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var Dialog = import_dialog.Dialog.Root;
@@ -110,7 +110,7 @@ DialogDescription.displayName = "DialogDescription";
 // src/components/shared/Button/Button.tsx
 var React2 = __toESM(require("react"));
 var import_button = require("@base-ui/react/button");
-var import_Button = __toESM(require("./Button.module-7TPMDOJN.module.css"));
+var import_Button = __toESM(require("./Button.module-HQNNX6IB.module.css"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Button = React2.forwardRef(
   ({ className, variant = "default", size = "default", ...props }, ref) => {
@@ -135,7 +135,7 @@ var Button_default2 = Button_default;
 // src/components/shared/CustomQRCode/CustomQRCode.tsx
 var import_react = require("react");
 var import_qrcode = __toESM(require("qrcode"));
-var import_CustomQRCode = __toESM(require("./CustomQRCode.module-FOXENMZG.module.css"));
+var import_CustomQRCode = __toESM(require("./CustomQRCode.module-JW3JU3FX.module.css"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function generateMatrix(value, errorCorrectionLevel) {
   const arr = Array.prototype.slice.call(import_qrcode.default.create(value, { errorCorrectionLevel }).modules.data, 0);
@@ -383,7 +383,7 @@ CustomQRCode.displayName = "CustomQRCode";
 var CustomQRCode_default = CustomQRCode;
 
 // src/components/shared/Spinner/Spinner.tsx
-var import_Spinner = __toESM(require("./Spinner.module-G7GUQJZJ.module.css"));
+var import_Spinner = __toESM(require("./Spinner.module-BLSWZSIL.module.css"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Spinner = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: import_Spinner.default.spinner });
@@ -399,7 +399,7 @@ var import_si = require("react-icons/si");
 // src/components/shared/Collapsible/Collapsible.tsx
 var React3 = __toESM(require("react"));
 var import_collapsible = require("@base-ui/react/collapsible");
-var import_Collapsible = __toESM(require("./Collapsible.module-NXSN3MGI.module.css"));
+var import_Collapsible = __toESM(require("./Collapsible.module-F4VIL5FH.module.css"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Collapsible = import_collapsible.Collapsible.Root;
 var CollapsibleTrigger = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -423,7 +423,7 @@ CollapsibleContent.displayName = "CollapsibleContent";
 
 // src/components/shared/Avatar/Avatar.tsx
 var import_react2 = require("react");
-var import_Avatar = __toESM(require("./Avatar.module-P7KEBP7R.module.css"));
+var import_Avatar = __toESM(require("./Avatar.module-AACAT34D.module.css"));
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Avatar({