@lukso/core 1.1.0-dev.a98e9bc → 1.1.0-dev.c21633f

package/README.md

@@ -147,6 +147,61 @@ export class MyComponent extends withIntlService(LitElement) {
 }
 ```
 
+#### withTheme
+
+Add theme management with automatic dark mode support:
+
+```typescript
+import { LitElement, html } from 'lit'
+import { customElement } from 'lit/decorators.js'
+import { withTheme } from '@lukso/core/mixins'
+
+@customElement('my-component')
+export class MyComponent extends withTheme(LitElement) {
+  render() {
+    return html`
+      <div class="bg-neutral-100 dark:bg-neutral-10">
+        <h1 class="text-neutral-10 dark:text-neutral-100">
+          Hello World
+        </h1>
+        <p>Current theme: ${this.theme}</p>
+        <p>Is dark mode: ${this.isDark}</p>
+      </div>
+    `
+  }
+}
+```
+
+**Features:**
+- **Manual theme selection**: Set theme to `'light'`, `'dark'`, or `'auto'`
+- **System preference detection**: Automatically follows OS dark mode when theme is `'auto'`
+- **Reactive updates**: Listens for system theme changes and updates automatically
+- **Automatic wrapping**: All rendered content is wrapped in a div with `data-theme-root` attribute
+- **Tailwind integration**: The wrapper div receives the `dark` class for Tailwind's dark mode utilities
+
+**API:**
+- `theme` (`'light' | 'dark' | 'auto'`): The theme mode (reflects to attribute)
+- `isDark` (`boolean`): Read-only computed state indicating if dark mode is active
+
+**HTML Structure:**
+```html
+<!-- Light mode -->
+<my-component theme="light">
+  #shadow-root
+    <div data-theme-root>
+      <!-- Your component's rendered content -->
+    </div>
+</my-component>
+
+<!-- Dark mode -->
+<my-component theme="dark">
+  #shadow-root
+    <div data-theme-root class="dark">
+      <!-- Your component's rendered content -->
+    </div>
+</my-component>
+```
+
 ### Chain Definitions
 
 Extended chain configurations for LUKSO networks with custom contracts and metadata.

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-CUDG6NPH.cjs

@@ -0,0 +1,111 @@
+"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);
+      this.theme = "light";
+      this.isDark = false;
+      this.mediaQueryList = null;
+      /**
+       * Handle system theme changes
+       *
+       * @param event - Media query list event
+       */
+      this.handleMediaQueryChange = (event) => {
+        this.isDark = event.matches;
+      };
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.updateTheme();
+      this.updateHostClass();
+      if (this.theme === "auto") {
+        this.mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+        this.mediaQueryList.addEventListener(
+          "change",
+          this.handleMediaQueryChange
+        );
+      }
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      if (this.mediaQueryList) {
+        this.mediaQueryList.removeEventListener(
+          "change",
+          this.handleMediaQueryChange
+        );
+      }
+    }
+    updated(changedProperties) {
+      super.updated(changedProperties);
+      if (changedProperties.has("theme")) {
+        this.updateTheme();
+        if (this.theme === "auto" && !this.mediaQueryList) {
+          this.mediaQueryList = window.matchMedia(
+            "(prefers-color-scheme: dark)"
+          );
+          this.mediaQueryList.addEventListener(
+            "change",
+            this.handleMediaQueryChange
+          );
+        } else if (this.theme !== "auto" && this.mediaQueryList) {
+          this.mediaQueryList.removeEventListener(
+            "change",
+            this.handleMediaQueryChange
+          );
+          this.mediaQueryList = null;
+        }
+      }
+      if (changedProperties.has("isDark")) {
+        this.updateHostClass();
+      }
+    }
+    /**
+     * Update isDark state based on theme property
+     */
+    updateTheme() {
+      if (this.theme === "auto") {
+        this.isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      } else {
+        this.isDark = this.theme === "dark";
+      }
+    }
+    /**
+     * Create the render root with a themed wrapper div
+     */
+    createRenderRoot() {
+      const root = super.createRenderRoot();
+      this.themeRoot = document.createElement("div");
+      this.themeRoot.setAttribute("data-theme-root", "");
+      root.appendChild(this.themeRoot);
+      return this.themeRoot;
+    }
+    /**
+     * Update the host element's class based on isDark state
+     */
+    updateHostClass() {
+      if (this.isDark) {
+        this.themeRoot.classList.add("dark");
+      } else {
+        this.themeRoot.classList.remove("dark");
+      }
+    }
+  }
+  _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-CUDG6NPH.cjs.map

package/dist/chunk-CUDG6NPH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-CUDG6NPH.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-CUDG6NPH.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 * 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 */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withTheme<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    /**\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 class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return Mixin as any\n}\n"]}

package/dist/chunk-DWXFDFMM.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-DWXFDFMM.cjs.map

package/dist/chunk-DWXFDFMM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-DWXFDFMM.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/service-auth-simple/service-auth-simple/packages/core/dist/chunk-DWXFDFMM.cjs"}

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-GFLV5EJV.js

@@ -0,0 +1,159 @@
+// src/utils/browserInfo.ts
+var EXTENSION_STORE_LINKS = {
+  chrome: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
+  brave: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
+  edge: "https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn",
+  opera: "",
+  safari: "",
+  firefox: ""
+};
+var browserInfo = (deviceService) => {
+  const browserInfoDefaults = {
+    id: "chrome",
+    name: "",
+    icon: ""
+  };
+  const detectBrowser = () => {
+    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } = deviceService;
+    if (isBrave) {
+      return {
+        id: "brave",
+        name: "Brave",
+        icon: "logo-brave",
+        storeLink: EXTENSION_STORE_LINKS.brave
+      };
+    }
+    if (isEdge) {
+      return {
+        id: "edge",
+        name: "Edge",
+        icon: "logo-edge",
+        storeLink: EXTENSION_STORE_LINKS.edge
+      };
+    }
+    if (isOpera) {
+      return {
+        id: "opera",
+        name: "Opera",
+        icon: "logo-opera",
+        storeLink: EXTENSION_STORE_LINKS.opera
+      };
+    }
+    if (isChrome) {
+      return {
+        id: "chrome",
+        name: "Chrome",
+        icon: "logo-chrome",
+        storeLink: EXTENSION_STORE_LINKS.chrome
+      };
+    }
+    if (isFirefox) {
+      return {
+        id: "firefox",
+        name: "Firefox",
+        icon: "logo-firefox",
+        storeLink: EXTENSION_STORE_LINKS.firefox
+      };
+    }
+    if (isSafari) {
+      return {
+        id: "safari",
+        name: "Safari",
+        icon: "logo-safari",
+        storeLink: EXTENSION_STORE_LINKS.safari
+      };
+    }
+  };
+  const browserInfo2 = { ...browserInfoDefaults, ...detectBrowser() };
+  return browserInfo2;
+};
+
+// src/utils/slug.ts
+var slug = (value) => {
+  if (!value) {
+    return "";
+  }
+  return value.toLowerCase().replace(/\s+/g, "-");
+};
+
+// src/utils/url-resolver.ts
+var UrlConverter = class {
+  /**
+   * It will relatively append pathname or hostname to the destination URL
+   *
+   * For example:
+   * destination=https://some.api.gateway/something/ipfs
+   * url=ipfs://QmSomeHash
+   * output=https://some.api.gateway/something/ipfs/QmSomeHash
+   *
+   * destination=https://some.api.gateway/something/ipfs
+   * url=https://something.com/somewhere
+   * output=https://some.api.gateway/something/ipfs/somewhere
+   *
+   * @param destination destination string | URL
+   */
+  constructor(destination) {
+    this.destination = new URL(destination);
+    if (this.destination.pathname.at(-1) !== "/") {
+      this.destination.pathname += "/";
+    }
+  }
+  resolveUrl(url) {
+    const source = new URL(url);
+    const relativePath = source.pathname ? `./${source.hostname}${source.pathname}` : `./${source.hostname}`;
+    const out = new URL(relativePath, this.destination);
+    out.pathname = out.pathname.replaceAll(/\/\/+/g, "/");
+    return out.toString();
+  }
+};
+var UrlResolver = class {
+  constructor(converters) {
+    this.converters = [];
+    for (const item of converters) {
+      const [match, _converter] = item;
+      if (match == null) {
+        throw new TypeError("Match criteria not defined");
+      }
+      const converter = typeof _converter === "string" ? new UrlConverter(_converter) : _converter;
+      if (!(converter instanceof UrlConverter)) {
+        throw new TypeError("Invalid converter");
+      }
+      this.converters.push({ match, converter });
+    }
+  }
+  /**
+   * Resolves a URL to a gateway URL.
+   * Supports possible multiple converters transforming the URL
+   * in sequence until no converter matches.
+   *
+   * @param {string} url to resolve
+   * @returns {string} resolved url (if resolver is found, otherwise the parameter url is returned)
+   */
+  resolveUrl(url_) {
+    let url = url_;
+    const current = new Set(this.converters);
+    let found = true;
+    while (found) {
+      found = false;
+      for (const entry of current) {
+        const { match, converter } = entry;
+        if (match instanceof RegExp ? match.test(url) : url.startsWith(match)) {
+          url = converter.resolveUrl(url);
+          current.delete(entry);
+          found = true;
+          break;
+        }
+      }
+    }
+    return url;
+  }
+};
+
+export {
+  EXTENSION_STORE_LINKS,
+  browserInfo,
+  slug,
+  UrlConverter,
+  UrlResolver
+};
+//# sourceMappingURL=chunk-GFLV5EJV.js.map

package/dist/chunk-GFLV5EJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/browserInfo.ts","../src/utils/slug.ts","../src/utils/url-resolver.ts"],"sourcesContent":["import type { DeviceService } from '../services'\n\nexport type BrowserName =\n  | 'chrome'\n  | 'safari'\n  | 'firefox'\n  | 'edge'\n  | 'opera'\n  | 'brave'\n\nexport type BrowserInfo = {\n  id: BrowserName\n  name: string\n  icon: string\n  storeLink: string\n}\n\n// extension store links (all webkit based browsers use chrome web store installation)\nexport const EXTENSION_STORE_LINKS = {\n  chrome:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  brave:\n    'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  edge: 'https://chrome.google.com/webstore/detail/universal-profiles-testin/abpickdkkbnbcoepogfhkhennhfhehfn',\n  opera: '',\n  safari: '',\n  firefox: '',\n}\n\n/**\n * Expose browser info to the app\n */\nexport const browserInfo = (deviceService: DeviceService): BrowserInfo => {\n  const browserInfoDefaults = {\n    id: 'chrome',\n    name: '',\n    icon: '',\n  } as BrowserInfo\n\n  const detectBrowser = (): BrowserInfo | undefined => {\n    const { isChrome, isBrave, isFirefox, isSafari, isEdge, isOpera } =\n      deviceService\n\n    if (isBrave) {\n      return {\n        id: 'brave',\n        name: 'Brave',\n        icon: 'logo-brave',\n        storeLink: EXTENSION_STORE_LINKS.brave,\n      }\n    }\n\n    if (isEdge) {\n      return {\n        id: 'edge',\n        name: 'Edge',\n        icon: 'logo-edge',\n        storeLink: EXTENSION_STORE_LINKS.edge,\n      }\n    }\n\n    if (isOpera) {\n      return {\n        id: 'opera',\n        name: 'Opera',\n        icon: 'logo-opera',\n        storeLink: EXTENSION_STORE_LINKS.opera,\n      }\n    }\n\n    if (isChrome) {\n      return {\n        id: 'chrome',\n        name: 'Chrome',\n        icon: 'logo-chrome',\n        storeLink: EXTENSION_STORE_LINKS.chrome,\n      }\n    }\n\n    if (isFirefox) {\n      return {\n        id: 'firefox',\n        name: 'Firefox',\n        icon: 'logo-firefox',\n        storeLink: EXTENSION_STORE_LINKS.firefox,\n      }\n    }\n\n    if (isSafari) {\n      return {\n        id: 'safari',\n        name: 'Safari',\n        icon: 'logo-safari',\n        storeLink: EXTENSION_STORE_LINKS.safari,\n      }\n    }\n  }\n\n  const browserInfo = { ...browserInfoDefaults, ...detectBrowser() }\n\n  return browserInfo\n}\n","/**\n * Make slug from text\n *\n * @param value\n * @returns\n */\nexport const slug = (value?: string) => {\n  if (!value) {\n    return ''\n  }\n\n  return value.toLowerCase().replace(/\\s+/g, '-') // convert spaces to hyphens\n}\n","export class UrlConverter {\n  private destination: URL\n  /**\n   * It will relatively append pathname or hostname to the destination URL\n   *\n   * For example:\n   * destination=https://some.api.gateway/something/ipfs\n   * url=ipfs://QmSomeHash\n   * output=https://some.api.gateway/something/ipfs/QmSomeHash\n   *\n   * destination=https://some.api.gateway/something/ipfs\n   * url=https://something.com/somewhere\n   * output=https://some.api.gateway/something/ipfs/somewhere\n   *\n   * @param destination destination string | URL\n   */\n  constructor(destination: string | URL) {\n    this.destination = new URL(destination)\n    if (this.destination.pathname.at(-1) !== '/') {\n      this.destination.pathname += '/'\n    }\n  }\n\n  resolveUrl(url: string): string {\n    // Parse and convert to javascript URL objects\n    // this will manage / and relative paths for us.\n    const source = new URL(url)\n    // extract the relative path. For URLs with a pathname prepend \".\" to make it ./ (i.e. relative)\n    // for anything that only has a hostname we prepend ./ to make it relative\n    // the pathname is at least slash for https urls, but '' for ipfs for example\n    const relativePath = source.pathname\n      ? `./${source.hostname}${source.pathname}` // pathname always starts with at least a slash\n      : `./${source.hostname}`\n    // Construct relative URL on destination using the relative pathname.\n    const out = new URL(relativePath, this.destination)\n    out.pathname = out.pathname.replaceAll(/\\/\\/+/g, '/')\n    return out.toString()\n  }\n}\n\nexport class UrlResolver {\n  private converters: Array<{\n    match: string | RegExp\n    converter: UrlConverter\n  }> = []\n  constructor(converters: Array<[string | RegExp, UrlConverter | string]>) {\n    for (const item of converters) {\n      const [match, _converter] = item\n      if (match == null) {\n        throw new TypeError('Match criteria not defined')\n      }\n      const converter =\n        typeof _converter === 'string'\n          ? new UrlConverter(_converter)\n          : _converter\n      if (!(converter instanceof UrlConverter)) {\n        throw new TypeError('Invalid converter')\n      }\n      this.converters.push({ match, converter })\n    }\n  }\n\n  /**\n   * Resolves a URL to a gateway URL.\n   * Supports possible multiple converters transforming the URL\n   * in sequence until no converter matches.\n   *\n   * @param {string} url to resolve\n   * @returns {string} resolved url (if resolver is found, otherwise the parameter url is returned)\n   */\n  resolveUrl(url_: string): string {\n    let url = url_\n    const current = new Set<{\n      match: string | RegExp\n      converter: UrlConverter\n    }>(this.converters)\n    let found = true\n    while (found) {\n      found = false\n      for (const entry of current) {\n        const { match, converter } = entry\n        if (match instanceof RegExp ? match.test(url) : url.startsWith(match)) {\n          url = converter.resolveUrl(url)\n          // This converter matches, so don't use it again.\n          current.delete(entry)\n          found = true\n          break\n        }\n      }\n    }\n    return url\n  }\n}\n"],"mappings":"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","names":["browserInfo"]}

package/dist/chunk-JEE6C34P.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JEE6C34P.js.map

package/dist/chunk-JEE6C34P.js.map

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

package/dist/chunk-LQIOVPBE.js

@@ -0,0 +1,111 @@
+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);
+      this.theme = "light";
+      this.isDark = false;
+      this.mediaQueryList = null;
+      /**
+       * Handle system theme changes
+       *
+       * @param event - Media query list event
+       */
+      this.handleMediaQueryChange = (event) => {
+        this.isDark = event.matches;
+      };
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.updateTheme();
+      this.updateHostClass();
+      if (this.theme === "auto") {
+        this.mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+        this.mediaQueryList.addEventListener(
+          "change",
+          this.handleMediaQueryChange
+        );
+      }
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      if (this.mediaQueryList) {
+        this.mediaQueryList.removeEventListener(
+          "change",
+          this.handleMediaQueryChange
+        );
+      }
+    }
+    updated(changedProperties) {
+      super.updated(changedProperties);
+      if (changedProperties.has("theme")) {
+        this.updateTheme();
+        if (this.theme === "auto" && !this.mediaQueryList) {
+          this.mediaQueryList = window.matchMedia(
+            "(prefers-color-scheme: dark)"
+          );
+          this.mediaQueryList.addEventListener(
+            "change",
+            this.handleMediaQueryChange
+          );
+        } else if (this.theme !== "auto" && this.mediaQueryList) {
+          this.mediaQueryList.removeEventListener(
+            "change",
+            this.handleMediaQueryChange
+          );
+          this.mediaQueryList = null;
+        }
+      }
+      if (changedProperties.has("isDark")) {
+        this.updateHostClass();
+      }
+    }
+    /**
+     * Update isDark state based on theme property
+     */
+    updateTheme() {
+      if (this.theme === "auto") {
+        this.isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      } else {
+        this.isDark = this.theme === "dark";
+      }
+    }
+    /**
+     * Create the render root with a themed wrapper div
+     */
+    createRenderRoot() {
+      const root = super.createRenderRoot();
+      this.themeRoot = document.createElement("div");
+      this.themeRoot.setAttribute("data-theme-root", "");
+      root.appendChild(this.themeRoot);
+      return this.themeRoot;
+    }
+    /**
+     * Update the host element's class based on isDark state
+     */
+    updateHostClass() {
+      if (this.isDark) {
+        this.themeRoot.classList.add("dark");
+      } else {
+        this.themeRoot.classList.remove("dark");
+      }
+    }
+  }
+  __decorateClass([
+    property({ type: String, reflect: true })
+  ], Mixin.prototype, "theme", 2);
+  __decorateClass([
+    state()
+  ], Mixin.prototype, "isDark", 2);
+  return Mixin;
+}
+
+export {
+  withTheme
+};
+//# sourceMappingURL=chunk-LQIOVPBE.js.map

package/dist/chunk-LQIOVPBE.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 * 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 */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withTheme<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    /**\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 class based on isDark state\n     */\n    private updateHostClass(): void {\n      if (this.isDark) {\n        this.themeRoot.classList.add('dark')\n      } else {\n        this.themeRoot.classList.remove('dark')\n      }\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return Mixin as any\n}\n"],"mappings":";;;;;AAOA,SAAS,UAAU,aAAa;AAsCzB,SAAS,UAAuC,MAAc;AAAA,EAEnE,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,UAAU,IAAI,MAAM;AAAA,MACrC,OAAO;AACL,aAAK,UAAU,UAAU,OAAO,MAAM;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAnHE;AAAA,IADC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,KAJrC,MAKJ;AAMU;AAAA,IADT,MAAM;AAAA,KAVH,MAWM;AAgHZ,SAAO;AACT;","names":[]}