@txnlab/use-wallet-ui-react 1.0.0 → 1.2.0

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --color-green-500: oklch(72.3% 0.219 149.579);
@@ -6,6 +6,8 @@
   --color-black: #000;
   --spacing: 0.25rem;
   --container-sm: 24rem;
+  --text-xs: 0.75rem;
+  --text-xs--line-height: calc(1 / 0.75);
   --text-sm: 0.875rem;
   --text-sm--line-height: calc(1.25 / 0.875);
   --text-base: 1rem;
@@ -23,6 +25,7 @@
   --radius-3xl: 1.5rem;
   --ease-in: cubic-bezier(0.4, 0, 1, 1);
   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-spin: spin 1s linear infinite;
   --default-transition-duration: 150ms;
   --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -140,6 +143,9 @@
     --wui-color-avatar-icon: #6b7280;
   }
 }
+[data-wallet-ui].visible, [data-wallet-ui] .visible {
+  visibility: visible;
+}
 [data-wallet-ui].absolute, [data-wallet-ui] .absolute {
   position: absolute;
 }
@@ -182,6 +188,9 @@
 [data-wallet-ui].mr-1\.5, [data-wallet-ui] .mr-1\.5 {
   margin-right: calc(var(--spacing) * 1.5);
 }
+[data-wallet-ui].mb-0\.5, [data-wallet-ui] .mb-0\.5 {
+  margin-bottom: calc(var(--spacing) * 0.5);
+}
 [data-wallet-ui].mb-1, [data-wallet-ui] .mb-1 {
   margin-bottom: calc(var(--spacing) * 1);
 }
@@ -212,6 +221,9 @@
 [data-wallet-ui].hidden, [data-wallet-ui] .hidden {
   display: none;
 }
+[data-wallet-ui].inline, [data-wallet-ui] .inline {
+  display: inline;
+}
 [data-wallet-ui].inline-block, [data-wallet-ui] .inline-block {
   display: inline-block;
 }
@@ -290,6 +302,9 @@
 [data-wallet-ui].transform, [data-wallet-ui] .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
+[data-wallet-ui].animate-spin, [data-wallet-ui] .animate-spin {
+  animation: var(--animate-spin);
+}
 [data-wallet-ui].cursor-default, [data-wallet-ui] .cursor-default {
   cursor: default;
 }
@@ -299,12 +314,21 @@
 [data-wallet-ui].grid-cols-1, [data-wallet-ui] .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
+[data-wallet-ui].grid-cols-3, [data-wallet-ui] .grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+[data-wallet-ui].flex-col, [data-wallet-ui] .flex-col {
+  flex-direction: column;
+}
 [data-wallet-ui].place-items-center, [data-wallet-ui] .place-items-center {
   place-items: center;
 }
 [data-wallet-ui].items-center, [data-wallet-ui] .items-center {
   align-items: center;
 }
+[data-wallet-ui].items-start, [data-wallet-ui] .items-start {
+  align-items: flex-start;
+}
 [data-wallet-ui].justify-between, [data-wallet-ui] .justify-between {
   justify-content: space-between;
 }
@@ -314,6 +338,9 @@
 [data-wallet-ui].gap-1, [data-wallet-ui] .gap-1 {
   gap: calc(var(--spacing) * 1);
 }
+[data-wallet-ui].gap-1\.5, [data-wallet-ui] .gap-1\.5 {
+  gap: calc(var(--spacing) * 1.5);
+}
 [data-wallet-ui].gap-2, [data-wallet-ui] .gap-2 {
   gap: calc(var(--spacing) * 2);
 }
@@ -394,6 +421,9 @@
 [data-wallet-ui].object-contain, [data-wallet-ui] .object-contain {
   object-fit: contain;
 }
+[data-wallet-ui].p-1, [data-wallet-ui] .p-1 {
+  padding: calc(var(--spacing) * 1);
+}
 [data-wallet-ui].p-2, [data-wallet-ui] .p-2 {
   padding: calc(var(--spacing) * 2);
 }
@@ -409,6 +439,9 @@
 [data-wallet-ui].px-1\.5, [data-wallet-ui] .px-1\.5 {
   padding-inline: calc(var(--spacing) * 1.5);
 }
+[data-wallet-ui].px-2, [data-wallet-ui] .px-2 {
+  padding-inline: calc(var(--spacing) * 2);
+}
 [data-wallet-ui].px-3, [data-wallet-ui] .px-3 {
   padding-inline: calc(var(--spacing) * 3);
 }
@@ -442,6 +475,9 @@
 [data-wallet-ui].py-5, [data-wallet-ui] .py-5 {
   padding-block: calc(var(--spacing) * 5);
 }
+[data-wallet-ui].py-12, [data-wallet-ui] .py-12 {
+  padding-block: calc(var(--spacing) * 12);
+}
 [data-wallet-ui].pt-5, [data-wallet-ui] .pt-5 {
   padding-top: calc(var(--spacing) * 5);
 }
@@ -460,12 +496,18 @@
 [data-wallet-ui].pr-9, [data-wallet-ui] .pr-9 {
   padding-right: calc(var(--spacing) * 9);
 }
+[data-wallet-ui].pb-2, [data-wallet-ui] .pb-2 {
+  padding-bottom: calc(var(--spacing) * 2);
+}
 [data-wallet-ui].pb-3, [data-wallet-ui] .pb-3 {
   padding-bottom: calc(var(--spacing) * 3);
 }
 [data-wallet-ui].pb-4, [data-wallet-ui] .pb-4 {
   padding-bottom: calc(var(--spacing) * 4);
 }
+[data-wallet-ui].pb-5, [data-wallet-ui] .pb-5 {
+  padding-bottom: calc(var(--spacing) * 5);
+}
 [data-wallet-ui].pl-2, [data-wallet-ui] .pl-2 {
   padding-left: calc(var(--spacing) * 2);
 }
@@ -503,6 +545,17 @@
   font-size: var(--text-xl);
   line-height: var(--tw-leading, var(--text-xl--line-height));
 }
+[data-wallet-ui].text-xs, [data-wallet-ui] .text-xs {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+}
+[data-wallet-ui].text-\[10px\], [data-wallet-ui] .text-\[10px\] {
+  font-size: 10px;
+}
+[data-wallet-ui].leading-none, [data-wallet-ui] .leading-none {
+  --tw-leading: 1;
+  line-height: 1;
+}
 [data-wallet-ui].font-bold, [data-wallet-ui] .font-bold {
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold);
@@ -542,6 +595,19 @@
 [data-wallet-ui].text-green-500, [data-wallet-ui] .text-green-500 {
   color: var(--color-green-500);
 }
+[data-wallet-ui].tabular-nums, [data-wallet-ui] .tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+}
+[data-wallet-ui].opacity-25, [data-wallet-ui] .opacity-25 {
+  opacity: 25%;
+}
+[data-wallet-ui].opacity-50, [data-wallet-ui] .opacity-50 {
+  opacity: 50%;
+}
+[data-wallet-ui].opacity-75, [data-wallet-ui] .opacity-75 {
+  opacity: 75%;
+}
 [data-wallet-ui].opacity-80, [data-wallet-ui] .opacity-80 {
   opacity: 80%;
 }
@@ -617,6 +683,13 @@
     }
   }
 }
+[data-wallet-ui].hover\:bg-\[var\(--wui-color-bg-secondary\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-bg-secondary\)\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--wui-color-bg-secondary);
+    }
+  }
+}
 [data-wallet-ui].hover\:bg-\[var\(--wui-color-danger-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-danger-bg-hover\)\] {
   &:hover {
     @media (hover: hover) {
@@ -814,10 +887,34 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -959,6 +1056,11 @@
   inherits: false;
   initial-value: 1;
 }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -969,7 +1071,13 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;

package/dist/types/components/AlgoSymbol.d.ts

@@ -0,0 +1,11 @@
+interface AlgoSymbolProps {
+    className?: string;
+    /**
+     * Size relative to current font size (1em = 100%)
+     * @default 0.85
+     */
+    scale?: number;
+}
+export declare function AlgoSymbol({ className, scale }: AlgoSymbolProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AlgoSymbol.d.ts.map

package/dist/types/components/AlgoSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlgoSymbol.d.ts","sourceRoot":"","sources":["../../../src/components/AlgoSymbol.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAY,EAAE,EAAE,eAAe,2CAgBtE"}

package/dist/types/components/ConnectWalletButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ConnectWalletButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Size variant for the button */
+    size?: ButtonSize;
+    style?: React.CSSProperties;
+}
+export declare const ConnectWalletButton: React.ForwardRefExoticComponent<ConnectWalletButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ConnectWalletButton.d.ts.map

package/dist/types/components/ConnectWalletButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletButton.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectWalletButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ3C,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,mBAAmB,oGAqB9B,CAAA"}

package/dist/types/components/ConnectWalletMenu.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, RefObject } from 'react';
+type RefableElement = ReactElement & {
+    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
+};
+export interface ConnectWalletMenuProps {
+    children?: RefableElement;
+}
+export declare function ConnectWalletMenu({ children }: ConnectWalletMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConnectWalletMenu.d.ts.map

package/dist/types/components/ConnectWalletMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectWalletMenu.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAUhE,KAAK,cAAc,GAAG,YAAY,GAAG;IACnC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAiLrE"}

package/dist/types/components/ConnectedWalletButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ButtonSize } from './ConnectWalletButton';
+export interface ConnectedWalletButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Size variant for the button */
+    size?: ButtonSize;
+    style?: React.CSSProperties;
+}
+export declare const ConnectedWalletButton: React.ForwardRefExoticComponent<ConnectedWalletButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ConnectedWalletButton.d.ts.map

package/dist/types/components/ConnectedWalletButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedWalletButton.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectedWalletButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AA0BvD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,qBAAqB,sGAsEhC,CAAA"}

package/dist/types/components/ConnectedWalletMenu.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, RefObject } from 'react';
+type RefableElement = ReactElement & {
+    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
+};
+export interface ConnectedWalletMenuProps {
+    children?: RefableElement;
+}
+export declare function ConnectedWalletMenu(props: ConnectedWalletMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConnectedWalletMenu.d.ts.map

package/dist/types/components/ConnectedWalletMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedWalletMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ConnectedWalletMenu.tsx"],"names":[],"mappings":"AAuBA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAehE,KAAK,cAAc,GAAG,YAAY,GAAG;IACnC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B;AA6eD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAQlE"}

package/dist/types/components/NfdAvatar.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { NfdRecord } from '../hooks/useNfd';
+export interface NfdAvatarProps {
+    /** NFD record containing avatar data */
+    nfd: NfdRecord | null | undefined;
+    /** Optional alt text for the image (defaults to NFD name or 'NFD Avatar') */
+    alt?: string;
+    /** Optional className for styling the image */
+    className?: string;
+    /** Optional size in pixels (defaults to 40px) */
+    size?: number;
+    /** Optional fallback element to show when no avatar is available */
+    fallback?: React.ReactNode;
+    /** Optional flag to show light only avatar */
+    lightOnly?: boolean;
+}
+/**
+ * Component for displaying NFD avatar images with automatic IPFS handling
+ * - Handles IPFS URLs by converting them to HTTPS
+ * - Checks availability on images.nf.domains and falls back to IPFS gateway if needed
+ * - Caches results using TanStack Query
+ */
+export declare function NfdAvatar({ nfd, alt, className, size, fallback, lightOnly, }: NfdAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NfdAvatar.d.ts.map

package/dist/types/components/NfdAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NfdAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/NfdAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,GAAG,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAS,EACT,QAAQ,EACR,SAAiB,GAClB,EAAE,cAAc,2CA6FhB"}

package/dist/types/components/WalletButton.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ButtonSize } from './ConnectWalletButton';
+export interface WalletButtonProps {
+    /** Size variant for the button */
+    size?: ButtonSize;
+    /** Additional CSS classes to apply to the button */
+    className?: string;
+    /** Inline styles to apply to the button (can include CSS variable overrides) */
+    style?: React.CSSProperties;
+}
+export declare function WalletButton({ size, className, style }: WalletButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletButton.d.ts.map

package/dist/types/components/WalletButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButton.d.ts","sourceRoot":"","sources":["../../../src/components/WalletButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,KAAK,UAAU,EAAuB,MAAM,uBAAuB,CAAA;AAG5E,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAkBzE"}

package/dist/types/components/WalletList.d.ts

@@ -0,0 +1,7 @@
+import { Wallet } from '@txnlab/use-wallet-react';
+export interface WalletListProps {
+    wallets: Wallet[];
+    handleWalletClick: (wallet: Wallet) => Promise<void>;
+}
+export declare function WalletList({ wallets, handleWalletClick }: WalletListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletList.d.ts.map

package/dist/types/components/WalletList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletList.d.ts","sourceRoot":"","sources":["../../../src/components/WalletList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEtD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACrD;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,eAAe,2CA6BzE"}

package/dist/types/hooks/useAccountInfo.d.ts

@@ -0,0 +1,12 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { default as algosdk } from 'algosdk';
+/**
+ * Custom hook to fetch account information for Algorand address
+ *
+ * @param options.enabled Whether to enable the account lookup (defaults to true)
+ * @returns Account information query result
+ */
+export declare function useAccountInfo(options?: {
+    enabled?: boolean;
+}): UseQueryResult<algosdk.modelsv2.Account | null>;
+//# sourceMappingURL=useAccountInfo.d.ts.map

package/dist/types/hooks/useAccountInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountInfo.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccountInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEhE,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAClC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,CAsBjD"}

package/dist/types/hooks/useNfd.d.ts

@@ -0,0 +1,32 @@
+import { UseQueryResult } from '@tanstack/react-query';
+export type NfdRecord = {
+    name: string;
+    properties: {
+        verified: {
+            [key: string]: string;
+        };
+        userDefined: {
+            [key: string]: string;
+        };
+    };
+    image?: string;
+    avatar?: {
+        url?: string;
+    };
+};
+export type NfdLookupResponse = {
+    [address: string]: NfdRecord | null;
+};
+export type NfdView = 'tiny' | 'thumbnail' | 'brief' | 'full';
+/**
+ * Custom hook to fetch NFD data for an Algorand address
+ *
+ * @param options.enabled Whether to enable the NFD lookup (defaults to true)
+ * @param options.view The view type for the NFD lookup ('tiny', 'thumbnail', 'brief', 'full') (defaults to 'thumbnail')
+ * @returns NFD data query result
+ */
+export declare function useNfd(options?: {
+    enabled?: boolean;
+    view?: NfdView;
+}): UseQueryResult<NfdRecord | null>;
+//# sourceMappingURL=useNfd.d.ts.map

package/dist/types/hooks/useNfd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNfd.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNfd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAIhE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SACtB,CAAA;QACD,WAAW,EAAE;YACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;CACF,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,MAAM,CACpB,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAClD,cAAc,CAAC,SAAS,GAAG,IAAI,CAAC,CAqDlC"}

package/dist/types/hooks/useResolvedTheme.d.ts

@@ -0,0 +1,11 @@
+export type Theme = 'light' | 'dark' | 'system';
+export type ResolvedTheme = 'light' | 'dark';
+/**
+ * Hook to resolve the actual theme value, handling 'system' preference detection.
+ * When theme is 'system', it listens to the user's OS/browser color scheme preference.
+ *
+ * @param theme - The theme setting: 'light', 'dark', or 'system'
+ * @returns The resolved theme: 'light' or 'dark'
+ */
+export declare function useResolvedTheme(theme: Theme): ResolvedTheme;
+//# sourceMappingURL=useResolvedTheme.d.ts.map

package/dist/types/hooks/useResolvedTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResolvedTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAiC5D"}