@lukso/core 1.2.0 → 1.2.2-dev.205b184

package/dist/mixins/index.d.ts

@@ -1,4 +1,8 @@
-export { withDeviceService } from './device.js';
-export { withIntlService } from './intl.js';
-export { Theme, withTheme } from './theme.js';
+export { DeviceServiceMixin, DeviceServiceMixinConstructor, withDeviceService } from './device.js';
+export { IntlServiceMixin, IntlServiceMixinConstructor, withIntlService } from './intl.js';
+export { Theme, ThemeMixin, ThemeMixinConstructor, withTheme } from './theme.js';
 import 'lit';
+import '../services/device.js';
+import 'ua-parser-js';
+import '../services/intl.js';
+import '@formatjs/intl';

package/dist/mixins/index.js

@@ -1,14 +1,14 @@
 import "../chunk-JEE6C34P.js";
 import {
   withDeviceService
-} from "../chunk-3WGYJTN4.js";
+} from "../chunk-UF5VAIDL.js";
 import {
   withIntlService
-} from "../chunk-SV4TVR2K.js";
-import "../chunk-4TNWG4ME.js";
+} from "../chunk-GD6H7BSG.js";
+import "../chunk-HTK4HH4J.js";
 import {
   withTheme
-} from "../chunk-LQIOVPBE.js";
+} from "../chunk-O2MNO3WV.js";
 import "../chunk-X2QNFZU7.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/mixins/intl.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFR74YPGJcjs = require('../chunk-FR74YPGJ.cjs');
-require('../chunk-RM42NG7E.cjs');
+var _chunkKPIUNN26cjs = require('../chunk-KPIUNN26.cjs');
+require('../chunk-IDQ6WJY5.cjs');
 require('../chunk-ZBDE64SD.cjs');
 
 
-exports.withIntlService = _chunkFR74YPGJcjs.withIntlService;
+exports.withIntlService = _chunkKPIUNN26cjs.withIntlService;
 //# sourceMappingURL=intl.cjs.map

package/dist/mixins/intl.d.cts

@@ -1,4 +1,6 @@
 import { LitElement } from 'lit';
+import { IntlService } from '../services/intl.cjs';
+import '@formatjs/intl';
 
 /**
  * Internationalization Mixin
@@ -6,6 +8,17 @@ import { LitElement } from 'lit';
  * Mixin to add internationalization service to a Lit component
  */
 
+/**
+ * Interface for components that have intl service capabilities
+ */
+interface IntlServiceMixin {
+    formatMessage(key?: string, options?: Record<string, string>): string;
+    setupLocalIntl(): IntlService | undefined;
+}
+/**
+ * Type helper for the constructor returned by withIntlService
+ */
+type IntlServiceMixinConstructor<T extends typeof LitElement> = (new (...args: any[]) => InstanceType<T> & IntlServiceMixin) & T;
 /**
  * Mixin to add internationalization service to a Lit component
  *
@@ -32,6 +45,6 @@ import { LitElement } from 'lit';
  * }
  * ```
  */
-declare function withIntlService<T extends typeof LitElement>(Base: T): any;
+declare function withIntlService<T extends typeof LitElement>(Base: T): IntlServiceMixinConstructor<T>;
 
-export { withIntlService };
+export { type IntlServiceMixin, type IntlServiceMixinConstructor, withIntlService };

package/dist/mixins/intl.d.ts

@@ -1,4 +1,6 @@
 import { LitElement } from 'lit';
+import { IntlService } from '../services/intl.js';
+import '@formatjs/intl';
 
 /**
  * Internationalization Mixin
@@ -6,6 +8,17 @@ import { LitElement } from 'lit';
  * Mixin to add internationalization service to a Lit component
  */
 
+/**
+ * Interface for components that have intl service capabilities
+ */
+interface IntlServiceMixin {
+    formatMessage(key?: string, options?: Record<string, string>): string;
+    setupLocalIntl(): IntlService | undefined;
+}
+/**
+ * Type helper for the constructor returned by withIntlService
+ */
+type IntlServiceMixinConstructor<T extends typeof LitElement> = (new (...args: any[]) => InstanceType<T> & IntlServiceMixin) & T;
 /**
  * Mixin to add internationalization service to a Lit component
  *
@@ -32,6 +45,6 @@ import { LitElement } from 'lit';
  * }
  * ```
  */
-declare function withIntlService<T extends typeof LitElement>(Base: T): any;
+declare function withIntlService<T extends typeof LitElement>(Base: T): IntlServiceMixinConstructor<T>;
 
-export { withIntlService };
+export { type IntlServiceMixin, type IntlServiceMixinConstructor, withIntlService };

package/dist/mixins/intl.js

@@ -1,7 +1,7 @@
 import {
   withIntlService
-} from "../chunk-SV4TVR2K.js";
-import "../chunk-4TNWG4ME.js";
+} from "../chunk-GD6H7BSG.js";
+import "../chunk-HTK4HH4J.js";
 import "../chunk-EUXUH3YW.js";
 export {
   withIntlService

package/dist/mixins/theme.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCUDG6NPHcjs = require('../chunk-CUDG6NPH.cjs');
+var _chunkGBVTZLYFcjs = require('../chunk-GBVTZLYF.cjs');
 require('../chunk-ZBDE64SD.cjs');
 
 
-exports.withTheme = _chunkCUDG6NPHcjs.withTheme;
+exports.withTheme = _chunkGBVTZLYFcjs.withTheme;
 //# sourceMappingURL=theme.cjs.map

package/dist/mixins/theme.d.cts

@@ -7,6 +7,18 @@ import { LitElement } from 'lit';
  */
 
 type Theme = 'light' | 'dark' | 'auto';
+/**
+ * Interface for components that have theme management capabilities
+ */
+interface ThemeMixin {
+    theme: Theme;
+    isDark: boolean;
+    updateTheme(): void;
+}
+/**
+ * Type helper for the constructor returned by withTheme
+ */
+type ThemeMixinConstructor<T extends typeof LitElement> = (new (...args: any[]) => InstanceType<T> & ThemeMixin) & T;
 /**
  * Mixin to add theme management to a Lit component
  *
@@ -40,6 +52,6 @@ type Theme = 'light' | 'dark' | 'auto';
  * }
  * ```
  */
-declare function withTheme<T extends typeof LitElement>(Base: T): any;
+declare function withTheme<T extends typeof LitElement>(Base: T): ThemeMixinConstructor<T>;
 
-export { type Theme, withTheme };
+export { type Theme, type ThemeMixin, type ThemeMixinConstructor, withTheme };

package/dist/mixins/theme.d.ts

@@ -7,6 +7,18 @@ import { LitElement } from 'lit';
  */
 
 type Theme = 'light' | 'dark' | 'auto';
+/**
+ * Interface for components that have theme management capabilities
+ */
+interface ThemeMixin {
+    theme: Theme;
+    isDark: boolean;
+    updateTheme(): void;
+}
+/**
+ * Type helper for the constructor returned by withTheme
+ */
+type ThemeMixinConstructor<T extends typeof LitElement> = (new (...args: any[]) => InstanceType<T> & ThemeMixin) & T;
 /**
  * Mixin to add theme management to a Lit component
  *
@@ -40,6 +52,6 @@ type Theme = 'light' | 'dark' | 'auto';
  * }
  * ```
  */
-declare function withTheme<T extends typeof LitElement>(Base: T): any;
+declare function withTheme<T extends typeof LitElement>(Base: T): ThemeMixinConstructor<T>;
 
-export { type Theme, withTheme };
+export { type Theme, type ThemeMixin, type ThemeMixinConstructor, withTheme };

package/dist/mixins/theme.js

@@ -1,6 +1,6 @@
 import {
   withTheme
-} from "../chunk-LQIOVPBE.js";
+} from "../chunk-O2MNO3WV.js";
 import "../chunk-EUXUH3YW.js";
 export {
   withTheme

package/dist/services/index.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunkRM42NG7Ecjs = require('../chunk-RM42NG7E.cjs');
+var _chunkIDQ6WJY5cjs = require('../chunk-IDQ6WJY5.cjs');
 
 
 var _chunkNJQVWIZLcjs = require('../chunk-NJQVWIZL.cjs');
@@ -17,5 +17,5 @@ require('../chunk-ZBDE64SD.cjs');
 
 
 
-exports.clearIntlService = _chunkRM42NG7Ecjs.clearIntlService; exports.createIntlService = _chunkRM42NG7Ecjs.createIntlService; exports.defaultConfig = _chunkRM42NG7Ecjs.defaultConfig; exports.deviceService = _chunkNJQVWIZLcjs.deviceService; exports.getIntlService = _chunkRM42NG7Ecjs.getIntlService; exports.setIntlService = _chunkRM42NG7Ecjs.setIntlService;
+exports.clearIntlService = _chunkIDQ6WJY5cjs.clearIntlService; exports.createIntlService = _chunkIDQ6WJY5cjs.createIntlService; exports.defaultConfig = _chunkIDQ6WJY5cjs.defaultConfig; exports.deviceService = _chunkNJQVWIZLcjs.deviceService; exports.getIntlService = _chunkIDQ6WJY5cjs.getIntlService; exports.setIntlService = _chunkIDQ6WJY5cjs.setIntlService;
 //# sourceMappingURL=index.cjs.map

package/dist/services/index.js

@@ -5,7 +5,7 @@ import {
   defaultConfig,
   getIntlService,
   setIntlService
-} from "../chunk-4TNWG4ME.js";
+} from "../chunk-HTK4HH4J.js";
 import {
   deviceService
 } from "../chunk-X2QNFZU7.js";

package/dist/services/intl.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunkRM42NG7Ecjs = require('../chunk-RM42NG7E.cjs');
+var _chunkIDQ6WJY5cjs = require('../chunk-IDQ6WJY5.cjs');
 require('../chunk-ZBDE64SD.cjs');
 
 
@@ -12,5 +12,5 @@ require('../chunk-ZBDE64SD.cjs');
 
 
 
-exports.clearIntlService = _chunkRM42NG7Ecjs.clearIntlService; exports.createIntlService = _chunkRM42NG7Ecjs.createIntlService; exports.defaultConfig = _chunkRM42NG7Ecjs.defaultConfig; exports.getIntlService = _chunkRM42NG7Ecjs.getIntlService; exports.setIntlService = _chunkRM42NG7Ecjs.setIntlService;
+exports.clearIntlService = _chunkIDQ6WJY5cjs.clearIntlService; exports.createIntlService = _chunkIDQ6WJY5cjs.createIntlService; exports.defaultConfig = _chunkIDQ6WJY5cjs.defaultConfig; exports.getIntlService = _chunkIDQ6WJY5cjs.getIntlService; exports.setIntlService = _chunkIDQ6WJY5cjs.setIntlService;
 //# sourceMappingURL=intl.cjs.map

package/dist/services/intl.d.cts

@@ -121,6 +121,15 @@ declare const defaultConfig: IntlConfig;
  *   messages: customMessages,
  * });
  *
+ * // Enable warnings for missing translations (useful for debugging)
+ * const intlWithWarnings = createIntlService({
+ *   locale: 'en-US',
+ *   messages: customMessages,
+ *   onError: (err) => {
+ *     console.error('Translation error:', err);
+ *   },
+ * });
+ *
  * const translated = intl.formatMessage('app.title');
  * const formatted = intl.formatNumber(1234.56);
  * const currentLocale = intl.getLocale(); // 'en-US'

package/dist/services/intl.d.ts

@@ -121,6 +121,15 @@ declare const defaultConfig: IntlConfig;
  *   messages: customMessages,
  * });
  *
+ * // Enable warnings for missing translations (useful for debugging)
+ * const intlWithWarnings = createIntlService({
+ *   locale: 'en-US',
+ *   messages: customMessages,
+ *   onError: (err) => {
+ *     console.error('Translation error:', err);
+ *   },
+ * });
+ *
  * const translated = intl.formatMessage('app.title');
  * const formatted = intl.formatNumber(1234.56);
  * const currentLocale = intl.getLocale(); // 'en-US'

package/dist/services/intl.js

@@ -4,7 +4,7 @@ import {
   defaultConfig,
   getIntlService,
   setIntlService
-} from "../chunk-4TNWG4ME.js";
+} from "../chunk-HTK4HH4J.js";
 import "../chunk-EUXUH3YW.js";
 export {
   clearIntlService,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/core",
-  "version": "1.2.0",
+  "version": "1.2.2-dev.205b184",
   "description": "Core utilities, services, and mixins for LUKSO web components and applications",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -61,12 +61,14 @@
       "types": "./dist/utils/index.d.ts",
       "import": "./dist/utils/index.js",
       "require": "./dist/utils/index.cjs"
-    }
+    },
+    "./translations/*.json": "./translations/*.json"
   },
   "files": [
     "dist",
     "src",
-    "README.md"
+    "README.md",
+    "translations"
   ],
   "keywords": [
     "lukso",
@@ -86,10 +88,10 @@
     "url": "https://github.com/lukso-network/up-connector.git"
   },
   "dependencies": {
-    "@formatjs/intl": "^3.1.8",
+    "@formatjs/intl": "^4.0.2",
     "@preact/signals-core": "^1.12.1",
     "lit": "^3.3.1",
-    "ua-parser-js": "^2.0.6"
+    "ua-parser-js": "^2.0.7"
   },
   "peerDependencies": {
     "viem": "^2.0.0"
@@ -102,8 +104,8 @@
   "devDependencies": {
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "viem": "^2.41.2",
-    "vitest": "^4.0.15"
+    "viem": "^2.43.1",
+    "vitest": "^4.0.16"
   },
   "tsup": {
     "entry": [

package/src/index.ts

@@ -11,4 +11,4 @@ export * from './mixins/index.js'
 export * from './services/index.js'
 export * from './utils/index.js'
 // Release update
-// build 1
+// build 2

package/src/mixins/device.ts

@@ -8,6 +8,21 @@ import type { LitElement } from 'lit'
 import type { DeviceService } from '../services/device.js'
 import { deviceService, type NavigatorExtended } from '../services/device.js'
 
+/**
+ * Interface for components that have device detection capabilities
+ */
+export interface DeviceServiceMixin {
+  device: DeviceService | undefined
+}
+
+/**
+ * Type helper for the constructor returned by withDeviceService
+ */
+export type DeviceServiceMixinConstructor<T extends typeof LitElement> = (new (
+  ...args: any[]
+) => InstanceType<T> & DeviceServiceMixin) &
+  T
+
 /**
  * Mixin to add device detection service to a Lit component
  *
@@ -31,8 +46,9 @@ import { deviceService, type NavigatorExtended } from '../services/device.js'
  * }
  * ```
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function withDeviceService<T extends typeof LitElement>(Base: T): any {
+export function withDeviceService<T extends typeof LitElement>(
+  Base: T
+): DeviceServiceMixinConstructor<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   class Mixin extends (Base as any) {
     device: DeviceService | undefined
@@ -43,6 +59,5 @@ export function withDeviceService<T extends typeof LitElement>(Base: T): any {
     }
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return Mixin as any
+  return Mixin as unknown as DeviceServiceMixinConstructor<T>
 }

package/src/mixins/index.ts

@@ -4,6 +4,19 @@
  * Reusable Lit component mixins for device detection, internationalization, and more
  */
 
-export { withDeviceService } from './device.js'
-export { withIntlService } from './intl.js'
-export { type Theme, withTheme } from './theme.js'
+export {
+  type DeviceServiceMixin,
+  type DeviceServiceMixinConstructor,
+  withDeviceService,
+} from './device.js'
+export {
+  type IntlServiceMixin,
+  type IntlServiceMixinConstructor,
+  withIntlService,
+} from './intl.js'
+export {
+  type Theme,
+  type ThemeMixin,
+  type ThemeMixinConstructor,
+  withTheme,
+} from './theme.js'

package/src/mixins/intl.ts

@@ -4,9 +4,9 @@
  * Mixin to add internationalization service to a Lit component
  */
 
+import englishTranslations from '@lukso/core/translations/en_US.json'
 import { effect } from '@preact/signals-core'
 import type { LitElement } from 'lit'
-import englishTranslations from '../../../translations/en_US.json'
 import {
   createIntlService,
   defaultConfig,
@@ -15,6 +15,22 @@ import {
   setIntlService,
 } from '../services/intl.js'
 
+/**
+ * Interface for components that have intl service capabilities
+ */
+export interface IntlServiceMixin {
+  formatMessage(key?: string, options?: Record<string, string>): string
+  setupLocalIntl(): IntlService | undefined
+}
+
+/**
+ * Type helper for the constructor returned by withIntlService
+ */
+export type IntlServiceMixinConstructor<T extends typeof LitElement> = (new (
+  ...args: any[]
+) => InstanceType<T> & IntlServiceMixin) &
+  T
+
 /**
  * Mixin to add internationalization service to a Lit component
  *
@@ -41,8 +57,9 @@ import {
  * }
  * ```
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function withIntlService<T extends typeof LitElement>(Base: T): any {
+export function withIntlService<T extends typeof LitElement>(
+  Base: T
+): IntlServiceMixinConstructor<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   class Mixin extends (Base as any) {
     protected unsubscribeIntl: (() => void) | undefined = undefined
@@ -107,6 +124,5 @@ export function withIntlService<T extends typeof LitElement>(Base: T): any {
     }
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return Mixin as any
+  return Mixin as unknown as IntlServiceMixinConstructor<T>
 }

package/src/mixins/theme.ts

@@ -9,6 +9,23 @@ import { property, state } from 'lit/decorators.js'
 
 export type Theme = 'light' | 'dark' | 'auto'
 
+/**
+ * Interface for components that have theme management capabilities
+ */
+export interface ThemeMixin {
+  theme: Theme
+  isDark: boolean
+  updateTheme(): void
+}
+
+/**
+ * Type helper for the constructor returned by withTheme
+ */
+export type ThemeMixinConstructor<T extends typeof LitElement> = (new (
+  ...args: any[]
+) => InstanceType<T> & ThemeMixin) &
+  T
+
 /**
  * Mixin to add theme management to a Lit component
  *
@@ -42,8 +59,9 @@ export type Theme = 'light' | 'dark' | 'auto'
  * }
  * ```
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function withTheme<T extends typeof LitElement>(Base: T): any {
+export function withTheme<T extends typeof LitElement>(
+  Base: T
+): ThemeMixinConstructor<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   class Mixin extends (Base as any) {
     /**
@@ -156,17 +174,18 @@ export function withTheme<T extends typeof LitElement>(Base: T): any {
     }
 
     /**
-     * Update the host element's class based on isDark state
+     * Update the host element's and theme root's class based on isDark state
      */
     private updateHostClass(): void {
       if (this.isDark) {
+        this.classList.add('dark')
         this.themeRoot.classList.add('dark')
       } else {
+        this.classList.remove('dark')
         this.themeRoot.classList.remove('dark')
       }
     }
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return Mixin as any
+  return Mixin as unknown as ThemeMixinConstructor<T>
 }

package/src/services/intl.ts

@@ -136,6 +136,9 @@ export const defaultConfig: IntlConfig = {
   locale: 'en-US',
   messages: {},
   formats: {},
+  onError: () => {
+    // Silent by default since translations are optional
+  },
 }
 
 /**
@@ -158,6 +161,15 @@ let intlService: IntlService | null = null
  *   messages: customMessages,
  * });
  *
+ * // Enable warnings for missing translations (useful for debugging)
+ * const intlWithWarnings = createIntlService({
+ *   locale: 'en-US',
+ *   messages: customMessages,
+ *   onError: (err) => {
+ *     console.error('Translation error:', err);
+ *   },
+ * });
+ *
  * const translated = intl.formatMessage('app.title');
  * const formatted = intl.formatNumber(1234.56);
  * const currentLocale = intl.getLocale(); // 'en-US'
@@ -171,7 +183,11 @@ export function createIntlService(
   config: IntlConfig = defaultConfig
 ): IntlService {
   let currentConfig = { ...defaultConfig, ...config }
-  let intl = createIntl({ ...currentConfig, defaultLocale: 'en-US' })
+  let intl = createIntl({
+    ...currentConfig,
+    defaultLocale: 'en-US',
+    onError: currentConfig.onError || defaultConfig.onError,
+  })
   const localeChanged = signal(0)
   let fallbackMessages: IntlMessages = {}
 
@@ -265,6 +281,7 @@ export function createIntlService(
       intl = createIntl({
         ...currentConfig,
         defaultLocale: 'en-US',
+        onError: currentConfig.onError || defaultConfig.onError,
       })
       localeChanged.value += 1
     },

package/translations/de_DE.json

@@ -0,0 +1,14 @@
+{
+  "connect_modal_try_again": "Versuchen Sie es erneut",
+  "connect_modal_title": "Wir melden Sie an",
+  "connect_modal_qr_code_title": "Scannen Sie den Scanner, um sich anzumelden.",
+  "connect_modal_other_connectors": "Connect Wallet",
+  "connect_modal_or_info": "Melden Sie sich mit einer anderen Wallet an",
+  "connect_modal_or": "Oder",
+  "connect_modal_installed": "INSTALLIERT",
+  "connect_modal_failed_to_load": "Fehler beim Laden...",
+  "connect_modal_eoa_title": "Verbinden Sie Ihre Wallet",
+  "connect_modal_description": "Melden Sie sich mit Ihrem Universalprofil an.",
+  "connect_modal_connectors_up_mobile": "Mobile Anwendung",
+  "connect_modal_connectors_passkey_wallet": "Erstellen Sie eine Passkey-Wallet"
+}

package/translations/en_US.json

@@ -0,0 +1,16 @@
+{
+  "connect_modal_try_again": "Try again",
+  "connect_modal_title": "Let’s log you in",
+  "connect_modal_qr_code_title": "Scan to log in",
+  "connect_modal_qr_code_description": "Scan the below QR code with the Universal Profile mobile app to log in",
+  "connect_modal_other_connectors": "Connect Wallet",
+  "connect_modal_or_info": "Log in with a different wallet",
+  "connect_modal_or": "Or",
+  "connect_modal_installed": "INSTALLED",
+  "connect_modal_failed_to_load": "Failed to load...",
+  "connect_modal_eoa_title": "Connect your Wallet",
+  "connect_modal_description": "Log in with your Universal Profile",
+  "connect_modal_connectors_up_mobile": "Mobile Application",
+  "connect_modal_connectors_up_browser_extension": "Browser Extension",
+  "connect_modal_connectors_passkey_wallet": "Passkey Wallet"
+}

package/dist/chunk-3WGYJTN4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/mixins/device.ts"],"sourcesContent":["/**\n * Device Detection Mixin\n *\n * Mixin to add device detection service to a Lit component\n */\n\nimport type { LitElement } from 'lit'\nimport type { DeviceService } from '../services/device.js'\nimport { deviceService, type NavigatorExtended } from '../services/device.js'\n\n/**\n * Mixin to add device detection service to a Lit component\n *\n * Provides a `device` property with device/OS/browser detection capabilities.\n * The device service is initialized in connectedCallback and follows component lifecycle.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with device detection capabilities\n *\n * @example\n * ```typescript\n * import { LitElement } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withDeviceService } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withDeviceService(LitElement) {\n *   render() {\n *     return html\\`Device is mobile: \\${this.device?.isMobile}\\`;\n *   }\n * }\n * ```\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withDeviceService<T extends typeof LitElement>(Base: T): any {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    device: DeviceService | undefined\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.device = deviceService(navigator as NavigatorExtended)\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return Mixin as any\n}\n"],"mappings":";;;;;AAkCO,SAAS,kBAA+C,MAAc;AAAA,EAE3E,MAAM,cAAe,KAAa;AAAA,IAGhC,oBAA0B;AACxB,YAAM,kBAAkB;AACxB,WAAK,SAAS,cAAc,SAA8B;AAAA,IAC5D;AAAA,EACF;AAGA,SAAO;AACT;","names":[]}

package/dist/chunk-4TNWG4ME.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/services/intl.ts"],"sourcesContent":["/**\n * Internationalization Service\n *\n * Provides locale-aware formatting for messages, numbers, dates, and times.\n */\n\nimport {\n  createIntl,\n  type FormatNumberOptions,\n  type IntlConfig,\n} from '@formatjs/intl'\nimport { signal } from '@preact/signals-core'\n\n/**\n * Translation messages object type\n * Maps translation keys to their corresponding string values\n */\nexport type IntlMessages = Record<string, string>\n\n/**\n * Default format number options\n * @see https://github.com/formatjs/formatjs/blob/main/packages/ecma402-abstract/types/number.ts\n */\nconst formatNumberDefaultOptions = {\n  maximumFractionDigits: 18,\n}\n\n/**\n * Intl service interface\n */\nexport interface IntlService {\n  /**\n   * Translate a string based on the key\n   *\n   * @param key - translation key\n   * @param options - optional options for formatMessage (for variable interpolation)\n   * @returns - translated string\n   */\n  formatMessage: (key: string, options?: Record<string, string>) => string\n\n  /**\n   * Number formatting based on the locale\n   *\n   * @param value - number to format\n   * @param options - options for formatNumber\n   * @returns - formatted number\n   */\n  formatNumber: (\n    value: number | string | bigint,\n    options?: FormatNumberOptions\n  ) => string\n\n  /**\n   * Date formatting based on the locale\n   *\n   * @param date - date to format\n   * @returns - formatted date\n   */\n  formatDate: (date?: string | number | Date) => string | undefined\n\n  /**\n   * Time formatting based on the locale\n   *\n   * @param date - date to format\n   * @returns - formatted time\n   */\n  formatTime: (date?: string | number | Date) => string | undefined\n\n  /**\n   * Timestamp formatting based on the locale\n   *\n   * @param timestamp - UNIX timestamp in seconds or milliseconds\n   * @param options - formatting options (predefined format name or custom Intl.DateTimeFormat options)\n   * @returns - formatted date & time string\n   *\n   * @example\n   * ```typescript\n   * const intl = getIntlService();\n   *\n   * // Use predefined shortDateTime format\n   * intl.formatTimestamp(1733251200, 'shortDateTime'); // \"Wed, Dec 3, 2025, 16:07\"\n   *\n   * // Use custom format options\n   * intl.formatTimestamp(1733251200, { year: '2-digit', month: '2-digit', day: '2-digit' });\n   * // \"12/03/25\"\n   *\n   * // No options (basic format)\n   * intl.formatTimestamp(1733251200);\n   * ```\n   */\n  formatTimestamp: (\n    timestamp?: number | string,\n    options?: Intl.DateTimeFormatOptions | string\n  ) => string\n\n  /**\n   * Change the locale and optionally update messages\n   *\n   * @param locale - new locale code (e.g., 'en-US', 'de-DE')\n   * @param messages - optional new messages object for the locale\n   */\n  setLocale: (locale: string, messages?: IntlMessages) => void\n\n  /**\n   * Get the current locale\n   *\n   * @returns - current locale code (e.g., 'en-US', 'de-DE')\n   */\n  getLocale: () => string\n\n  /**\n   * Set fallback translations to use when a translation key is missing\n   * Useful when the host app's intl service doesn't have all translations\n   *\n   * @param fallbackMessages - translations to use as fallback\n   *\n   * @example\n   * ```typescript\n   * // After intl service is initialized by host app\n   * intl.setFallbackTranslations(defaultMessages);\n   * ```\n   */\n  setFallbackTranslations: (fallbackMessages: IntlMessages) => void\n\n  /**\n   * Signal that tracks locale changes\n   * Use this signal to reactively update UI when locale changes\n   */\n  localeChanged: { value: number }\n}\n\n/**\n * Default configuration for intl\n */\nexport const defaultConfig: IntlConfig = {\n  locale: 'en-US',\n  messages: {},\n  formats: {},\n}\n\n/**\n * Global intl service instance\n */\nlet intlService: IntlService | null = null\n\n/**\n * Create a new intl service instance\n *\n * @param config - intl configuration with locale and messages\n * @returns IntlService instance with formatting methods\n *\n * @example\n * ```typescript\n * import { createIntlService } from '@lukso/core/services/intl';\n *\n * const intl = createIntlService({\n *   locale: 'en-US',\n *   messages: customMessages,\n * });\n *\n * const translated = intl.formatMessage('app.title');\n * const formatted = intl.formatNumber(1234.56);\n * const currentLocale = intl.getLocale(); // 'en-US'\n *\n * // Change locale\n * intl.setLocale('de-DE', germanMessages);\n * console.log(intl.getLocale()); // 'de-DE'\n * ```\n */\nexport function createIntlService(\n  config: IntlConfig = defaultConfig\n): IntlService {\n  let currentConfig = { ...defaultConfig, ...config }\n  let intl = createIntl({ ...currentConfig, defaultLocale: 'en-US' })\n  const localeChanged = signal(0)\n  let fallbackMessages: IntlMessages = {}\n\n  return {\n    formatMessage: (key: string, options?: Record<string, string>): string => {\n      try {\n        const result = intl.formatMessage({ id: key }, options)\n\n        if (result && result !== key) {\n          return result\n        }\n\n        // If no translation found, check fallback\n        if (fallbackMessages[key]) {\n          return fallbackMessages[key]\n        }\n\n        return key\n      } catch {\n        // On error, try fallback\n        return fallbackMessages[key] || key\n      }\n    },\n\n    formatNumber: (\n      value: number | string | bigint,\n      options: FormatNumberOptions = {}\n    ): string => {\n      if (value === null || value === undefined) {\n        return '0'\n      }\n\n      const _value =\n        typeof value === 'string' ? Number.parseFloat(value) : value\n\n      const mergedOptions = {\n        ...formatNumberDefaultOptions,\n        ...options,\n      }\n\n      return intl.formatNumber(_value as number, mergedOptions) || ''\n    },\n\n    formatDate: (date?: string | number | Date): string => {\n      return intl.formatDate(date)\n    },\n\n    formatTime: (date?: string | number | Date): string => {\n      return intl.formatTime(date)\n    },\n\n    formatTimestamp: (\n      timestamp?: number | string,\n      options?: Intl.DateTimeFormatOptions | string\n    ): string => {\n      if (!timestamp) return ''\n\n      const time = typeof timestamp === 'string' ? Number(timestamp) : timestamp\n      const date =\n        time < 10_000_000_000\n          ? new Date(time * 1000) // seconds\n          : new Date(time) // milliseconds\n\n      // Handle predefined format\n      if (typeof options === 'string') {\n        const dateTimeOptions = currentConfig.formats?.date?.[\n          options\n        ] as Intl.DateTimeFormatOptions\n\n        if (dateTimeOptions) {\n          return new Intl.DateTimeFormat(\n            currentConfig.locale,\n            dateTimeOptions\n          ).format(date)\n        }\n\n        // Fallback to default format if predefined format not found\n        return intl.formatDate(date) || ''\n      }\n\n      // For normal @formatjs/intl options\n      return intl.formatDate(date, options) || ''\n    },\n\n    setLocale: (locale: string, messages?: IntlMessages): void => {\n      currentConfig = {\n        ...currentConfig,\n        locale,\n        messages: messages || currentConfig.messages,\n      }\n      intl = createIntl({\n        ...currentConfig,\n        defaultLocale: 'en-US',\n      })\n      localeChanged.value += 1\n    },\n\n    getLocale: (): string => {\n      return currentConfig.locale\n    },\n\n    setFallbackTranslations: (fallbackMessagesInput: IntlMessages): void => {\n      fallbackMessages = fallbackMessagesInput\n    },\n\n    localeChanged,\n  }\n}\n\n/**\n * Set the global intl service\n * Call this once from your app initialization\n *\n * @param service - IntlService instance\n *\n * @example\n * ```typescript\n * import { setIntlService, createIntlService } from '@lukso/core/services/intl';\n *\n * const intl = createIntlService(config);\n * setIntlService(intl);\n * ```\n */\nexport function setIntlService(service: IntlService): void {\n  intlService = service\n}\n\n/**\n * Get the current global intl service\n * Returns null if no service has been set\n *\n * @example\n * ```typescript\n * import { getIntlService } from '@lukso/core/services/intl';\n *\n * const intl = getIntlService();\n * if (intl) {\n *   console.log(intl.getLocale());\n * }\n * ```\n */\nexport function getIntlService(): IntlService | null {\n  return intlService\n}\n\n/**\n * Clear the global intl service\n * Useful for testing or cleanup\n */\nexport function clearIntlService(): void {\n  intlService = null\n}\n"],"mappings":";AAMA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,cAAc;AAYvB,IAAM,6BAA6B;AAAA,EACjC,uBAAuB;AACzB;AA6GO,IAAM,gBAA4B;AAAA,EACvC,QAAQ;AAAA,EACR,UAAU,CAAC;AAAA,EACX,SAAS,CAAC;AACZ;AAKA,IAAI,cAAkC;AA0B/B,SAAS,kBACd,SAAqB,eACR;AACb,MAAI,gBAAgB,EAAE,GAAG,eAAe,GAAG,OAAO;AAClD,MAAI,OAAO,WAAW,EAAE,GAAG,eAAe,eAAe,QAAQ,CAAC;AAClE,QAAM,gBAAgB,OAAO,CAAC;AAC9B,MAAI,mBAAiC,CAAC;AAEtC,SAAO;AAAA,IACL,eAAe,CAAC,KAAa,YAA6C;AACxE,UAAI;AACF,cAAM,SAAS,KAAK,cAAc,EAAE,IAAI,IAAI,GAAG,OAAO;AAEtD,YAAI,UAAU,WAAW,KAAK;AAC5B,iBAAO;AAAA,QACT;AAGA,YAAI,iBAAiB,GAAG,GAAG;AACzB,iBAAO,iBAAiB,GAAG;AAAA,QAC7B;AAEA,eAAO;AAAA,MACT,QAAQ;AAEN,eAAO,iBAAiB,GAAG,KAAK;AAAA,MAClC;AAAA,IACF;AAAA,IAEA,cAAc,CACZ,OACA,UAA+B,CAAC,MACrB;AACX,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,eAAO;AAAA,MACT;AAEA,YAAM,SACJ,OAAO,UAAU,WAAW,OAAO,WAAW,KAAK,IAAI;AAEzD,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAEA,aAAO,KAAK,aAAa,QAAkB,aAAa,KAAK;AAAA,IAC/D;AAAA,IAEA,YAAY,CAAC,SAA0C;AACrD,aAAO,KAAK,WAAW,IAAI;AAAA,IAC7B;AAAA,IAEA,YAAY,CAAC,SAA0C;AACrD,aAAO,KAAK,WAAW,IAAI;AAAA,IAC7B;AAAA,IAEA,iBAAiB,CACf,WACA,YACW;AACX,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,OAAO,OAAO,cAAc,WAAW,OAAO,SAAS,IAAI;AACjE,YAAM,OACJ,OAAO,OACH,IAAI,KAAK,OAAO,GAAI,IACpB,IAAI,KAAK,IAAI;AAGnB,UAAI,OAAO,YAAY,UAAU;AAC/B,cAAM,kBAAkB,cAAc,SAAS,OAC7C,OACF;AAEA,YAAI,iBAAiB;AACnB,iBAAO,IAAI,KAAK;AAAA,YACd,cAAc;AAAA,YACd;AAAA,UACF,EAAE,OAAO,IAAI;AAAA,QACf;AAGA,eAAO,KAAK,WAAW,IAAI,KAAK;AAAA,MAClC;AAGA,aAAO,KAAK,WAAW,MAAM,OAAO,KAAK;AAAA,IAC3C;AAAA,IAEA,WAAW,CAAC,QAAgB,aAAkC;AAC5D,sBAAgB;AAAA,QACd,GAAG;AAAA,QACH;AAAA,QACA,UAAU,YAAY,cAAc;AAAA,MACtC;AACA,aAAO,WAAW;AAAA,QAChB,GAAG;AAAA,QACH,eAAe;AAAA,MACjB,CAAC;AACD,oBAAc,SAAS;AAAA,IACzB;AAAA,IAEA,WAAW,MAAc;AACvB,aAAO,cAAc;AAAA,IACvB;AAAA,IAEA,yBAAyB,CAAC,0BAA8C;AACtE,yBAAmB;AAAA,IACrB;AAAA,IAEA;AAAA,EACF;AACF;AAgBO,SAAS,eAAe,SAA4B;AACzD,gBAAc;AAChB;AAgBO,SAAS,iBAAqC;AACnD,SAAO;AACT;AAMO,SAAS,mBAAyB;AACvC,gBAAc;AAChB;","names":[]}

package/dist/chunk-CC3LFUYY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-CC3LFUYY.cjs","../src/mixins/device.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;AC8BO,SAAS,iBAAA,CAA+C,IAAA,EAAc;AAAA,EAE3E,MAAM,MAAA,QAAe,KAAa;AAAA,IAGhC,iBAAA,CAAA,EAA0B;AACxB,MAAA,KAAA,CAAM,iBAAA,CAAkB,CAAA;AACxB,MAAA,IAAA,CAAK,OAAA,EAAS,6CAAA,SAA4C,CAAA;AAAA,IAC5D;AAAA,EACF;AAGA,EAAA,OAAO,KAAA;AACT;ADjCA;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-CC3LFUYY.cjs","sourcesContent":[null,"/**\n * Device Detection Mixin\n *\n * Mixin to add device detection service to a Lit component\n */\n\nimport type { LitElement } from 'lit'\nimport type { DeviceService } from '../services/device.js'\nimport { deviceService, type NavigatorExtended } from '../services/device.js'\n\n/**\n * Mixin to add device detection service to a Lit component\n *\n * Provides a `device` property with device/OS/browser detection capabilities.\n * The device service is initialized in connectedCallback and follows component lifecycle.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with device detection capabilities\n *\n * @example\n * ```typescript\n * import { LitElement } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withDeviceService } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withDeviceService(LitElement) {\n *   render() {\n *     return html\\`Device is mobile: \\${this.device?.isMobile}\\`;\n *   }\n * }\n * ```\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withDeviceService<T extends typeof LitElement>(Base: T): any {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    device: DeviceService | undefined\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.device = deviceService(navigator as NavigatorExtended)\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return Mixin as any\n}\n"]}