@seelen-ui/lib 2.3.6 → 2.4.1-next.20250825015552

package/esm/state/theme/mod.js

@@ -1,6 +1,9 @@
 import { SeelenCommand, SeelenEvent } from '../../handlers/mod.js';
 import { List } from '../../utils/List.js';
 import { newFromInvoke, newOnEvent } from '../../utils/State.js';
+import { Widget } from '../widget/mod.js';
+import { Settings } from '../settings/mod.js';
+import { UIColors } from '../../system_state/ui_colors.js';
 export class ThemeList extends List {
     static getAsync() {
         return newFromInvoke(this, SeelenCommand.StateGetThemes);
@@ -8,4 +11,97 @@ export class ThemeList extends List {
     static onChange(cb) {
         return newOnEvent(cb, this, SeelenEvent.StateThemesChanged);
     }
+    applyToDocument(activeIds, variables) {
+        const enabledThemes = [];
+        for (const theme of this.asArray()) {
+            if (activeIds.includes(theme.id)) {
+                enabledThemes.push(new Theme(theme));
+            }
+        }
+        // sort by user order
+        enabledThemes.sort((a, b) => activeIds.indexOf(a.id) - activeIds.indexOf(b.id));
+        removeAllThemeStyles();
+        for (const theme of enabledThemes) {
+            theme.applyToDocument(variables[theme.id]);
+        }
+    }
+}
+export class Theme {
+    constructor(plain) {
+        Object.assign(this, plain);
+    }
+    forEachVariableDefinition(cb) {
+        iterateVariableDefinitions(this.settings, cb);
+    }
+    /** Will add the styles targeting the current widget id */
+    applyToDocument(varValues = {}) {
+        const widgetId = Widget.getCurrentWidgetId();
+        let styles = ``;
+        this.forEachVariableDefinition((def) => {
+            if (!isValidCssVariableName(def.name)) {
+                return;
+            }
+            styles += `
+        @property ${def.name} {
+          syntax: "${def.syntax}";
+          inherits: true;
+          initial-value: ${def.initialValue}${'initialValueUnit' in def ? def.initialValueUnit : ''}
+        }
+      `;
+        });
+        const layerName = 'theme-' + this.metadata.path.toLowerCase().replaceAll(/[^a-zA-Z0-9]/g, '_');
+        styles += `@layer ${layerName}-shared {\n${this.sharedStyles}\n}\n`;
+        const variablesContent = Object.entries(varValues)
+            .filter(([name]) => isValidCssVariableName(name))
+            .map(([name, value]) => `${name}: ${value || ''};`)
+            .join('\n');
+        styles += `@layer ${layerName} {\n:root {${variablesContent}}\n${this.styles[widgetId] ?? ''}\n}\n`;
+        this.removeFromDocument(); // remove old styles
+        const styleElement = document.createElement('style');
+        styleElement.id = this.id;
+        styleElement.textContent = styles;
+        styleElement.setAttribute('data-resource-type', 'theme');
+        document.head.appendChild(styleElement);
+    }
+    removeFromDocument() {
+        document.getElementById(this.id)?.remove();
+    }
+}
+function isValidCssVariableName(name) {
+    return /^--[\w\d-]*$/.test(name);
+}
+function iterateVariableDefinitions(defs, cb) {
+    for (const def of defs) {
+        if ('group' in def) {
+            iterateVariableDefinitions(def.group.items, cb);
+        }
+        else {
+            cb(def);
+        }
+    }
+}
+export function removeAllThemeStyles() {
+    const elements = document.querySelectorAll(`style[data-resource-type="theme"]`);
+    for (const element of elements) {
+        element.remove();
+    }
+}
+/**
+ * This will apply the active themes for this widget, and automatically update
+ * when the themes or settings change. Also will add the systehm ui colors to the document.
+ */
+export async function startThemingTool() {
+    let settings = await Settings.getAsync();
+    let themes = await ThemeList.getAsync();
+    await ThemeList.onChange((newThemes) => {
+        themes = newThemes;
+        themes.applyToDocument(settings.activeThemes, settings.byTheme);
+    });
+    await Settings.onChange((newSettings) => {
+        settings = newSettings;
+        themes.applyToDocument(settings.activeThemes, settings.byTheme);
+    });
+    (await UIColors.getAsync()).setAsCssVariables();
+    await UIColors.onChange((colors) => colors.setAsCssVariables());
+    themes.applyToDocument(settings.activeThemes, settings.byTheme);
 }

package/esm/state/wallpaper/mod.d.ts

@@ -0,0 +1,15 @@
+import { List } from '../../utils/List.js';
+import type { Wallpaper as IWallpaper } from '../../types/mod.js';
+import { type UnSubscriber } from '../../handlers/mod.js';
+import { Wrapper } from '../../utils/Wrapper.js';
+import type { WallpaperInstanceSettings } from '../../types/WallpaperInstanceSettings.js';
+export declare const SUPPORTED_IMAGE_WALLPAPER_EXTENSIONS: string[];
+export declare const SUPPORTED_VIDEO_WALLPAPER_EXTENSIONS: string[];
+export declare class WallpaperList extends List<IWallpaper> {
+    static getAsync(): Promise<WallpaperList>;
+    static onChange(cb: (payload: WallpaperList) => void): Promise<UnSubscriber>;
+}
+export declare class WallpaperConfiguration extends Wrapper<WallpaperInstanceSettings> {
+    static default(): Promise<WallpaperConfiguration>;
+}
+//# sourceMappingURL=mod.d.ts.map

package/esm/state/wallpaper/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/state/wallpaper/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,eAAO,MAAM,oCAAoC,UAYhD,CAAC;AAEF,eAAO,MAAM,oCAAoC,UAAsD,CAAC;AAExG,qBAAa,aAAc,SAAQ,IAAI,CAAC,UAAU,CAAC;IACjD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,aAAa,CAAC;IAIzC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAG7E;AAED,qBAAa,sBAAuB,SAAQ,OAAO,CAAC,yBAAyB,CAAC;IAC5E,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,sBAAsB,CAAC;CAGlD"}

package/esm/state/wallpaper/mod.js

@@ -0,0 +1,31 @@
+import { List } from '../../utils/List.js';
+import { newFromInvoke, newOnEvent } from '../../utils/State.js';
+import { SeelenCommand, SeelenEvent } from '../../handlers/mod.js';
+import { Wrapper } from '../../utils/Wrapper.js';
+export const SUPPORTED_IMAGE_WALLPAPER_EXTENSIONS = [
+    'apng',
+    'avif',
+    'gif',
+    'jpg',
+    'jpeg',
+    'png',
+    'svg',
+    'webp',
+    'bmp',
+    'ico',
+    'tiff',
+];
+export const SUPPORTED_VIDEO_WALLPAPER_EXTENSIONS = ['mp4', 'webm', 'ogg', 'avi', 'mov', 'mkv', 'mpeg'];
+export class WallpaperList extends List {
+    static getAsync() {
+        return newFromInvoke(this, SeelenCommand.StateGetWallpapers);
+    }
+    static onChange(cb) {
+        return newOnEvent(cb, this, SeelenEvent.StateWallpapersChanged);
+    }
+}
+export class WallpaperConfiguration extends Wrapper {
+    static default() {
+        return newFromInvoke(this, SeelenCommand.StateGetDefaultWallpaperSettings);
+    }
+}

package/esm/state/weg_items.d.ts

@@ -1,17 +1,14 @@
-import type { WegItem, WegItems as IWegItems } from '../types/mod.js';
+import type { MonitorId, WegItem, WegItems as IWegItems } from '../types/mod.js';
 import { type UnSubscriber } from '../handlers/mod.js';
 import type { Enum } from '../utils/enums.js';
 export declare class WegItems {
     inner: IWegItems;
     constructor(inner: IWegItems);
-    /** Will return the stored/saved weg items */
-    static getStored(): Promise<WegItems>;
-    /** Event triggered when the file where the weg items are stored is changed */
-    static onStoredChange(cb: (user: WegItems) => void): Promise<UnSubscriber>;
-    /** Will return the weg items intance for the current widget */
-    static forCurrentWidget(): Promise<WegItems>;
-    /** Event triggered when the weg items for the current widget are changed */
-    static forCurrentWidgetChange(cb: (user: WegItems) => void): Promise<UnSubscriber>;
+    /** Will return the weg items state without filtering by monitor */
+    static getNonFiltered(): Promise<WegItems>;
+    /** Will return the weg items state for a specific monitor */
+    static getForMonitor(monitorId: MonitorId): Promise<WegItems>;
+    static onChange(cb: () => void): Promise<UnSubscriber>;
     /** Will store the weg items placeoments on disk */
     save(): Promise<void>;
 }

package/esm/state/weg_items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"weg_items.d.ts","sourceRoot":"","sources":["../../src/state/weg_items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAG9C,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,6CAA6C;IAC7C,MAAM,CAAC,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC;IAIrC,8EAA8E;IAC9E,MAAM,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAI1E,+DAA+D;IAC/D,MAAM,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC;IAI5C,4EAA4E;IAC5E,MAAM,CAAC,sBAAsB,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAMlF,mDAAmD;IACnD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAGtB;AAMD,QAAA,MAAM,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAMtC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"weg_items.d.ts","sourceRoot":"","sources":["../../src/state/weg_items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAiD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,mEAAmE;IACnE,MAAM,CAAC,cAAc,IAAI,OAAO,CAAC,QAAQ,CAAC;IAI1C,6DAA6D;IAC7D,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;IAI7D,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAItD,mDAAmD;IACnD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAGtB;AAMD,QAAA,MAAM,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAMtC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/esm/state/weg_items.js

@@ -1,28 +1,20 @@
-import { invoke, SeelenCommand, SeelenEvent } from '../handlers/mod.js';
-import { newFromInvoke, newOnEvent } from '../utils/State.js';
-import { getCurrentWindow } from '@tauri-apps/api/window';
+import { invoke, SeelenCommand, SeelenEvent, subscribe } from '../handlers/mod.js';
+import { newFromInvoke } from '../utils/State.js';
 export class WegItems {
     inner;
     constructor(inner) {
         this.inner = inner;
     }
-    /** Will return the stored/saved weg items */
-    static getStored() {
+    /** Will return the weg items state without filtering by monitor */
+    static getNonFiltered() {
         return newFromInvoke(this, SeelenCommand.StateGetWegItems);
     }
-    /** Event triggered when the file where the weg items are stored is changed */
-    static onStoredChange(cb) {
-        return newOnEvent(cb, this, SeelenEvent.StateWegItemsChanged);
+    /** Will return the weg items state for a specific monitor */
+    static getForMonitor(monitorId) {
+        return newFromInvoke(this, SeelenCommand.StateGetWegItems, { monitorId });
     }
-    /** Will return the weg items intance for the current widget */
-    static forCurrentWidget() {
-        return newFromInvoke(this, SeelenCommand.WegGetItemsForWidget);
-    }
-    /** Event triggered when the weg items for the current widget are changed */
-    static forCurrentWidgetChange(cb) {
-        return newOnEvent(cb, this, SeelenEvent.WegInstanceChanged, {
-            target: { kind: 'Webview', label: getCurrentWindow().label },
-        });
+    static onChange(cb) {
+        return subscribe(SeelenEvent.StateWegItemsChanged, () => cb());
     }
     /** Will store the weg items placeoments on disk */
     save() {

package/esm/state/widget/mod.d.ts

@@ -11,15 +11,16 @@ export declare const SeelenLauncherWidgetId: WidgetId;
 export declare const SeelenWallWidgetId: WidgetId;
 export declare class WidgetList extends List<IWidget> {
     static getAsync(): Promise<WidgetList>;
-    static onChange(cb: (user: WidgetList) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: WidgetList) => void): Promise<UnSubscriber>;
+    findById(id: WidgetId): IWidget | undefined;
 }
 interface WidgetInformation {
     /** decoded webview label */
     label: string;
     /** Will be present if the widget replicas is set to by monitor */
-    monitorId?: string;
+    monitorId: string | null;
     /** Will be present if the widget replicas is set to multiple */
-    instanceId?: string;
+    instanceId: string | null;
     /** params present on the webview label */
     params: {
         readonly [key in string]?: string;
@@ -38,8 +39,12 @@ export declare class Widget {
     /** current webview window */
     readonly webview: WebviewWindow;
     private constructor();
+    private static getDecodedWebviewLabel;
+    /** Will throw if the library is being used on a non Seelen UI environment */
     static getCurrentWidgetId(): WidgetId;
-    static getCurrentAsync(): Promise<Widget>;
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrent(): Widget;
+    private static getCurrentAsync;
     private static getEntryDefaultValues;
     /** Returns the default config of the widget, declared on the widget definition */
     getDefaultConfig(): ThirdPartyWidgetSettings;

package/esm/state/widget/mod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/state/widget/mod.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,IAAI,OAAO,EAAE,QAAQ,EAAiB,MAAM,oBAAoB,CAAC;AAC/G,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM5F,eAAO,MAAM,sBAAsB,EAAE,QAA6B,CAAC;AACnE,eAAO,MAAM,mBAAmB,EAAE,QAA0B,CAAC;AAC7D,eAAO,MAAM,iBAAiB,EAAE,QAAwB,CAAC;AACzD,eAAO,MAAM,qBAAqB,EAAE,QAAkC,CAAC;AACvE,eAAO,MAAM,2BAA2B,EAAE,QAAmC,CAAC;AAC9E,eAAO,MAAM,sBAAsB,EAAE,QAA6B,CAAC;AACnE,eAAO,MAAM,kBAAkB,EAAE,QAAsC,CAAC;AAExE,qBAAa,UAAW,SAAQ,IAAI,CAAC,OAAO,CAAC;IAC3C,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC;IAItC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAGvE;AAED,UAAU,iBAAiB;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,MAAM,EAAE;QAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM;KAAE,CAAC;CAC/C;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,gBAAgB;IAChB,SAAgB,EAAE,EAAE,QAAQ,CAAC;IAC7B,wBAAwB;IACxB,SAAgB,GAAG,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,6BAA6B;IAC7B,SAAgB,OAAO,EAAE,aAAa,CAAC;IAEvC,OAAO;IAqBP,MAAM,CAAC,kBAAkB,IAAI,QAAQ;WAUxB,eAAe,IAAI,OAAO,CAAC,MAAM,CAAC;IAU/C,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAUpC,kFAAkF;IAClF,gBAAgB,IAAI,wBAAwB;IAU5C,OAAO,CAAC,YAAY;IAiBpB,iDAAiD;IAC3C,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzC,kDAAkD;IAC5C,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzC;;;OAGG;IACG,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;CAkC9C"}
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/state/widget/mod.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,IAAI,OAAO,EAAE,QAAQ,EAAiB,MAAM,oBAAoB,CAAC;AAC/G,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM5F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,mBAAmB,EAAE,QAAsC,CAAC;AACzE,eAAO,MAAM,iBAAiB,EAAE,QAAoC,CAAC;AACrE,eAAO,MAAM,qBAAqB,EAAE,QAA8C,CAAC;AACnF,eAAO,MAAM,2BAA2B,EAAE,QAA+C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,kBAAkB,EAAE,QAAkD,CAAC;AAEpF,qBAAa,UAAW,SAAQ,IAAI,CAAC,OAAO,CAAC;IAC3C,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC;IAItC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIzE,QAAQ,CAAC,EAAE,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS;CAG5C;AAED,UAAU,iBAAiB;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gEAAgE;IAChE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,EAAE;QAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM;KAAE,CAAC;CAC/C;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,gBAAgB;IAChB,SAAgB,EAAE,EAAE,QAAQ,CAAC;IAC7B,wBAAwB;IACxB,SAAgB,GAAG,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,6BAA6B;IAC7B,SAAgB,OAAO,EAAE,aAAa,CAAC;IAEvC,OAAO;IAiBP,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAUrC,6EAA6E;IAC7E,MAAM,CAAC,kBAAkB,IAAI,QAAQ;IAIrC,6EAA6E;IAC7E,MAAM,CAAC,UAAU,IAAI,MAAM;mBAON,eAAe;IAUpC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAUpC,kFAAkF;IAClF,gBAAgB,IAAI,wBAAwB;IAU5C,OAAO,CAAC,YAAY;IAiBpB,iDAAiD;IAC3C,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzC,kDAAkD;IAC5C,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzC;;;OAGG;IACG,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;CAkC9C"}

package/esm/state/widget/mod.js

@@ -20,6 +20,9 @@ export class WidgetList extends List {
     static onChange(cb) {
         return newOnEvent(cb, this, SeelenEvent.StateWidgetsChanged);
     }
+    findById(id) {
+        return this.asArray().find((widget) => widget.id === id);
+    }
 }
 /**
  * Represents the widget instance running in the current webview
@@ -36,33 +39,41 @@ export class Widget {
     constructor(widget) {
         this.def = widget;
         this.webview = getCurrentWebviewWindow();
-        const encodedLabel = this.webview.label;
-        const decodedLabel = new TextDecoder().decode(decodeBase64Url(encodedLabel));
-        const [id, query] = decodedLabel.split('?');
+        const [id, query] = Widget.getDecodedWebviewLabel();
         const params = new URLSearchParams(query);
         const paramsObj = Object.freeze(Object.fromEntries(params));
         this.id = id;
         this.decoded = Object.freeze({
-            label: decodedLabel,
-            rawLabel: encodedLabel,
-            monitorId: paramsObj.monitorId,
-            instanceId: paramsObj.instanceId,
+            label: `${id}${query ? `?${query}` : ''}`,
+            monitorId: paramsObj.monitorId || null,
+            instanceId: paramsObj.instanceId || null,
             params: Object.freeze(Object.fromEntries(params)),
         });
     }
-    static getCurrentWidgetId() {
+    static getDecodedWebviewLabel() {
         const encondedLabel = getCurrentWebviewWindow().label;
         const decodedLabel = new TextDecoder().decode(decodeBase64Url(encondedLabel));
-        const [id] = decodedLabel.split('?');
+        const [id, query] = decodedLabel.split('?');
         if (!id) {
             throw new Error('Missing widget id on webview label');
         }
-        return id;
+        return [id, query];
+    }
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrentWidgetId() {
+        return this.getCurrent().id;
+    }
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrent() {
+        if (!CURRENT_WIDGET) {
+            throw new Error('The library is being used on a non Seelen UI environment');
+        }
+        return CURRENT_WIDGET;
     }
     static async getCurrentAsync() {
-        const currentWidgetId = this.getCurrentWidgetId();
+        const [currentWidgetId] = this.getDecodedWebviewLabel();
         const list = await WidgetList.getAsync();
-        const widget = list.asArray().find((widget) => widget.id === currentWidgetId);
+        const widget = list.findById(currentWidgetId);
         if (!widget) {
             throw new Error('Current Widget not found');
         }
@@ -153,3 +164,11 @@ export class Widget {
         }, 500));
     }
 }
+let CURRENT_WIDGET = null;
+// @ts-ignore the method is private
+Widget.getCurrentAsync().then((w) => {
+    CURRENT_WIDGET = w;
+}).catch(() => {
+    CURRENT_WIDGET = null;
+    console.warn('The library is being used on a non Seelen UI environment');
+});

package/esm/state/wm_layout.d.ts

@@ -1,7 +1,6 @@
-import type { NodeSubtype, NoFallbackBehavior, WmNode } from '../types/mod.js';
+import type { WmNodeKind, WmNodeLifetime } from '../types/mod.js';
 import type { Enum } from '../utils/enums.js';
-declare const NodeType: Enum<WmNode['type']>;
-declare const NodeSubtype: Enum<NodeSubtype>;
-declare const NoFallbackBehavior: Enum<NoFallbackBehavior>;
-export { NodeSubtype, NodeType, NoFallbackBehavior };
+declare const WmNodeKind: Enum<WmNodeKind>;
+declare const WmNodeLifetime: Enum<WmNodeLifetime>;
+export { WmNodeKind, WmNodeLifetime };
 //# sourceMappingURL=wm_layout.d.ts.map

package/esm/state/wm_layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wm_layout.d.ts","sourceRoot":"","sources":["../../src/state/wm_layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAM9C,QAAA,MAAM,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAMlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,IAAI,CAAC,WAAW,CAGlC,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAGhD,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"wm_layout.d.ts","sourceRoot":"","sources":["../../src/state/wm_layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAM9C,QAAA,MAAM,UAAU,EAAE,IAAI,CAAC,UAAU,CAKhC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,IAAI,CAAC,cAAc,CAGxC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/esm/state/wm_layout.js

@@ -1,19 +1,14 @@
 // =================================================================================
 //    From here some enums as helpers like @seelen-ui/types only contains types
 // =================================================================================
-const NodeType = {
+const WmNodeKind = {
     Vertical: 'Vertical',
     Horizontal: 'Horizontal',
     Leaf: 'Leaf',
     Stack: 'Stack',
-    Fallback: 'Fallback',
 };
-const NodeSubtype = {
+const WmNodeLifetime = {
     Temporal: 'Temporal',
     Permanent: 'Permanent',
 };
-const NoFallbackBehavior = {
-    Float: 'Float',
-    Unmanaged: 'Unmanaged',
-};
-export { NodeSubtype, NodeType, NoFallbackBehavior };
+export { WmNodeKind, WmNodeLifetime };

package/esm/system_state/bluetooth/mod.d.ts

@@ -5,8 +5,8 @@ import type { BluetoothDevice, BluetoothDevicePairShowPinRequest, BluetoothMajor
 import type { UnlistenFn } from '@tauri-apps/api/event';
 export declare class BluetoothDevices extends List<BluetoothDevice> {
     static getAsync(): Promise<BluetoothDevices>;
-    static onChange(cb: (user: BluetoothDevices) => void): Promise<UnSubscriber>;
-    static onDiscoveredDevicesChange(cb: (user: BluetoothDevices) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: BluetoothDevices) => void): Promise<UnSubscriber>;
+    static onDiscoveredDevicesChange(cb: (payload: BluetoothDevices) => void): Promise<UnSubscriber>;
     static discover(): Promise<void>;
     static stopDiscovery(): Promise<void>;
     static pairDevice(address: bigint): Promise<void>;

package/esm/system_state/bluetooth/mod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/system_state/bluetooth/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAClH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,qBAAa,gBAAiB,SAAQ,IAAI,CAAC,eAAe,CAAC;IACzD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAI5C,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAI5E,MAAM,CAAC,yBAAyB,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;WAIhF,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;WAGzB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;WAI9B,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAG1C,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAGvC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAI/D,aAAa,CACxB,EAAE,EAAE,CAAC,KAAK,EAAE,iCAAiC,GAAG,IAAI,KAAK,IAAI,GAC5D,OAAO,CAAC,UAAU,CAAC;IAWtB,MAAM,CAAC,OAAO,IAAI,gBAAgB;CAGnC;AAED,QAAA,MAAM,cAAc,EAAE,IAAI,CAAC,mBAAmB,CAY7C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../src/system_state/bluetooth/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAClH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,qBAAa,gBAAiB,SAAQ,IAAI,CAAC,eAAe,CAAC;IACzD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAI5C,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAI/E,MAAM,CAAC,yBAAyB,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;WAInF,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;WAGzB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;WAI9B,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAG1C,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAGvC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAI/D,aAAa,CACxB,EAAE,EAAE,CAAC,KAAK,EAAE,iCAAiC,GAAG,IAAI,KAAK,IAAI,GAC5D,OAAO,CAAC,UAAU,CAAC;IAWtB,MAAM,CAAC,OAAO,IAAI,gBAAgB;CAGnC;AAED,QAAA,MAAM,cAAc,EAAE,IAAI,CAAC,mBAAmB,CAY7C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/system_state/language.d.ts

@@ -15,6 +15,6 @@ export interface SystemLanguage {
 }
 export declare class LanguageList extends List<SystemLanguage> {
     static getAsync(): Promise<LanguageList>;
-    static onChange(cb: (user: LanguageList) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: LanguageList) => void): Promise<UnSubscriber>;
 }
 //# sourceMappingURL=language.d.ts.map

package/esm/system_state/language.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../src/system_state/language.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,cAAc,EAAE,CAAC;CAChC;AAED,qBAAa,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC;IACpD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC;IAIxC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAGzE"}
+{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../src/system_state/language.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,cAAc,EAAE,CAAC;CAChC;AAED,qBAAa,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC;IACpD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC;IAIxC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAG5E"}

package/esm/system_state/monitors.d.ts

@@ -3,6 +3,6 @@ import type { PhysicalMonitor } from '../types/mod.js';
 import { List } from '../utils/List.js';
 export declare class ConnectedMonitorList extends List<PhysicalMonitor> {
     static getAsync(): Promise<ConnectedMonitorList>;
-    static onChange(cb: (user: ConnectedMonitorList) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: ConnectedMonitorList) => void): Promise<UnSubscriber>;
 }
 //# sourceMappingURL=monitors.d.ts.map

package/esm/system_state/monitors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"monitors.d.ts","sourceRoot":"","sources":["../../src/system_state/monitors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,qBAAa,oBAAqB,SAAQ,IAAI,CAAC,eAAe,CAAC;IAC7D,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,oBAAoB,CAAC;IAIhD,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAGjF"}
+{"version":3,"file":"monitors.d.ts","sourceRoot":"","sources":["../../src/system_state/monitors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,qBAAa,oBAAqB,SAAQ,IAAI,CAAC,eAAe,CAAC;IAC7D,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,oBAAoB,CAAC;IAIhD,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAGpF"}

package/esm/system_state/ui_colors.d.ts

@@ -4,7 +4,7 @@ export declare class UIColors {
     inner: IUIColors;
     constructor(inner: IUIColors);
     static getAsync(): Promise<UIColors>;
-    static onChange(cb: (user: UIColors) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: UIColors) => void): Promise<UnSubscriber>;
     static default(): UIColors;
     setAsCssVariables(): void;
 }

package/esm/system_state/ui_colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui_colors.d.ts","sourceRoot":"","sources":["../../src/system_state/ui_colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9E,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAIpC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIpE,MAAM,CAAC,OAAO,IAAI,QAAQ;IAe1B,iBAAiB,IAAI,IAAI;CAgB1B;AAED,qBAAa,KAAK;IACG,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;IAEhC,qCAAqC;IACrC,MAAM,CAAC,MAAM,IAAI,KAAK;IAStB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,oBAAoB;IAkB5B,WAAW,IAAI,MAAM;IAUrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAapC;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM;CAY1C"}
+{"version":3,"file":"ui_colors.d.ts","sourceRoot":"","sources":["../../src/system_state/ui_colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE9E,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAIpC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIvE,MAAM,CAAC,OAAO,IAAI,QAAQ;IAe1B,iBAAiB,IAAI,IAAI;CAwB1B;AAED,qBAAa,KAAK;IACG,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;IAEhC,qCAAqC;IACrC,MAAM,CAAC,MAAM,IAAI,KAAK;IAStB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,oBAAoB;IAkB5B,WAAW,IAAI,MAAM;IAUrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAapC;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM;CAY1C"}

package/esm/system_state/ui_colors.js

@@ -26,6 +26,11 @@ export class UIColors {
         });
     }
     setAsCssVariables() {
+        const id = 'system-ui-color-variables';
+        document.getElementById(id)?.remove();
+        const element = document.createElement('style');
+        element.id = id;
+        element.textContent = ':root {\n';
         for (const [key, value] of Object.entries(this.inner)) {
             if (typeof value !== 'string') {
                 continue;
@@ -37,9 +42,10 @@ export class UIColors {
             const b = color & 255;
             // replace rust snake case with kebab case
             const name = key.replace('_', '-');
-            document.documentElement.style.setProperty(`--config-${name}-color`, value.slice(0, 7));
-            document.documentElement.style.setProperty(`--config-${name}-color-rgb`, `${r}, ${g}, ${b}`);
+            element.textContent += `--config-${name}-color: ${value.slice(0, 7)};\n`;
+            element.textContent += `--config-${name}-color-rgb: ${r}, ${g}, ${b};\n`;
         }
+        document.head.appendChild(element);
     }
 }
 export class Color {

package/esm/system_state/user.d.ts

@@ -7,7 +7,7 @@ export declare class UserDetails {
     user: User;
     constructor(user: User);
     static getAsync(): Promise<UserDetails>;
-    static onChange(cb: (user: UserDetails) => void): Promise<UnSubscriber>;
+    static onChange(cb: (payload: UserDetails) => void): Promise<UnSubscriber>;
 }
 export declare class UserDirectory extends List<File> {
     static readonly folderType: FolderType;

package/esm/system_state/user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/system_state/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtG,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE9D,QAAA,MAAM,UAAU,EAAE,IAAI,CAAC,UAAU,CAShC,CAAC;AAEF,qBAAa,WAAW;IACH,IAAI,EAAE,IAAI;gBAAV,IAAI,EAAE,IAAI;IAE7B,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;IAIvC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAGxE;AAED,qBAAa,aAAc,SAAQ,IAAI,CAAC,IAAI,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAsB;WAE/C,QAAQ,IAAI,OAAO,CAAC,aAAa,CAAC;IAM/C,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIvD,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAQ5E,MAAM,CAAC,OAAO,IAAI,aAAa;CAGhC;AAED,qBAAa,YAAa,SAAQ,aAAa;IAC7C,gBAAyB,UAAU,WAAqB;CACzD;AAED,qBAAa,aAAc,SAAQ,aAAa;IAC9C,gBAAyB,UAAU,YAAsB;CAC1D;AAED,qBAAa,eAAgB,SAAQ,aAAa;IAChD,gBAAyB,UAAU,cAAwB;CAC5D;AAED,qBAAa,eAAgB,SAAQ,aAAa;IAChD,gBAAyB,UAAU,cAAwB;CAC5D;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,gBAAyB,UAAU,aAAuB;CAC3D;AAED,qBAAa,YAAa,SAAQ,aAAa;IAC7C,gBAAyB,UAAU,WAAqB;CACzD;AAED,qBAAa,WAAY,SAAQ,aAAa;IAC5C,gBAAyB,UAAU,UAAoB;CACxD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/system_state/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtG,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE9D,QAAA,MAAM,UAAU,EAAE,IAAI,CAAC,UAAU,CAShC,CAAC;AAEF,qBAAa,WAAW;IACH,IAAI,EAAE,IAAI;gBAAV,IAAI,EAAE,IAAI;IAE7B,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;IAIvC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAG3E;AAED,qBAAa,aAAc,SAAQ,IAAI,CAAC,IAAI,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAsB;WAE/C,QAAQ,IAAI,OAAO,CAAC,aAAa,CAAC;IAM/C,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIvD,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAQ5E,MAAM,CAAC,OAAO,IAAI,aAAa;CAGhC;AAED,qBAAa,YAAa,SAAQ,aAAa;IAC7C,gBAAyB,UAAU,WAAqB;CACzD;AAED,qBAAa,aAAc,SAAQ,aAAa;IAC9C,gBAAyB,UAAU,YAAsB;CAC1D;AAED,qBAAa,eAAgB,SAAQ,aAAa;IAChD,gBAAyB,UAAU,cAAwB;CAC5D;AAED,qBAAa,eAAgB,SAAQ,aAAa;IAChD,gBAAyB,UAAU,cAAwB;CAC5D;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,gBAAyB,UAAU,aAAuB;CAC3D;AAED,qBAAa,YAAa,SAAQ,aAAa;IAC7C,gBAAyB,UAAU,WAAqB;CACzD;AAED,qBAAa,WAAY,SAAQ,aAAa;IAC5C,gBAAyB,UAAU,UAAoB;CACxD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/esm/types/CssVariableName.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Valid CSS variable name that starts with `--` and follows CSS naming conventions
+ */
+export type CssVariableName = string;
+//# sourceMappingURL=CssVariableName.d.ts.map

package/esm/types/CssVariableName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssVariableName.d.ts","sourceRoot":"","sources":["../../src/types/CssVariableName.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC"}

package/esm/types/CustomIconPackEntry.d.ts

@@ -0,0 +1,16 @@
+import type { Icon } from './Icon.js';
+/**
+ * Here specific/custom icons for widgets can be stored.
+ */
+export type CustomIconPackEntry = {
+    /**
+     * we recomend following the widget id + icon name to avoid collisions
+     * e.g. "@username/widgetid::iconname" but you can use whatever you want
+     */
+    key: string;
+    /**
+     * Value is the path to the icon relative to the icon pack folder.
+     */
+    icon: Icon;
+};
+//# sourceMappingURL=CustomIconPackEntry.d.ts.map

package/esm/types/CustomIconPackEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIconPackEntry.d.ts","sourceRoot":"","sources":["../../src/types/CustomIconPackEntry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC"}

package/esm/types/DesktopWorkspace.d.ts

@@ -2,5 +2,10 @@ import type { WorkspaceId } from './WorkspaceId.js';
 export type DesktopWorkspace = {
     id: WorkspaceId;
     name: string | null;
+    /**
+     * react-icon icon name
+     */
+    icon: string | null;
+    windows: Array<number>;
 };
 //# sourceMappingURL=DesktopWorkspace.d.ts.map

package/esm/types/DesktopWorkspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopWorkspace.d.ts","sourceRoot":"","sources":["../../src/types/DesktopWorkspace.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAAE,EAAE,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC"}
+{"version":3,"file":"DesktopWorkspace.d.ts","sourceRoot":"","sources":["../../src/types/DesktopWorkspace.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC"}

package/esm/types/FocusedApp.d.ts

@@ -1,10 +1,14 @@
+import type { MonitorId } from './MonitorId.js';
 export type FocusedApp = {
     hwnd: number;
+    monitor: MonitorId;
     title: string;
     name: string;
     exe: string | null;
     umid: string | null;
     isMaximized: boolean;
+    isFullscreened: boolean;
     isSeelenOverlay: boolean;
+    isBeingDragged: boolean;
 };
 //# sourceMappingURL=FocusedApp.d.ts.map

package/esm/types/FocusedApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusedApp.d.ts","sourceRoot":"","sources":["../../src/types/FocusedApp.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"FocusedApp.d.ts","sourceRoot":"","sources":["../../src/types/FocusedApp.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC"}

package/esm/types/FocusedApp.js

@@ -1,2 +1 @@
-// This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 export {};

package/esm/types/Icon.d.ts

@@ -1,19 +1,26 @@
-export type Icon = string | {
+/**
+ * The icon paths in this structure are relative to the icon pack folder.
+ */
+export type Icon = {
     /**
-     * Icon to use when system theme is light\
-     * Value is the path to the icon relative to the icon pack folder.
+     * Icon to use if no light or dark icon is specified, if both light and dark are specified this can be omitted
      */
-    light: string;
+    base: string | null;
     /**
-     * Icon to use when system theme is dark\
-     * Value is the path to the icon relative to the icon pack folder.
+     * Alternative icon to use when system theme is light
      */
-    dark: string;
+    light: string | null;
     /**
-     * Mask to be applied over the icon, themes can use this to apply custom colors over the icon.\
-     * Set it to `null` to disable masking. \
-     * Value is the path to the icon relative to the icon pack folder.
+     * Alternative icon to use when system theme is dark
+     */
+    dark: string | null;
+    /**
+     * Mask to be applied over the icon, themes can use this to apply custom colors over the icon.
      */
     mask: string | null;
+    /**
+     * Whether the icon is a square or not
+     */
+    isAproximatelySquare: boolean;
 };
 //# sourceMappingURL=Icon.d.ts.map