@cryptforge/client-vue 0.1.0 → 0.2.0

package/README.md

@@ -0,0 +1,633 @@
+# @cryptforge/client-vue
+
+Vue 3 component library for building CryptForge cryptocurrency wallet applications. Provides pre-built, customizable components for authentication, wallet management, device synchronization, and onboarding flows.
+
+## Installation
+
+```bash
+npm install @cryptforge/client-vue vue@^3.0.0
+# or
+pnpm add @cryptforge/client-vue vue@^3.0.0
+# or
+yarn add @cryptforge/client-vue vue@^3.0.0
+```
+
+**Note**: Vue 3 is a peer dependency and must be installed separately.
+
+## Quick Start
+
+```typescript
+import { createApp } from 'vue';
+import App from './App.vue';
+
+// Import CryptForge Vue plugin and styles
+import CryptforgeVue from '@cryptforge/client-vue';
+import '@cryptforge/client-vue/dist/style.css';
+
+const app = createApp(App);
+app.use(CryptforgeVue);
+app.mount('#app');
+```
+
+## Features
+
+- 🔐 **Authentication Components** - Complete authentication flows (create, restore, unlock)
+- 💼 **Wallet Components** - Send, receive, transaction history, balance display
+- 🔄 **Sync Components** - Device-to-device wallet synchronization
+- 🚀 **Onboarding Components** - User onboarding and walkthrough screens
+- ⚙️ **Settings Components** - Identity management, wallet settings
+- 🎨 **Customizable** - Built with CSS modules for easy theming
+- 📱 **Responsive** - Mobile-first design
+- 🎯 **Type-Safe** - Full TypeScript support
+
+## Components
+
+### Authentication Components
+
+#### `<Authentication />`
+Main authentication orchestrator component that manages the complete auth flow.
+
+```vue
+<template>
+  <Authentication />
+</template>
+
+<script setup lang="ts">
+import { Authentication } from '@cryptforge/client-vue';
+</script>
+```
+
+#### `<GenerateSeed />`
+Component for generating and displaying a new BIP39 mnemonic seed phrase.
+
+```vue
+<template>
+  <GenerateSeed @seed-generated="handleSeedGenerated" />
+</template>
+
+<script setup lang="ts">
+import { GenerateSeed } from '@cryptforge/client-vue';
+
+const handleSeedGenerated = (seed: string) => {
+  console.log('Seed generated:', seed);
+};
+</script>
+```
+
+#### `<VerifySeed />`
+Component for verifying user has backed up their seed phrase.
+
+```vue
+<template>
+  <VerifySeed 
+    :seed="userSeed" 
+    @verified="handleVerified" 
+  />
+</template>
+```
+
+#### `<RestoreSeed />`
+Component for restoring a wallet from an existing seed phrase.
+
+```vue
+<template>
+  <RestoreSeed @seed-restored="handleRestored" />
+</template>
+```
+
+#### `<CreatePassword />`
+Component for creating a new wallet password.
+
+```vue
+<template>
+  <CreatePassword 
+    @password-created="handlePasswordCreated" 
+  />
+</template>
+```
+
+#### `<EnterPassword />`
+Component for unlocking an existing wallet.
+
+```vue
+<template>
+  <EnterPassword 
+    @password-entered="handleUnlock" 
+  />
+</template>
+```
+
+#### `<NameKeystore />`
+Component for naming a new wallet/keystore.
+
+```vue
+<template>
+  <NameKeystore 
+    @name-set="handleNameSet" 
+  />
+</template>
+```
+
+#### `<SelectKeystore />`
+Component for selecting from multiple wallets/keystores.
+
+```vue
+<template>
+  <SelectKeystore 
+    @keystore-selected="handleSelection" 
+  />
+</template>
+```
+
+### Wallet Components
+
+#### `<Wallet />`
+Main wallet component that displays balance and transaction history.
+
+```vue
+<template>
+  <Wallet />
+</template>
+
+<script setup lang="ts">
+import { Wallet } from '@cryptforge/client-vue';
+</script>
+```
+
+#### `<WalletOverview />`
+Compact wallet overview showing balance and quick actions.
+
+```vue
+<template>
+  <WalletOverview />
+</template>
+```
+
+#### `<SendCrypto />`
+Component for sending cryptocurrency.
+
+```vue
+<template>
+  <SendCrypto 
+    @transaction-sent="handleSent" 
+  />
+</template>
+```
+
+#### `<ReceiveCrypto />`
+Component for receiving cryptocurrency (displays QR code and address).
+
+```vue
+<template>
+  <ReceiveCrypto />
+</template>
+```
+
+#### `<Transactions />`
+Transaction history component.
+
+```vue
+<template>
+  <Transactions />
+</template>
+```
+
+#### `<Confirm />`
+Transaction confirmation component.
+
+```vue
+<template>
+  <Confirm 
+    :transaction="txData"
+    @confirmed="handleConfirm"
+    @cancelled="handleCancel"
+  />
+</template>
+```
+
+#### `<SendSuccess />`
+Success screen after sending transaction.
+
+```vue
+<template>
+  <SendSuccess 
+    :transaction-hash="txHash"
+  />
+</template>
+```
+
+### Sync Components
+
+Components for synchronizing wallets across devices using peer-to-peer connections.
+
+#### Admin (Primary Device)
+
+##### `<SyncSetupAdmin />`
+Entry point for device admin sync setup.
+
+##### `<AdminEnableBroadcast />`
+Enable broadcasting for device discovery.
+
+##### `<AdminBroadcastPIN />`
+Display PIN code for client device.
+
+##### `<AdminBroadcastKey />`
+Display QR code with connection key.
+
+##### `<AdminConnect />`
+Waiting for client connection.
+
+##### `<AdminDeviceFound />`
+Client device discovered.
+
+##### `<AdminFinishSetup />`
+Sync completion screen.
+
+#### Client (Secondary Device)
+
+##### `<SyncSetupClient />`
+Entry point for client sync setup.
+
+##### `<ClientConnect />`
+Connect to admin device.
+
+##### `<ClientEnterKey />`
+Scan QR code or enter connection key.
+
+##### `<ClientEnterPIN />`
+Enter PIN from admin device.
+
+##### `<ClientError />`
+Error handling for sync issues.
+
+#### Shared
+
+##### `<SyncProgressIndicator />`
+Progress indicator for sync operations.
+
+```vue
+<template>
+  <SyncProgressIndicator 
+    :progress="syncProgress"
+    :status="syncStatus"
+  />
+</template>
+```
+
+### Onboarding Components
+
+#### `<StartScreen />`
+Initial welcome/start screen.
+
+```vue
+<template>
+  <StartScreen @get-started="handleStart" />
+</template>
+```
+
+#### `<Walkthrough />`
+Onboarding walkthrough with multiple slides.
+
+```vue
+<template>
+  <Walkthrough 
+    @complete="handleWalkthroughComplete" 
+  />
+</template>
+```
+
+#### `<Slide />`
+Individual slide component for walkthrough.
+
+```vue
+<template>
+  <Slide 
+    title="Welcome"
+    description="Get started with CryptForge"
+    :image="slideImage"
+  />
+</template>
+```
+
+### Setup Components
+
+#### `<CryptforgeApp />`
+Root application wrapper component.
+
+```vue
+<template>
+  <CryptforgeApp>
+    <!-- Your app content -->
+  </CryptforgeApp>
+</template>
+```
+
+#### `<SetupComplete />`
+Setup completion screen.
+
+```vue
+<template>
+  <SetupComplete @continue="handleContinue" />
+</template>
+```
+
+### Settings Components
+
+#### `<WalletButton />`
+Wallet selector button for settings.
+
+```vue
+<template>
+  <WalletButton />
+</template>
+```
+
+## Composables
+
+### `useAuth()`
+
+Authentication state and operations.
+
+```typescript
+import { useAuth } from '@cryptforge/client-vue';
+
+const {
+  // State
+  isUnlocked,
+  currentIdentity,
+  currentAddress,
+  currentChain,
+  
+  // Methods
+  createIdentity,
+  unlock,
+  lock,
+  switchChain,
+  generateMnemonic,
+} = useAuth();
+```
+
+### `useWallet()`
+
+Wallet operations and balance management.
+
+```typescript
+import { useWallet } from '@cryptforge/client-vue';
+
+const {
+  // State
+  balance,
+  transactions,
+  isLoading,
+  
+  // Methods
+  sendTransaction,
+  getBalance,
+  refreshTransactions,
+} = useWallet();
+```
+
+### `useSyncAdmin()`
+
+Admin device sync operations.
+
+```typescript
+import { useSyncAdmin } from '@cryptforge/client-vue';
+
+const {
+  // State
+  broadcastId,
+  connectionKey,
+  connectedClients,
+  
+  // Methods
+  enableBroadcast,
+  waitForClient,
+  sendData,
+} = useSyncAdmin();
+```
+
+### `useSyncClient()`
+
+Client device sync operations.
+
+```typescript
+import { useSyncClient } from '@cryptforge/client-vue';
+
+const {
+  // State
+  isConnected,
+  syncProgress,
+  
+  // Methods
+  connectToAdmin,
+  verifyPIN,
+  receiveData,
+} = useSyncClient();
+```
+
+### `useSetup()`
+
+Application setup state.
+
+```typescript
+import { useSetup } from '@cryptforge/client-vue';
+
+const {
+  setupComplete,
+  currentStep,
+  completeSetup,
+} = useSetup();
+```
+
+### `useSettings()`
+
+Application settings management.
+
+```typescript
+import { useSettings } from '@cryptforge/client-vue';
+
+const {
+  settings,
+  updateSettings,
+  resetSettings,
+} = useSettings();
+```
+
+### `useTheme()`
+
+Theme management.
+
+```typescript
+import { useTheme } from '@cryptforge/client-vue';
+
+const {
+  theme,
+  setTheme,
+  toggleTheme,
+} = useTheme();
+```
+
+### `useWalkthrough()`
+
+Onboarding walkthrough state.
+
+```typescript
+import { useWalkthrough } from '@cryptforge/client-vue';
+
+const {
+  currentSlide,
+  totalSlides,
+  nextSlide,
+  previousSlide,
+  skipWalkthrough,
+} = useWalkthrough();
+```
+
+### `useCryptForgeClient()`
+
+Low-level CryptForge client access.
+
+```typescript
+import { useCryptForgeClient } from '@cryptforge/client-vue';
+
+const { client } = useCryptForgeClient();
+```
+
+### `useNetworkPresenceClient()`
+
+Network presence and device discovery.
+
+```typescript
+import { useNetworkPresenceClient } from '@cryptforge/client-vue';
+
+const {
+  isOnline,
+  nearbyDevices,
+  broadcast,
+  discover,
+} = useNetworkPresenceClient();
+```
+
+## Complete Example
+
+```vue
+<template>
+  <div :class="$style.app">
+    <CryptforgeApp>
+      <!-- Show auth if not unlocked -->
+      <Authentication v-if="!isUnlocked" />
+      
+      <!-- Show wallet if unlocked -->
+      <Wallet v-else>
+        <template #header>
+          <WalletButton />
+        </template>
+      </Wallet>
+    </CryptforgeApp>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  CryptforgeApp,
+  Authentication,
+  Wallet,
+  WalletButton,
+  useAuth,
+} from '@cryptforge/client-vue';
+import '@cryptforge/client-vue/dist/style.css';
+
+const { isUnlocked } = useAuth();
+</script>
+
+<style module>
+.app {
+  width: 100%;
+  height: 100vh;
+}
+</style>
+```
+
+## Styling and Theming
+
+All components use CSS modules for scoped styling. You can customize the look by:
+
+### 1. CSS Variables
+
+```css
+:root {
+  --cryptforge-primary-color: #3b82f6;
+  --cryptforge-secondary-color: #8b5cf6;
+  --cryptforge-background: #ffffff;
+  --cryptforge-text: #1f2937;
+  --cryptforge-border: #e5e7eb;
+  --cryptforge-radius: 8px;
+}
+```
+
+### 2. Override Component Styles
+
+```vue
+<style>
+/* Override specific component styles */
+.wallet-container {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+</style>
+```
+
+### 3. Use Theme Composable
+
+```typescript
+import { useTheme } from '@cryptforge/client-vue';
+
+const { setTheme } = useTheme();
+
+// Apply custom theme
+setTheme({
+  primaryColor: '#3b82f6',
+  backgroundColor: '#ffffff',
+  textColor: '#1f2937',
+});
+```
+
+## TypeScript Support
+
+All components and composables are fully typed:
+
+```typescript
+import type { 
+  AuthState,
+  WalletState,
+  Transaction,
+} from '@cryptforge/client-vue';
+
+const handleTransaction = (tx: Transaction) => {
+  console.log('Transaction:', tx.hash);
+};
+```
+
+## Browser Compatibility
+
+- ✅ Chrome, Firefox, Safari, Edge (latest 2 versions)
+- ✅ Mobile browsers (iOS Safari, Chrome Mobile)
+- ✅ Electron (renderer process)
+
+## Related Packages
+
+- **[@cryptforge/auth](../auth)** - Core authentication functionality
+- **[@cryptforge/core](../core)** - Core types and interfaces
+- **[@cryptforge/key-exchange](../key-exchange)** - Device sync functionality
+- **[@cryptforge/blockchain-evm](../blockchain-evm)** - EVM blockchain support
+- **[@cryptforge/blockchain-btc](../blockchain-btc)** - Bitcoin support
+
+## Examples
+
+See complete examples in:
+- `examples/vue-web-example/` - Web application example
+- `examples/vue-electron-example/` - Electron application example
+
+## License
+
+MIT

package/dist/components/auth/SelectKeystore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectKeystore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SelectKeystore.vue"],"names":[],"mappings":"AAIA;;AAwUA,wBAKG"}
+{"version":3,"file":"SelectKeystore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SelectKeystore.vue"],"names":[],"mappings":"AAIA;;AA2TA,wBAKG"}

package/dist/components/auth/VerifySeed.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifySeed.vue.d.ts","sourceRoot":"","sources":["../../../src/components/auth/VerifySeed.vue"],"names":[],"mappings":"AAIA;;AA8YA,wBAKG"}
+{"version":3,"file":"VerifySeed.vue.d.ts","sourceRoot":"","sources":["../../../src/components/auth/VerifySeed.vue"],"names":[],"mappings":"AAIA;;AAqaA,wBAKG"}

package/dist/components/onboard/Slide.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.vue.d.ts","sourceRoot":"","sources":["../../../src/components/onboard/Slide.vue"],"names":[],"mappings":"AAIA;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;;cAoQ/B,MAAM,eAAe;;;;cAInB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;cAJtB,MAAM,eAAe;;;;cAInB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;AAX1C,wBAeG"}
+{"version":3,"file":"Slide.vue.d.ts","sourceRoot":"","sources":["../../../src/components/onboard/Slide.vue"],"names":[],"mappings":"AAIA;AAEA,OAAO,EAAE,QAAQ,EAA4B,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;;cA8T/B,MAAM,eAAe;;;;cAInB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;cAJtB,MAAM,eAAe;;;;cAInB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;AAX1C,wBAeG"}

package/dist/components/onboard/StartScreen.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StartScreen.vue.d.ts","sourceRoot":"","sources":["../../../src/components/onboard/StartScreen.vue"],"names":[],"mappings":"AAIA;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;cAwNT,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;cAApB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;AAnB1C,wBAuBG"}
+{"version":3,"file":"StartScreen.vue.d.ts","sourceRoot":"","sources":["../../../src/components/onboard/StartScreen.vue"],"names":[],"mappings":"AAIA;AAEA,OAAO,EAAE,QAAQ,EAA4B,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;cAkRnC,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;cAApB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;AAnB1C,wBAuBG"}

package/dist/components/settings/IdentityView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/settings/IdentityView.vue"],"names":[],"mappings":";AAmyBA,wBAKG"}
+{"version":3,"file":"IdentityView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/settings/IdentityView.vue"],"names":[],"mappings":";AAy+BA,wBAKG"}

package/dist/components/sync/ClientConnect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientConnect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sync/ClientConnect.vue"],"names":[],"mappings":"AAIA;;AAiQA,wBAKG"}
+{"version":3,"file":"ClientConnect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sync/ClientConnect.vue"],"names":[],"mappings":"AAIA;;AAiPA,wBAKG"}

package/dist/components/sync/ClientEnterKey.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientEnterKey.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sync/ClientEnterKey.vue"],"names":[],"mappings":"AAIA;;AAgVA,wBAKG"}
+{"version":3,"file":"ClientEnterKey.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sync/ClientEnterKey.vue"],"names":[],"mappings":"AAIA;;AAgUA,wBAKG"}

package/dist/composables/useAuth.d.ts

@@ -36,11 +36,8 @@ export declare const useAuth: () => {
     lockWallet: () => Promise<void>;
     unlockWallet: (address: string, password: string) => Promise<void>;
     finishSetup: (type: AuthType) => Promise<void>;
-    createUserDocument: () => Promise<string>;
     seedPhrase: import('vue').Ref<string | null, string | null>;
     enterPasswordPrompt: import('vue').Ref<string | null, string | null>;
-    deriveUserDocumentId: (path: string) => Promise<string>;
-    deriveUserDocumentPath: () => Promise<string>;
     events: import('mitt').Emitter<AuthEvents>;
     cancelAuth: () => void;
     previousScreenName: import('vue').Ref<string | undefined, string | undefined>;

package/dist/composables/useAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAQA,OAAO,EAAsB,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAK1D,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1C,KAAK,YAAY,GACb,mBAAmB,GACnB,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,gBAAgB,CAAC;AA6DrB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;uBAiBV,YAAY,aACR,OAAO,iBACH,OAAO;;2BAkCW,OAAO,CAAC,IAAI,CAAC;yCAKG,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;iCAI9B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;yBAW9B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;wBA2LvB,MAAM;2BAtLH,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;sBAoJ7B,OAAO,CAAC,IAAI,CAAC;4BAc/B,MAAM,YACL,MAAM,KACf,OAAO,CAAC,IAAI,CAAC;wBAuBiB,QAAQ;8BA5HJ,OAAO,CAAC,MAAM,CAAC;;;iCALV,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;kCArBzB,OAAO,CAAC,MAAM,CAAC;;;;CAqMzD,CAAC"}
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAQA,OAAO,EAAsB,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAI1D,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1C,KAAK,YAAY,GACb,mBAAmB,GACnB,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,gBAAgB,CAAC;AA6DrB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;uBAiBV,YAAY,aACR,OAAO,iBACH,OAAO;;2BAkCW,OAAO,CAAC,IAAI,CAAC;yCAKG,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;iCAI9B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;yBAW9B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;wBAkEvB,MAAM;2BA7DH,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;sBA8B7B,OAAO,CAAC,IAAI,CAAC;4BAc/B,MAAM,YACL,MAAM,KACf,OAAO,CAAC,IAAI,CAAC;wBAoBiB,QAAQ;;;;;;CA2C1C,CAAC"}

package/dist/composables/useNetworkPresenceClient.d.ts

@@ -3,5 +3,5 @@ import { ClientConnectionState, CryptForgeClient } from '@cryptforge/core';
 export declare const connectionState: import('vue').Ref<ClientConnectionState, ClientConnectionState>;
 export declare const isConnected: import('vue').ComputedRef<boolean>;
 export declare const peerStates: import('vue').Ref<Record<string, ClientConnectionState>, Record<string, ClientConnectionState>>;
-export declare const useNetworkPresence: (cryptforgeClient: CryptForgeClient) => Promise<void>;
+export declare const useNetworkPresence: (cryptforgeClient: CryptForgeClient) => Promise<() => void>;
 //# sourceMappingURL=useNetworkPresenceClient.d.ts.map

package/dist/composables/useNetworkPresenceClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNetworkPresenceClient.d.ts","sourceRoot":"","sources":["../../src/composables/useNetworkPresenceClient.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,eAAO,MAAM,eAAe,iEAAwC,CAAC;AACrE,eAAO,MAAM,WAAW,oCAEvB,CAAC;AAIF,eAAO,MAAM,UAAU,iGAAiD,CAAC;AAEzE,eAAO,MAAM,kBAAkB,GAC7B,kBAAkB,gBAAgB,kBAuFnC,CAAC"}
+{"version":3,"file":"useNetworkPresenceClient.d.ts","sourceRoot":"","sources":["../../src/composables/useNetworkPresenceClient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIhF,eAAO,MAAM,eAAe,iEAA6C,CAAC;AAC1E,eAAO,MAAM,WAAW,oCAEvB,CAAC;AAIF,eAAO,MAAM,UAAU,iGAAiD,CAAC;AAiBzE,eAAO,MAAM,kBAAkB,GAC7B,kBAAkB,gBAAgB,wBA+InC,CAAC"}

package/dist/composables/useSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSettings.d.ts","sourceRoot":"","sources":["../../src/composables/useSettings.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAIzD,KAAK,gBAAgB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,CAAC;AAuCtB,eAAO,MAAM,WAAW;;;;uBAWI,gBAAgB,aAAY,OAAO;;;;;CAwD9D,CAAC"}
+{"version":3,"file":"useSettings.d.ts","sourceRoot":"","sources":["../../src/composables/useSettings.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAIzD,KAAK,gBAAgB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,CAAC;AAgDtB,eAAO,MAAM,WAAW;;;;uBAkBI,gBAAgB,aAAY,OAAO;;;;;CAwD9D,CAAC"}