@lukso/core 1.2.3-dev.a07a66f → 1.2.3-dev.e33b252

package/dist/chains/index.cjs

@@ -5,6 +5,7 @@
 
 var _chunkMCNNULYXcjs = require('../chunk-MCNNULYX.cjs');
 require('../chunk-LUT5BHYL.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 

package/dist/chains/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chains/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACF,uOAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chains/index.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chains/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACF,uOAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chains/index.cjs"}

package/dist/chains/index.js

@@ -5,6 +5,7 @@ import {
   luksoTestnet
 } from "../chunk-7Y2K66YE.js";
 import "../chunk-XI3PNS5M.js";
+import "../chunk-EUXUH3YW.js";
 export {
   LUKSO_CHAINS_BY_ID,
   getChainById,

package/dist/chunk-EUXUH3YW.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+export {
+  __decorateClass
+};
+//# sourceMappingURL=chunk-EUXUH3YW.js.map

package/dist/chunk-EUXUH3YW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-3YCEEP5K.cjs → chunk-GBVTZLYF.cjs}

@@ -1,17 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/mixins/theme.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZBDE64SDcjs = require('./chunk-ZBDE64SD.cjs');
+
+// src/mixins/theme.ts
+var _decoratorsjs = require('lit/decorators.js');
 function withTheme(Base) {
   class Mixin extends Base {
     constructor() {
       super(...arguments);
-      /**
-       * Theme mode: 'light', 'dark', or 'auto' (follows system preference)
-       */
       this.theme = "light";
-      /**
-       * Computed state indicating if dark mode is active
-       * Private backing field for isDark property
-       */
-      this._isDark = false;
+      this.isDark = false;
       this.mediaQueryList = null;
       /**
        * Handle system theme changes
@@ -22,29 +20,6 @@ function withTheme(Base) {
         this.isDark = event.matches;
       };
     }
-    static {
-      /**
-       * Define reactive properties manually without decorators
-       * This avoids issues with experimental decorators in mixins
-       */
-      this.properties = {
-        theme: { type: String, reflect: true },
-        ...Base.properties
-      };
-    }
-    /**
-     * Public getter/setter for isDark that triggers updates
-     */
-    get isDark() {
-      return this._isDark;
-    }
-    set isDark(value) {
-      const oldValue = this._isDark;
-      this._isDark = value;
-      if (oldValue !== value) {
-        this.requestUpdate("isDark", oldValue);
-      }
-    }
     connectedCallback() {
       super.connectedCallback();
       this.updateTheme();
@@ -123,10 +98,16 @@ function withTheme(Base) {
       }
     }
   }
+  _chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+    _decoratorsjs.property.call(void 0, { type: String, reflect: true })
+  ], Mixin.prototype, "theme", 2);
+  _chunkZBDE64SDcjs.__decorateClass.call(void 0, [
+    _decoratorsjs.state.call(void 0, )
+  ], Mixin.prototype, "isDark", 2);
   return Mixin;
 }
 
 
 
 exports.withTheme = withTheme;
-//# sourceMappingURL=chunk-3YCEEP5K.cjs.map
+//# sourceMappingURL=chunk-GBVTZLYF.cjs.map

package/dist/chunk-GBVTZLYF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-GBVTZLYF.cjs","../src/mixins/theme.ts"],"names":[],"mappings":"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","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-GBVTZLYF.cjs","sourcesContent":[null,"/**\n * Theme Mixin\n *\n * Mixin to add theme detection and management to a Lit component\n */\n\nimport type { LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nexport type Theme = 'light' | 'dark' | 'auto'\n\n/**\n * Interface for components that have theme management capabilities\n */\nexport interface ThemeMixin {\n  theme: Theme\n  isDark: boolean\n  updateTheme(): void\n}\n\n/**\n * Type helper for the constructor returned by withTheme\n */\nexport type ThemeMixinConstructor<T extends typeof LitElement> = (new (\n  ...args: any[]\n) => InstanceType<T> & ThemeMixin) &\n  T\n\n/**\n * Mixin to add theme management to a Lit component\n *\n * Provides a `theme` property and `isDark` state that automatically handles:\n * - Manual theme selection ('light' or 'dark')\n * - Auto theme detection based on system preferences\n * - Reactive updates when system theme changes\n * - Automatically wraps all rendered content in a themed div with 'dark' class when dark mode is active\n *\n * All content rendered by the component will be inside a theme-root div that receives the dark class.\n * Components can use render() normally - no changes needed.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with theme management capabilities\n *\n * @example\n * ```typescript\n * import { LitElement, html } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withTheme } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withTheme(LitElement) {\n *   render() {\n *     return html`\n *       <div class=\"text-neutral-20 dark:text-neutral-100\">\n *         Current theme: ${this.theme}\n *       </div>\n *     `;\n *   }\n * }\n * ```\n */\nexport function withTheme<T extends typeof LitElement>(\n  Base: T\n): ThemeMixinConstructor<T> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    /**\n     * Theme mode: 'light', 'dark', or 'auto' (follows system preference)\n     */\n    @property({ type: String, reflect: true })\n    theme: Theme = 'light'\n\n    /**\n     * Computed state indicating if dark mode is active\n     */\n    @state()\n    protected isDark = false\n\n    /**\n     * The theme root element that wraps all rendered content and receives the dark class\n     */\n    private themeRoot!: HTMLDivElement\n\n    private mediaQueryList: MediaQueryList | null = null\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.updateTheme()\n      this.updateHostClass()\n\n      // Listen for system theme changes when in 'auto' mode\n      if (this.theme === 'auto') {\n        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)')\n        this.mediaQueryList.addEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback()\n\n      if (this.mediaQueryList) {\n        this.mediaQueryList.removeEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    updated(changedProperties: Map<string, any>): void {\n      super.updated(changedProperties)\n\n      // Handle theme changes\n      if (changedProperties.has('theme')) {\n        this.updateTheme()\n\n        // Update media query listener when theme mode changes\n        if (this.theme === 'auto' && !this.mediaQueryList) {\n          this.mediaQueryList = window.matchMedia(\n            '(prefers-color-scheme: dark)'\n          )\n          this.mediaQueryList.addEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n        } else if (this.theme !== 'auto' && this.mediaQueryList) {\n          this.mediaQueryList.removeEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n          this.mediaQueryList = null\n        }\n      }\n\n      // Update host class when isDark changes\n      if (changedProperties.has('isDark')) {\n        this.updateHostClass()\n      }\n    }\n\n    /**\n     * Handle system theme changes\n     *\n     * @param event - Media query list event\n     */\n    private handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      this.isDark = event.matches\n    }\n\n    /**\n     * Update isDark state based on theme property\n     */\n    protected updateTheme(): void {\n      if (this.theme === 'auto') {\n        this.isDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n      } else {\n        this.isDark = this.theme === 'dark'\n      }\n    }\n\n    /**\n     * Create the render root with a themed wrapper div\n     */\n    createRenderRoot(): Element | ShadowRoot {\n      const root = super.createRenderRoot()\n\n      this.themeRoot = document.createElement('div')\n      this.themeRoot.setAttribute('data-theme-root', '')\n\n      root.appendChild(this.themeRoot)\n      return this.themeRoot\n    }\n\n    /**\n     * Update the host element's and theme root's class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.classList.add('dark')\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.classList.remove('dark')\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  return Mixin as unknown as ThemeMixinConstructor<T>\n}\n"]}

package/dist/{chunk-EHAHY6ZW.js → chunk-O2MNO3WV.js}

@@ -1,17 +1,15 @@
+import {
+  __decorateClass
+} from "./chunk-EUXUH3YW.js";
+
 // src/mixins/theme.ts
+import { property, state } from "lit/decorators.js";
 function withTheme(Base) {
   class Mixin extends Base {
     constructor() {
       super(...arguments);
-      /**
-       * Theme mode: 'light', 'dark', or 'auto' (follows system preference)
-       */
       this.theme = "light";
-      /**
-       * Computed state indicating if dark mode is active
-       * Private backing field for isDark property
-       */
-      this._isDark = false;
+      this.isDark = false;
       this.mediaQueryList = null;
       /**
        * Handle system theme changes
@@ -22,29 +20,6 @@ function withTheme(Base) {
         this.isDark = event.matches;
       };
     }
-    static {
-      /**
-       * Define reactive properties manually without decorators
-       * This avoids issues with experimental decorators in mixins
-       */
-      this.properties = {
-        theme: { type: String, reflect: true },
-        ...Base.properties
-      };
-    }
-    /**
-     * Public getter/setter for isDark that triggers updates
-     */
-    get isDark() {
-      return this._isDark;
-    }
-    set isDark(value) {
-      const oldValue = this._isDark;
-      this._isDark = value;
-      if (oldValue !== value) {
-        this.requestUpdate("isDark", oldValue);
-      }
-    }
     connectedCallback() {
       super.connectedCallback();
       this.updateTheme();
@@ -123,10 +98,16 @@ function withTheme(Base) {
       }
     }
   }
+  __decorateClass([
+    property({ type: String, reflect: true })
+  ], Mixin.prototype, "theme", 2);
+  __decorateClass([
+    state()
+  ], Mixin.prototype, "isDark", 2);
   return Mixin;
 }
 
 export {
   withTheme
 };
-//# sourceMappingURL=chunk-EHAHY6ZW.js.map
+//# sourceMappingURL=chunk-O2MNO3WV.js.map

package/dist/chunk-O2MNO3WV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mixins/theme.ts"],"sourcesContent":["/**\n * Theme Mixin\n *\n * Mixin to add theme detection and management to a Lit component\n */\n\nimport type { LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nexport type Theme = 'light' | 'dark' | 'auto'\n\n/**\n * Interface for components that have theme management capabilities\n */\nexport interface ThemeMixin {\n  theme: Theme\n  isDark: boolean\n  updateTheme(): void\n}\n\n/**\n * Type helper for the constructor returned by withTheme\n */\nexport type ThemeMixinConstructor<T extends typeof LitElement> = (new (\n  ...args: any[]\n) => InstanceType<T> & ThemeMixin) &\n  T\n\n/**\n * Mixin to add theme management to a Lit component\n *\n * Provides a `theme` property and `isDark` state that automatically handles:\n * - Manual theme selection ('light' or 'dark')\n * - Auto theme detection based on system preferences\n * - Reactive updates when system theme changes\n * - Automatically wraps all rendered content in a themed div with 'dark' class when dark mode is active\n *\n * All content rendered by the component will be inside a theme-root div that receives the dark class.\n * Components can use render() normally - no changes needed.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with theme management capabilities\n *\n * @example\n * ```typescript\n * import { LitElement, html } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withTheme } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withTheme(LitElement) {\n *   render() {\n *     return html`\n *       <div class=\"text-neutral-20 dark:text-neutral-100\">\n *         Current theme: ${this.theme}\n *       </div>\n *     `;\n *   }\n * }\n * ```\n */\nexport function withTheme<T extends typeof LitElement>(\n  Base: T\n): ThemeMixinConstructor<T> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    /**\n     * Theme mode: 'light', 'dark', or 'auto' (follows system preference)\n     */\n    @property({ type: String, reflect: true })\n    theme: Theme = 'light'\n\n    /**\n     * Computed state indicating if dark mode is active\n     */\n    @state()\n    protected isDark = false\n\n    /**\n     * The theme root element that wraps all rendered content and receives the dark class\n     */\n    private themeRoot!: HTMLDivElement\n\n    private mediaQueryList: MediaQueryList | null = null\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.updateTheme()\n      this.updateHostClass()\n\n      // Listen for system theme changes when in 'auto' mode\n      if (this.theme === 'auto') {\n        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)')\n        this.mediaQueryList.addEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback()\n\n      if (this.mediaQueryList) {\n        this.mediaQueryList.removeEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    updated(changedProperties: Map<string, any>): void {\n      super.updated(changedProperties)\n\n      // Handle theme changes\n      if (changedProperties.has('theme')) {\n        this.updateTheme()\n\n        // Update media query listener when theme mode changes\n        if (this.theme === 'auto' && !this.mediaQueryList) {\n          this.mediaQueryList = window.matchMedia(\n            '(prefers-color-scheme: dark)'\n          )\n          this.mediaQueryList.addEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n        } else if (this.theme !== 'auto' && this.mediaQueryList) {\n          this.mediaQueryList.removeEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n          this.mediaQueryList = null\n        }\n      }\n\n      // Update host class when isDark changes\n      if (changedProperties.has('isDark')) {\n        this.updateHostClass()\n      }\n    }\n\n    /**\n     * Handle system theme changes\n     *\n     * @param event - Media query list event\n     */\n    private handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      this.isDark = event.matches\n    }\n\n    /**\n     * Update isDark state based on theme property\n     */\n    protected updateTheme(): void {\n      if (this.theme === 'auto') {\n        this.isDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n      } else {\n        this.isDark = this.theme === 'dark'\n      }\n    }\n\n    /**\n     * Create the render root with a themed wrapper div\n     */\n    createRenderRoot(): Element | ShadowRoot {\n      const root = super.createRenderRoot()\n\n      this.themeRoot = document.createElement('div')\n      this.themeRoot.setAttribute('data-theme-root', '')\n\n      root.appendChild(this.themeRoot)\n      return this.themeRoot\n    }\n\n    /**\n     * Update the host element's and theme root's class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.classList.add('dark')\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.classList.remove('dark')\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  return Mixin as unknown as ThemeMixinConstructor<T>\n}\n"],"mappings":";;;;;AAOA,SAAS,UAAU,aAAa;AAsDzB,SAAS,UACd,MAC0B;AAAA,EAE1B,MAAM,cAAe,KAAa;AAAA,IAAlC;AAAA;AAKE,mBAAe;AAMf,WAAU,SAAS;AAOnB,WAAQ,iBAAwC;AAgEhD;AAAA;AAAA;AAAA;AAAA;AAAA,WAAQ,yBAAyB,CAAC,UAAqC;AACrE,aAAK,SAAS,MAAM;AAAA,MACtB;AAAA;AAAA,IAhEA,oBAA0B;AACxB,YAAM,kBAAkB;AACxB,WAAK,YAAY;AACjB,WAAK,gBAAgB;AAGrB,UAAI,KAAK,UAAU,QAAQ;AACzB,aAAK,iBAAiB,OAAO,WAAW,8BAA8B;AACtE,aAAK,eAAe;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IAEA,uBAA6B;AAC3B,YAAM,qBAAqB;AAE3B,UAAI,KAAK,gBAAgB;AACvB,aAAK,eAAe;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ,mBAA2C;AACjD,YAAM,QAAQ,iBAAiB;AAG/B,UAAI,kBAAkB,IAAI,OAAO,GAAG;AAClC,aAAK,YAAY;AAGjB,YAAI,KAAK,UAAU,UAAU,CAAC,KAAK,gBAAgB;AACjD,eAAK,iBAAiB,OAAO;AAAA,YAC3B;AAAA,UACF;AACA,eAAK,eAAe;AAAA,YAClB;AAAA,YACA,KAAK;AAAA,UACP;AAAA,QACF,WAAW,KAAK,UAAU,UAAU,KAAK,gBAAgB;AACvD,eAAK,eAAe;AAAA,YAClB;AAAA,YACA,KAAK;AAAA,UACP;AACA,eAAK,iBAAiB;AAAA,QACxB;AAAA,MACF;AAGA,UAAI,kBAAkB,IAAI,QAAQ,GAAG;AACnC,aAAK,gBAAgB;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAcU,cAAoB;AAC5B,UAAI,KAAK,UAAU,QAAQ;AACzB,aAAK,SAAS,OAAO,WAAW,8BAA8B,EAAE;AAAA,MAClE,OAAO;AACL,aAAK,SAAS,KAAK,UAAU;AAAA,MAC/B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAyC;AACvC,YAAM,OAAO,MAAM,iBAAiB;AAEpC,WAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,WAAK,UAAU,aAAa,mBAAmB,EAAE;AAEjD,WAAK,YAAY,KAAK,SAAS;AAC/B,aAAO,KAAK;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAKQ,kBAAwB;AAC9B,UAAI,KAAK,QAAQ;AACf,aAAK,UAAU,IAAI,MAAM;AACzB,aAAK,UAAU,UAAU,IAAI,MAAM;AAAA,MACrC,OAAO;AACL,aAAK,UAAU,OAAO,MAAM;AAC5B,aAAK,UAAU,UAAU,OAAO,MAAM;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AArHE;AAAA,IADC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,KAJrC,MAKJ;AAMU;AAAA,IADT,MAAM;AAAA,KAVH,MAWM;AAiHZ,SAAO;AACT;","names":[]}

package/dist/chunk-ZBDE64SD.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+
+
+exports.__decorateClass = __decorateClass;
+//# sourceMappingURL=chunk-ZBDE64SD.cjs.map

package/dist/chunk-ZBDE64SD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-ZBDE64SD.cjs"],"names":[],"mappings":"AAAA,6EAAI,UAAU,EAAE,MAAM,CAAC,cAAc;AACrC,IAAI,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;AACtD,IAAI,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;AACzD,EAAE,IAAI,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM;AAChF,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE;AAC5D,IAAI,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AACjC,MAAM,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM;AACpF,EAAE,GAAG,CAAC,KAAK,GAAG,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC;AACpD,EAAE,OAAO,MAAM;AACf,CAAC;AACD;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-ZBDE64SD.cjs"}

package/dist/config.cjs

@@ -3,6 +3,7 @@
 
 
 var _chunkLUT5BHYLcjs = require('./chunk-LUT5BHYL.cjs');
+require('./chunk-ZBDE64SD.cjs');
 
 
 

package/dist/config.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/config.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,sOAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/config.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/config.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,sOAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/config.cjs"}

package/dist/config.js

@@ -3,6 +3,7 @@ import {
   GRAPHQL_ENDPOINT_TESTNET,
   SUPPORTED_NETWORK_IDS
 } from "./chunk-XI3PNS5M.js";
+import "./chunk-EUXUH3YW.js";
 export {
   GRAPHQL_ENDPOINT_MAINNET,
   GRAPHQL_ENDPOINT_TESTNET,

package/dist/index.cjs

@@ -1,11 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-DFMMMF62.cjs');
-
-
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-DWXFDFMM.cjs');
 
 
+var _chunkKPIUNN26cjs = require('./chunk-KPIUNN26.cjs');
 
 
-var _chunkQU6NUTY6cjs = require('./chunk-QU6NUTY6.cjs');
+var _chunkGBVTZLYFcjs = require('./chunk-GBVTZLYF.cjs');
 
 
 
@@ -17,26 +16,28 @@ var _chunkMCNNULYXcjs = require('./chunk-MCNNULYX.cjs');
 
 
 var _chunkLUT5BHYLcjs = require('./chunk-LUT5BHYL.cjs');
-require('./chunk-DWXFDFMM.cjs');
+require('./chunk-DFMMMF62.cjs');
 
 
-var _chunkUQSIH233cjs = require('./chunk-UQSIH233.cjs');
 
 
-var _chunkKPIUNN26cjs = require('./chunk-KPIUNN26.cjs');
 
 
+var _chunkIDQ6WJY5cjs = require('./chunk-IDQ6WJY5.cjs');
+
 
 
 
 
-var _chunkIDQ6WJY5cjs = require('./chunk-IDQ6WJY5.cjs');
+
+var _chunkQU6NUTY6cjs = require('./chunk-QU6NUTY6.cjs');
 
 
-var _chunk3YCEEP5Kcjs = require('./chunk-3YCEEP5K.cjs');
+var _chunkUQSIH233cjs = require('./chunk-UQSIH233.cjs');
 
 
 var _chunkNJQVWIZLcjs = require('./chunk-NJQVWIZL.cjs');
+require('./chunk-ZBDE64SD.cjs');
 
 
 
@@ -59,5 +60,5 @@ var _chunkNJQVWIZLcjs = require('./chunk-NJQVWIZL.cjs');
 
 
 
-exports.EXTENSION_STORE_LINKS = _chunkQU6NUTY6cjs.EXTENSION_STORE_LINKS; exports.GRAPHQL_ENDPOINT_MAINNET = _chunkLUT5BHYLcjs.GRAPHQL_ENDPOINT_MAINNET; exports.GRAPHQL_ENDPOINT_TESTNET = _chunkLUT5BHYLcjs.GRAPHQL_ENDPOINT_TESTNET; exports.LUKSO_CHAINS_BY_ID = _chunkMCNNULYXcjs.LUKSO_CHAINS_BY_ID; exports.SUPPORTED_NETWORK_IDS = _chunkLUT5BHYLcjs.SUPPORTED_NETWORK_IDS; exports.UrlConverter = _chunkQU6NUTY6cjs.UrlConverter; exports.UrlResolver = _chunkQU6NUTY6cjs.UrlResolver; exports.browserInfo = _chunkQU6NUTY6cjs.browserInfo; exports.clearIntlService = _chunkIDQ6WJY5cjs.clearIntlService; exports.createIntlService = _chunkIDQ6WJY5cjs.createIntlService; exports.defaultConfig = _chunkIDQ6WJY5cjs.defaultConfig; exports.deviceService = _chunkNJQVWIZLcjs.deviceService; exports.getChainById = _chunkMCNNULYXcjs.getChainById; exports.getIntlService = _chunkIDQ6WJY5cjs.getIntlService; exports.luksoMainnet = _chunkMCNNULYXcjs.luksoMainnet; exports.luksoTestnet = _chunkMCNNULYXcjs.luksoTestnet; exports.setIntlService = _chunkIDQ6WJY5cjs.setIntlService; exports.slug = _chunkQU6NUTY6cjs.slug; exports.withDeviceService = _chunkUQSIH233cjs.withDeviceService; exports.withIntlService = _chunkKPIUNN26cjs.withIntlService; exports.withTheme = _chunk3YCEEP5Kcjs.withTheme;
+exports.EXTENSION_STORE_LINKS = _chunkQU6NUTY6cjs.EXTENSION_STORE_LINKS; exports.GRAPHQL_ENDPOINT_MAINNET = _chunkLUT5BHYLcjs.GRAPHQL_ENDPOINT_MAINNET; exports.GRAPHQL_ENDPOINT_TESTNET = _chunkLUT5BHYLcjs.GRAPHQL_ENDPOINT_TESTNET; exports.LUKSO_CHAINS_BY_ID = _chunkMCNNULYXcjs.LUKSO_CHAINS_BY_ID; exports.SUPPORTED_NETWORK_IDS = _chunkLUT5BHYLcjs.SUPPORTED_NETWORK_IDS; exports.UrlConverter = _chunkQU6NUTY6cjs.UrlConverter; exports.UrlResolver = _chunkQU6NUTY6cjs.UrlResolver; exports.browserInfo = _chunkQU6NUTY6cjs.browserInfo; exports.clearIntlService = _chunkIDQ6WJY5cjs.clearIntlService; exports.createIntlService = _chunkIDQ6WJY5cjs.createIntlService; exports.defaultConfig = _chunkIDQ6WJY5cjs.defaultConfig; exports.deviceService = _chunkNJQVWIZLcjs.deviceService; exports.getChainById = _chunkMCNNULYXcjs.getChainById; exports.getIntlService = _chunkIDQ6WJY5cjs.getIntlService; exports.luksoMainnet = _chunkMCNNULYXcjs.luksoMainnet; exports.luksoTestnet = _chunkMCNNULYXcjs.luksoTestnet; exports.setIntlService = _chunkIDQ6WJY5cjs.setIntlService; exports.slug = _chunkQU6NUTY6cjs.slug; exports.withDeviceService = _chunkUQSIH233cjs.withDeviceService; exports.withIntlService = _chunkKPIUNN26cjs.withIntlService; exports.withTheme = _chunkGBVTZLYFcjs.withTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/index.cjs"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,svCAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/index.cjs"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,svCAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/index.cjs"}

package/dist/index.js

@@ -1,11 +1,10 @@
-import "./chunk-LEL6VWU4.js";
+import "./chunk-JEE6C34P.js";
 import {
-  EXTENSION_STORE_LINKS,
-  UrlConverter,
-  UrlResolver,
-  browserInfo,
-  slug
-} from "./chunk-GFLV5EJV.js";
+  withIntlService
+} from "./chunk-GD6H7BSG.js";
+import {
+  withTheme
+} from "./chunk-O2MNO3WV.js";
 import {
   LUKSO_CHAINS_BY_ID,
   getChainById,
@@ -17,13 +16,7 @@ import {
   GRAPHQL_ENDPOINT_TESTNET,
   SUPPORTED_NETWORK_IDS
 } from "./chunk-XI3PNS5M.js";
-import "./chunk-JEE6C34P.js";
-import {
-  withDeviceService
-} from "./chunk-UF5VAIDL.js";
-import {
-  withIntlService
-} from "./chunk-GD6H7BSG.js";
+import "./chunk-LEL6VWU4.js";
 import {
   clearIntlService,
   createIntlService,
@@ -32,11 +25,19 @@ import {
   setIntlService
 } from "./chunk-HTK4HH4J.js";
 import {
-  withTheme
-} from "./chunk-EHAHY6ZW.js";
+  EXTENSION_STORE_LINKS,
+  UrlConverter,
+  UrlResolver,
+  browserInfo,
+  slug
+} from "./chunk-GFLV5EJV.js";
+import {
+  withDeviceService
+} from "./chunk-UF5VAIDL.js";
 import {
   deviceService
 } from "./chunk-X2QNFZU7.js";
+import "./chunk-EUXUH3YW.js";
 export {
   EXTENSION_STORE_LINKS,
   GRAPHQL_ENDPOINT_MAINNET,

package/dist/mixins/device.cjs

@@ -2,6 +2,7 @@
 
 var _chunkUQSIH233cjs = require('../chunk-UQSIH233.cjs');
 require('../chunk-NJQVWIZL.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 exports.withDeviceService = _chunkUQSIH233cjs.withDeviceService;

package/dist/mixins/device.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/device.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,gEAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/device.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/device.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,gEAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/device.cjs"}

package/dist/mixins/device.js

@@ -2,6 +2,7 @@ import {
   withDeviceService
 } from "../chunk-UF5VAIDL.js";
 import "../chunk-X2QNFZU7.js";
+import "../chunk-EUXUH3YW.js";
 export {
   withDeviceService
 };

package/dist/mixins/index.cjs

@@ -1,18 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-DWXFDFMM.cjs');
 
 
-var _chunkUQSIH233cjs = require('../chunk-UQSIH233.cjs');
+var _chunkKPIUNN26cjs = require('../chunk-KPIUNN26.cjs');
 
 
-var _chunkKPIUNN26cjs = require('../chunk-KPIUNN26.cjs');
+var _chunkGBVTZLYFcjs = require('../chunk-GBVTZLYF.cjs');
 require('../chunk-IDQ6WJY5.cjs');
 
 
-var _chunk3YCEEP5Kcjs = require('../chunk-3YCEEP5K.cjs');
+var _chunkUQSIH233cjs = require('../chunk-UQSIH233.cjs');
 require('../chunk-NJQVWIZL.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 
 
-exports.withDeviceService = _chunkUQSIH233cjs.withDeviceService; exports.withIntlService = _chunkKPIUNN26cjs.withIntlService; exports.withTheme = _chunk3YCEEP5Kcjs.withTheme;
+exports.withDeviceService = _chunkUQSIH233cjs.withDeviceService; exports.withIntlService = _chunkKPIUNN26cjs.withIntlService; exports.withTheme = _chunkGBVTZLYFcjs.withTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/mixins/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,8KAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/index.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,8KAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/index.cjs"}

package/dist/mixins/index.js

@@ -1,15 +1,16 @@
 import "../chunk-JEE6C34P.js";
-import {
-  withDeviceService
-} from "../chunk-UF5VAIDL.js";
 import {
   withIntlService
 } from "../chunk-GD6H7BSG.js";
-import "../chunk-HTK4HH4J.js";
 import {
   withTheme
-} from "../chunk-EHAHY6ZW.js";
+} from "../chunk-O2MNO3WV.js";
+import "../chunk-HTK4HH4J.js";
+import {
+  withDeviceService
+} from "../chunk-UF5VAIDL.js";
 import "../chunk-X2QNFZU7.js";
+import "../chunk-EUXUH3YW.js";
 export {
   withDeviceService,
   withIntlService,

package/dist/mixins/intl.cjs

@@ -2,6 +2,7 @@
 
 var _chunkKPIUNN26cjs = require('../chunk-KPIUNN26.cjs');
 require('../chunk-IDQ6WJY5.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 exports.withIntlService = _chunkKPIUNN26cjs.withIntlService;

package/dist/mixins/intl.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/intl.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,4DAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/intl.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/intl.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,4DAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/intl.cjs"}

package/dist/mixins/intl.js

@@ -2,6 +2,7 @@ import {
   withIntlService
 } from "../chunk-GD6H7BSG.js";
 import "../chunk-HTK4HH4J.js";
+import "../chunk-EUXUH3YW.js";
 export {
   withIntlService
 };

package/dist/mixins/theme.cjs

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

package/dist/mixins/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/theme.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,gDAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/theme.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/theme.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,gDAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/mixins/theme.cjs"}

package/dist/mixins/theme.js

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

package/dist/services/device.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunkNJQVWIZLcjs = require('../chunk-NJQVWIZL.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 exports.deviceService = _chunkNJQVWIZLcjs.deviceService;

package/dist/services/device.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/device.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,wDAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/device.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/device.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,wDAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/device.cjs"}

package/dist/services/device.js

@@ -1,6 +1,7 @@
 import {
   deviceService
 } from "../chunk-X2QNFZU7.js";
+import "../chunk-EUXUH3YW.js";
 export {
   deviceService
 };

package/dist/services/index.cjs

@@ -9,6 +9,7 @@ var _chunkIDQ6WJY5cjs = require('../chunk-IDQ6WJY5.cjs');
 
 
 var _chunkNJQVWIZLcjs = require('../chunk-NJQVWIZL.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 

package/dist/services/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,uWAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/index.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,uWAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/index.cjs"}

package/dist/services/index.js

@@ -9,6 +9,7 @@ import {
 import {
   deviceService
 } from "../chunk-X2QNFZU7.js";
+import "../chunk-EUXUH3YW.js";
 export {
   clearIntlService,
   createIntlService,

package/dist/services/intl.cjs

@@ -5,6 +5,7 @@
 
 
 var _chunkIDQ6WJY5cjs = require('../chunk-IDQ6WJY5.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 

package/dist/services/intl.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/intl.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,8SAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/intl.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/intl.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,8SAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/services/intl.cjs"}

package/dist/services/intl.js

@@ -5,6 +5,7 @@ import {
   getIntlService,
   setIntlService
 } from "../chunk-HTK4HH4J.js";
+import "../chunk-EUXUH3YW.js";
 export {
   clearIntlService,
   createIntlService,

package/dist/utils/index.cjs

@@ -5,6 +5,7 @@
 
 
 var _chunkQU6NUTY6cjs = require('../chunk-QU6NUTY6.cjs');
+require('../chunk-ZBDE64SD.cjs');
 
 
 

package/dist/utils/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/utils/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,gRAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/utils/index.cjs"}
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/utils/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,gRAAC","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/utils/index.cjs"}

package/dist/utils/index.js

@@ -5,6 +5,7 @@ import {
   browserInfo,
   slug
 } from "../chunk-GFLV5EJV.js";
+import "../chunk-EUXUH3YW.js";
 export {
   EXTENSION_STORE_LINKS,
   UrlConverter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/core",
-  "version": "1.2.3-dev.a07a66f",
+  "version": "1.2.3-dev.e33b252",
   "description": "Core utilities, services, and mixins for LUKSO web components and applications",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -88,9 +88,9 @@
     "url": "https://github.com/lukso-network/up-connector.git"
   },
   "dependencies": {
-    "@formatjs/intl": "^4.0.6",
+    "@formatjs/intl": "^4.0.2",
     "@preact/signals-core": "^1.12.1",
-    "lit": "3.3.1",
+    "lit": "^3.3.1",
     "ua-parser-js": "^2.0.7"
   },
   "peerDependencies": {
@@ -104,7 +104,7 @@
   "devDependencies": {
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "viem": "^2.43.3",
+    "viem": "^2.43.1",
     "vitest": "^4.0.16"
   },
   "tsup": {

package/src/mixins/theme.ts

@@ -5,6 +5,7 @@
  */
 
 import type { LitElement } from 'lit'
+import { property, state } from 'lit/decorators.js'
 
 export type Theme = 'light' | 'dark' | 'auto'
 
@@ -63,40 +64,17 @@ export function withTheme<T extends typeof LitElement>(
 ): ThemeMixinConstructor<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   class Mixin extends (Base as any) {
-    /**
-     * Define reactive properties manually without decorators
-     * This avoids issues with experimental decorators in mixins
-     */
-    static properties = {
-      theme: { type: String, reflect: true },
-      ...Base.properties,
-    }
-
     /**
      * Theme mode: 'light', 'dark', or 'auto' (follows system preference)
      */
+    @property({ type: String, reflect: true })
     theme: Theme = 'light'
 
     /**
      * Computed state indicating if dark mode is active
-     * Private backing field for isDark property
      */
-    private _isDark = false
-
-    /**
-     * Public getter/setter for isDark that triggers updates
-     */
-    protected get isDark(): boolean {
-      return this._isDark
-    }
-
-    protected set isDark(value: boolean) {
-      const oldValue = this._isDark
-      this._isDark = value
-      if (oldValue !== value) {
-        this.requestUpdate('isDark', oldValue)
-      }
-    }
+    @state()
+    protected isDark = false
 
     /**
      * The theme root element that wraps all rendered content and receives the dark class

package/dist/chunk-3YCEEP5K.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-3YCEEP5K.cjs","../src/mixins/theme.ts"],"names":[],"mappings":"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","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-3YCEEP5K.cjs","sourcesContent":[null,"/**\n * Theme Mixin\n *\n * Mixin to add theme detection and management to a Lit component\n */\n\nimport type { LitElement } from 'lit'\n\nexport type Theme = 'light' | 'dark' | 'auto'\n\n/**\n * Interface for components that have theme management capabilities\n */\nexport interface ThemeMixin {\n  theme: Theme\n  isDark: boolean\n  updateTheme(): void\n}\n\n/**\n * Type helper for the constructor returned by withTheme\n */\nexport type ThemeMixinConstructor<T extends typeof LitElement> = (new (\n  ...args: any[]\n) => InstanceType<T> & ThemeMixin) &\n  T\n\n/**\n * Mixin to add theme management to a Lit component\n *\n * Provides a `theme` property and `isDark` state that automatically handles:\n * - Manual theme selection ('light' or 'dark')\n * - Auto theme detection based on system preferences\n * - Reactive updates when system theme changes\n * - Automatically wraps all rendered content in a themed div with 'dark' class when dark mode is active\n *\n * All content rendered by the component will be inside a theme-root div that receives the dark class.\n * Components can use render() normally - no changes needed.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with theme management capabilities\n *\n * @example\n * ```typescript\n * import { LitElement, html } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withTheme } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withTheme(LitElement) {\n *   render() {\n *     return html`\n *       <div class=\"text-neutral-20 dark:text-neutral-100\">\n *         Current theme: ${this.theme}\n *       </div>\n *     `;\n *   }\n * }\n * ```\n */\nexport function withTheme<T extends typeof LitElement>(\n  Base: T\n): ThemeMixinConstructor<T> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    /**\n     * Define reactive properties manually without decorators\n     * This avoids issues with experimental decorators in mixins\n     */\n    static properties = {\n      theme: { type: String, reflect: true },\n      ...Base.properties,\n    }\n\n    /**\n     * Theme mode: 'light', 'dark', or 'auto' (follows system preference)\n     */\n    theme: Theme = 'light'\n\n    /**\n     * Computed state indicating if dark mode is active\n     * Private backing field for isDark property\n     */\n    private _isDark = false\n\n    /**\n     * Public getter/setter for isDark that triggers updates\n     */\n    protected get isDark(): boolean {\n      return this._isDark\n    }\n\n    protected set isDark(value: boolean) {\n      const oldValue = this._isDark\n      this._isDark = value\n      if (oldValue !== value) {\n        this.requestUpdate('isDark', oldValue)\n      }\n    }\n\n    /**\n     * The theme root element that wraps all rendered content and receives the dark class\n     */\n    private themeRoot!: HTMLDivElement\n\n    private mediaQueryList: MediaQueryList | null = null\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.updateTheme()\n      this.updateHostClass()\n\n      // Listen for system theme changes when in 'auto' mode\n      if (this.theme === 'auto') {\n        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)')\n        this.mediaQueryList.addEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback()\n\n      if (this.mediaQueryList) {\n        this.mediaQueryList.removeEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    updated(changedProperties: Map<string, any>): void {\n      super.updated(changedProperties)\n\n      // Handle theme changes\n      if (changedProperties.has('theme')) {\n        this.updateTheme()\n\n        // Update media query listener when theme mode changes\n        if (this.theme === 'auto' && !this.mediaQueryList) {\n          this.mediaQueryList = window.matchMedia(\n            '(prefers-color-scheme: dark)'\n          )\n          this.mediaQueryList.addEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n        } else if (this.theme !== 'auto' && this.mediaQueryList) {\n          this.mediaQueryList.removeEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n          this.mediaQueryList = null\n        }\n      }\n\n      // Update host class when isDark changes\n      if (changedProperties.has('isDark')) {\n        this.updateHostClass()\n      }\n    }\n\n    /**\n     * Handle system theme changes\n     *\n     * @param event - Media query list event\n     */\n    private handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      this.isDark = event.matches\n    }\n\n    /**\n     * Update isDark state based on theme property\n     */\n    protected updateTheme(): void {\n      if (this.theme === 'auto') {\n        this.isDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n      } else {\n        this.isDark = this.theme === 'dark'\n      }\n    }\n\n    /**\n     * Create the render root with a themed wrapper div\n     */\n    createRenderRoot(): Element | ShadowRoot {\n      const root = super.createRenderRoot()\n\n      this.themeRoot = document.createElement('div')\n      this.themeRoot.setAttribute('data-theme-root', '')\n\n      root.appendChild(this.themeRoot)\n      return this.themeRoot\n    }\n\n    /**\n     * Update the host element's and theme root's class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.classList.add('dark')\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.classList.remove('dark')\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  return Mixin as unknown as ThemeMixinConstructor<T>\n}\n"]}

package/dist/chunk-EHAHY6ZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/mixins/theme.ts"],"sourcesContent":["/**\n * Theme Mixin\n *\n * Mixin to add theme detection and management to a Lit component\n */\n\nimport type { LitElement } from 'lit'\n\nexport type Theme = 'light' | 'dark' | 'auto'\n\n/**\n * Interface for components that have theme management capabilities\n */\nexport interface ThemeMixin {\n  theme: Theme\n  isDark: boolean\n  updateTheme(): void\n}\n\n/**\n * Type helper for the constructor returned by withTheme\n */\nexport type ThemeMixinConstructor<T extends typeof LitElement> = (new (\n  ...args: any[]\n) => InstanceType<T> & ThemeMixin) &\n  T\n\n/**\n * Mixin to add theme management to a Lit component\n *\n * Provides a `theme` property and `isDark` state that automatically handles:\n * - Manual theme selection ('light' or 'dark')\n * - Auto theme detection based on system preferences\n * - Reactive updates when system theme changes\n * - Automatically wraps all rendered content in a themed div with 'dark' class when dark mode is active\n *\n * All content rendered by the component will be inside a theme-root div that receives the dark class.\n * Components can use render() normally - no changes needed.\n *\n * @typeParam T - The Lit component class being extended\n * @returns Extended class with theme management capabilities\n *\n * @example\n * ```typescript\n * import { LitElement, html } from 'lit';\n * import { customElement } from 'lit/decorators.js';\n * import { withTheme } from '@lukso/core/mixins';\n *\n * @customElement('my-component')\n * export class MyComponent extends withTheme(LitElement) {\n *   render() {\n *     return html`\n *       <div class=\"text-neutral-20 dark:text-neutral-100\">\n *         Current theme: ${this.theme}\n *       </div>\n *     `;\n *   }\n * }\n * ```\n */\nexport function withTheme<T extends typeof LitElement>(\n  Base: T\n): ThemeMixinConstructor<T> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  class Mixin extends (Base as any) {\n    /**\n     * Define reactive properties manually without decorators\n     * This avoids issues with experimental decorators in mixins\n     */\n    static properties = {\n      theme: { type: String, reflect: true },\n      ...Base.properties,\n    }\n\n    /**\n     * Theme mode: 'light', 'dark', or 'auto' (follows system preference)\n     */\n    theme: Theme = 'light'\n\n    /**\n     * Computed state indicating if dark mode is active\n     * Private backing field for isDark property\n     */\n    private _isDark = false\n\n    /**\n     * Public getter/setter for isDark that triggers updates\n     */\n    protected get isDark(): boolean {\n      return this._isDark\n    }\n\n    protected set isDark(value: boolean) {\n      const oldValue = this._isDark\n      this._isDark = value\n      if (oldValue !== value) {\n        this.requestUpdate('isDark', oldValue)\n      }\n    }\n\n    /**\n     * The theme root element that wraps all rendered content and receives the dark class\n     */\n    private themeRoot!: HTMLDivElement\n\n    private mediaQueryList: MediaQueryList | null = null\n\n    connectedCallback(): void {\n      super.connectedCallback()\n      this.updateTheme()\n      this.updateHostClass()\n\n      // Listen for system theme changes when in 'auto' mode\n      if (this.theme === 'auto') {\n        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)')\n        this.mediaQueryList.addEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    disconnectedCallback(): void {\n      super.disconnectedCallback()\n\n      if (this.mediaQueryList) {\n        this.mediaQueryList.removeEventListener(\n          'change',\n          this.handleMediaQueryChange\n        )\n      }\n    }\n\n    updated(changedProperties: Map<string, any>): void {\n      super.updated(changedProperties)\n\n      // Handle theme changes\n      if (changedProperties.has('theme')) {\n        this.updateTheme()\n\n        // Update media query listener when theme mode changes\n        if (this.theme === 'auto' && !this.mediaQueryList) {\n          this.mediaQueryList = window.matchMedia(\n            '(prefers-color-scheme: dark)'\n          )\n          this.mediaQueryList.addEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n        } else if (this.theme !== 'auto' && this.mediaQueryList) {\n          this.mediaQueryList.removeEventListener(\n            'change',\n            this.handleMediaQueryChange\n          )\n          this.mediaQueryList = null\n        }\n      }\n\n      // Update host class when isDark changes\n      if (changedProperties.has('isDark')) {\n        this.updateHostClass()\n      }\n    }\n\n    /**\n     * Handle system theme changes\n     *\n     * @param event - Media query list event\n     */\n    private handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      this.isDark = event.matches\n    }\n\n    /**\n     * Update isDark state based on theme property\n     */\n    protected updateTheme(): void {\n      if (this.theme === 'auto') {\n        this.isDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n      } else {\n        this.isDark = this.theme === 'dark'\n      }\n    }\n\n    /**\n     * Create the render root with a themed wrapper div\n     */\n    createRenderRoot(): Element | ShadowRoot {\n      const root = super.createRenderRoot()\n\n      this.themeRoot = document.createElement('div')\n      this.themeRoot.setAttribute('data-theme-root', '')\n\n      root.appendChild(this.themeRoot)\n      return this.themeRoot\n    }\n\n    /**\n     * Update the host element's and theme root's class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.classList.add('dark')\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.classList.remove('dark')\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  return Mixin as unknown as ThemeMixinConstructor<T>\n}\n"],"mappings":";AA4DO,SAAS,UACd,MAC0B;AAAA,EAE1B,MAAM,cAAe,KAAa;AAAA,IAAlC;AAAA;AAaE;AAAA;AAAA;AAAA,mBAAe;AAMf;AAAA;AAAA;AAAA;AAAA,WAAQ,UAAU;AAsBlB,WAAQ,iBAAwC;AAgEhD;AAAA;AAAA;AAAA;AAAA;AAAA,WAAQ,yBAAyB,CAAC,UAAqC;AACrE,aAAK,SAAS,MAAM;AAAA,MACtB;AAAA;AAAA,IAtGA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAO,aAAa;AAAA,QAClB,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,QACrC,GAAG,KAAK;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBA,IAAc,SAAkB;AAC9B,aAAO,KAAK;AAAA,IACd;AAAA,IAEA,IAAc,OAAO,OAAgB;AACnC,YAAM,WAAW,KAAK;AACtB,WAAK,UAAU;AACf,UAAI,aAAa,OAAO;AACtB,aAAK,cAAc,UAAU,QAAQ;AAAA,MACvC;AAAA,IACF;AAAA,IASA,oBAA0B;AACxB,YAAM,kBAAkB;AACxB,WAAK,YAAY;AACjB,WAAK,gBAAgB;AAGrB,UAAI,KAAK,UAAU,QAAQ;AACzB,aAAK,iBAAiB,OAAO,WAAW,8BAA8B;AACtE,aAAK,eAAe;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IAEA,uBAA6B;AAC3B,YAAM,qBAAqB;AAE3B,UAAI,KAAK,gBAAgB;AACvB,aAAK,eAAe;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ,mBAA2C;AACjD,YAAM,QAAQ,iBAAiB;AAG/B,UAAI,kBAAkB,IAAI,OAAO,GAAG;AAClC,aAAK,YAAY;AAGjB,YAAI,KAAK,UAAU,UAAU,CAAC,KAAK,gBAAgB;AACjD,eAAK,iBAAiB,OAAO;AAAA,YAC3B;AAAA,UACF;AACA,eAAK,eAAe;AAAA,YAClB;AAAA,YACA,KAAK;AAAA,UACP;AAAA,QACF,WAAW,KAAK,UAAU,UAAU,KAAK,gBAAgB;AACvD,eAAK,eAAe;AAAA,YAClB;AAAA,YACA,KAAK;AAAA,UACP;AACA,eAAK,iBAAiB;AAAA,QACxB;AAAA,MACF;AAGA,UAAI,kBAAkB,IAAI,QAAQ,GAAG;AACnC,aAAK,gBAAgB;AAAA,MACvB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAcU,cAAoB;AAC5B,UAAI,KAAK,UAAU,QAAQ;AACzB,aAAK,SAAS,OAAO,WAAW,8BAA8B,EAAE;AAAA,MAClE,OAAO;AACL,aAAK,SAAS,KAAK,UAAU;AAAA,MAC/B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAyC;AACvC,YAAM,OAAO,MAAM,iBAAiB;AAEpC,WAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,WAAK,UAAU,aAAa,mBAAmB,EAAE;AAEjD,WAAK,YAAY,KAAK,SAAS;AAC/B,aAAO,KAAK;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAKQ,kBAAwB;AAC9B,UAAI,KAAK,QAAQ;AACf,aAAK,UAAU,IAAI,MAAM;AACzB,aAAK,UAAU,UAAU,IAAI,MAAM;AAAA,MACrC,OAAO;AACL,aAAK,UAAU,OAAO,MAAM;AAC5B,aAAK,UAAU,UAAU,OAAO,MAAM;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}