@customviews-js/customviews 1.4.1-beta.0 → 1.4.1-beta.2

package/dist/types/{lib/custom-views.d.ts → CustomViews.d.ts}

@@ -1,5 +1,6 @@
-import { CustomViewsCore } from "../core/core";
-import type { Config } from "../types/types";
+import { CustomViewsCore } from "./core/core.svelte";
+import type { Config } from "./types/types";
+import './registry';
 /**
  * Options for initializing CustomViews from JSON
  */
@@ -26,4 +27,4 @@ export declare class CustomViews {
      */
     static init(opts: initOptions): Promise<CustomViewsCore | null>;
 }
-//# sourceMappingURL=custom-views.d.ts.map
+//# sourceMappingURL=CustomViews.d.ts.map

package/dist/types/CustomViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomViews.d.ts","sourceRoot":"","sources":["../../src/CustomViews.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA2B,MAAM,oBAAoB,CAAC;AAE9E,OAAO,KAAK,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,YAAY,CAAC;AAEpB;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAA;AAED;;GAEG;AACH,qBAAa,WAAW;IACtB;;;;OAIG;WACU,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;CAuCtE"}

package/dist/types/browser.d.ts

@@ -0,0 +1,21 @@
+import { CustomViews } from "./CustomViews";
+export { CustomViewsCore } from "./core/core.svelte";
+export type { CustomViewsOptions } from "./core/core.svelte";
+export { CustomViewsWidget } from "./core/widget";
+export type { WidgetOptions } from "./core/widget";
+export { PersistenceManager } from "./core/state/persistence";
+export { URLStateManager } from "./core/state/url-state-manager";
+export { AssetsManager } from "./core/managers/assets-manager";
+export type { Config, ConfigFile } from "./types/types";
+export { CustomViews };
+/**
+ * Main initialization function.
+ * This is aliased as `CustomViews.init` in the global namespace because it's a named export.
+ */
+export declare const init: typeof CustomViews.init;
+/**
+ * Initialize CustomViews from script tag attributes and config file
+ * This runs automatically when the script is loaded.
+ */
+export declare function initializeFromScript(): void;
+//# sourceMappingURL=browser.d.ts.map

package/dist/types/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;;GAGG;AACH,eAAO,MAAM,IAAI,yBAAmB,CAAC;AAErC;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAkE3C"}

package/dist/types/core/{config.d.ts → constants.d.ts}

@@ -1,3 +1,3 @@
 export declare const DEFAULT_EXCLUDED_TAGS: string[];
 export declare const DEFAULT_EXCLUDED_IDS: string[];
-//# sourceMappingURL=config.d.ts.map
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/core/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,UAAiD,CAAC;AACpF,eAAO,MAAM,oBAAoB,UAAyE,CAAC"}

package/dist/types/core/core.svelte.d.ts

@@ -0,0 +1,40 @@
+import type { Config } from "../types/types";
+import type { AssetsManager } from "./managers/assets-manager";
+import { DataStore } from "./stores/main-store.svelte";
+export interface CustomViewsOptions {
+    assetsManager: AssetsManager;
+    config: Config;
+    rootEl?: HTMLElement | undefined;
+    showUrl?: boolean;
+}
+/**
+ * The Reactive Binder for CustomViews, coordinates interaction between DataStore and other components.
+ * Uses Svelte 5 Effects ($effect) to automatically apply state changes from the store to URL and persistence.
+ * Components (Toggle, TabGroup) are self-contained and self-managing via the global store.
+ */
+export declare class CustomViewsCore {
+    /**
+     * The single source of truth for application state.
+     */
+    store: DataStore;
+    private rootEl;
+    private persistenceManager;
+    private focusService;
+    private showUrlEnabled;
+    private destroyEffectRoot?;
+    constructor(opt: CustomViewsOptions);
+    private resolveInitialState;
+    getConfig(): Config;
+    getTabGroups(): import("../types/config").TabGroupConfig[] | undefined;
+    /**
+     * Initializes the CustomViews core.
+     *
+     * Components (Toggle, TabGroup) self-register during their mount lifecycle.
+     * Core only manages global reactivity for URL state and persistence.
+     */
+    init(): Promise<void>;
+    hasActiveComponents(): boolean;
+    resetToDefault(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=core.svelte.d.ts.map

package/dist/types/core/core.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/core.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAAE,SAAS,EAAa,MAAM,4BAA4B,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,qBAAa,eAAe;IAC1B;;OAEG;IACI,KAAK,EAAE,SAAS,CAAC;IAExB,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,YAAY,CAAe;IAEnC,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,iBAAiB,CAAC,CAAa;gBAE3B,GAAG,EAAE,kBAAkB;IAoBnC,OAAO,CAAC,mBAAmB;IAoBpB,SAAS,IAAI,MAAM;IAInB,YAAY;IAInB;;;;;OAKG;IACU,IAAI;IAuCV,mBAAmB,IAAI,OAAO;IAI9B,cAAc;IAOd,OAAO;CAIf"}

package/dist/types/core/{assets-manager.d.ts → managers/assets-manager.d.ts}

@@ -1,4 +1,4 @@
-import type { CustomViewAsset } from "../types/types";
+import type { CustomViewAsset } from "../../types/types";
 export declare class AssetsManager {
     assets: Record<string, CustomViewAsset>;
     private baseURL;

package/dist/types/core/managers/assets-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets-manager.d.ts","sourceRoot":"","sources":["../../../../src/core/managers/assets-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,qBAAa,aAAa;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,OAAO,CAAC,OAAO,CAAS;gBAEZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,GAAE,MAAW;IASzE,QAAQ,IAAI,OAAO;IAInB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAgBjD,OAAO,CAAC,cAAc;IAatB,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAIlD,oBAAoB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;CAIvE"}

package/dist/types/core/render.d.ts

@@ -1,3 +1,3 @@
-import type { AssetsManager } from "./assets-manager";
+import type { AssetsManager } from "./managers/assets-manager";
 export declare function renderAssetInto(el: HTMLElement, assetId: string, assetsManager: AssetsManager): void;
 //# sourceMappingURL=render.d.ts.map

package/dist/types/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoEtD,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,QAqB7B"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAoE/D,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,QAqB7B"}

package/dist/types/core/services/focus-service.d.ts

@@ -0,0 +1,33 @@
+import { type ShareExclusions } from '../../types/config';
+export interface FocusServiceOptions {
+    shareExclusions?: ShareExclusions;
+}
+export declare class FocusService {
+    private rootEl;
+    private hiddenElements;
+    private dividers;
+    private excludedTags;
+    private excludedIds;
+    private unsubscribe;
+    constructor(rootEl: HTMLElement, options: FocusServiceOptions);
+    init(): void;
+    /**
+     * Checks URL for focus param and applies focus mode if found.
+     * If no focus param is found, exits focus mode if active.
+     */
+    handleUrlChange(): void;
+    /**
+     * Applies focus mode to the specified descriptors.
+     * @param encodedDescriptors - The encoded descriptors to apply.
+     */
+    applyFocusMode(encodedDescriptors: string): void;
+    private injectGlobalStyles;
+    private renderFocusedView;
+    private hideElement;
+    private insertDividersForContainer;
+    private createDivider;
+    private expandContext;
+    exitFocusMode(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=focus-service.d.ts.map

package/dist/types/core/services/focus-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-service.d.ts","sourceRoot":"","sources":["../../../../src/core/services/focus-service.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC;AAED,qBAAa,YAAY;IAOT,OAAO,CAAC,MAAM;IAN1B,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,WAAW,CAAa;gBAEZ,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,mBAAmB;IAiB9D,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,eAAe,IAAI,IAAI;IAa9B;;;OAGG;IACI,cAAc,CAAC,kBAAkB,EAAE,MAAM,GAAG,IAAI;IAuCvD,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,iBAAiB;IA4CzB,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,0BAA0B;IAuBlC,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,aAAa;IA0Bd,aAAa,IAAI,IAAI;IA2BrB,OAAO;CAIjB"}

package/dist/types/core/{persistence.d.ts → state/persistence.d.ts}

@@ -1,4 +1,4 @@
-import type { State } from "../types/types";
+import type { State } from "../../types/types";
 /**
  * Manages persistence of custom views state using browser localStorage
  */

package/dist/types/core/state/persistence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistence.d.ts","sourceRoot":"","sources":["../../../../src/core/state/persistence.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,qBAAa,kBAAkB;IAE7B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAGzB;IAEX;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAKnB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAWhC,iBAAiB,IAAI,KAAK,GAAG,IAAI;IAYxC;;OAEG;IACI,QAAQ,IAAI,IAAI;IAOvB;;OAEG;IACI,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAUtD;;OAEG;IACI,4BAA4B,IAAI,OAAO,GAAG,IAAI;IAWrD;;OAEG;IACI,gBAAgB,IAAI,OAAO;CAOnC"}

package/dist/types/core/{url-state-manager.d.ts → state/url-state-manager.d.ts}

@@ -2,7 +2,7 @@
  * URL State Manager for CustomViews
  * Handles encoding/decoding of states in URL parameters
  */
-import type { State } from "../types/types";
+import type { State } from "../../types/types";
 export declare class URLStateManager {
     /**
      * Parse current URL parameters into state object

package/dist/types/core/state/url-state-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-state-manager.d.ts","sourceRoot":"","sources":["../../../../src/core/state/url-state-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,qBAAa,eAAe;IAC1B;;OAEG;WACW,QAAQ,IAAI,KAAK,GAAG,IAAI;IAiBtC;;OAEG;WACW,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAqB9D;;OAEG;WACW,QAAQ,IAAI,IAAI;IAI9B;;OAEG;WACW,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;IAiB3E;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA6C1B;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;CAyD3B"}

package/dist/types/core/stores/focus-store.d.ts

@@ -0,0 +1,10 @@
+interface FocusState {
+    isActive: boolean;
+}
+export declare const focusStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<FocusState>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    setIsActive: (isActive: boolean) => void;
+    exit: () => void;
+};
+export {};
+//# sourceMappingURL=focus-store.d.ts.map

package/dist/types/core/stores/focus-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-store.d.ts","sourceRoot":"","sources":["../../../../src/core/stores/focus-store.ts"],"names":[],"mappings":"AAEA,UAAU,UAAU;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAqBD,eAAO,MAAM,UAAU;;4BATK,OAAO;;CASS,CAAC"}

package/dist/types/core/stores/main-store.svelte.d.ts

@@ -0,0 +1,93 @@
+import type { Config, State } from "../../types/types";
+import type { AssetsManager } from "../managers/assets-manager";
+/**
+ * Reactive Data Store for CustomViews application state.
+ *
+ * Uses Svelte 5 Runes ($state, $derived) to provide fine-grained reactivity.
+ * - Holds static Configuration (layout rules), dynamic User State (active tabs, toggles).
+ * - Maintains a registry of active components on the page and computes derived state.
+ */
+export declare class DataStore {
+    /**
+     * Static configuration loaded at startup.
+     * Contains definitions for toggles, tab groups, and defaults.
+     */
+    config: Config;
+    /**
+     * Mutable application state representing user choices.
+     * Use actions like `setPinnedTab` or `setToggles` to modify this.
+     */
+    state: State;
+    /**
+     * Registry of toggle IDs that are currently present in the DOM.
+     * Used to filter the `visibleToggles` list.
+     */
+    activeToggles: Set<string>;
+    /**
+     * Registry of tab group IDs that are currently present in the DOM.
+     * Used to filter the `visibleTabGroups` list.
+     */
+    activeTabGroups: Set<string>;
+    /**
+     * Controls the visibility of the tab navigation headers globally.
+     */
+    isTabGroupNavHeadingVisible: boolean;
+    /**
+     * Assets manager for rendering dynamic content into toggle elements.
+     */
+    assetsManager: AssetsManager | undefined;
+    visibleToggles: import("../../types/config").ToggleConfig[];
+    visibleTabGroups: import("../../types/config").TabGroupConfig[];
+    hasActiveComponents: boolean;
+    constructor(initialConfig?: Config);
+    /**
+     * Set the pinned tab for a specific tab group.
+     * This syncs across all tab groups with the same ID.
+     * @param groupId The ID of the tab group.
+     * @param tabId The ID of the tab to pin.
+     */
+    setPinnedTab(groupId: string, tabId: string): void;
+    /**
+     * Update the visibility of toggles.
+     * @param shown List of IDs for toggles in "Show" state.
+     * @param peek List of IDs for toggles in "Peek" state.
+     */
+    setToggles(shown: string[], peek: string[]): void;
+    /**
+     * Updates the full state (e.g. from URL or Persistence).
+     * Merges the new state with computed defaults to ensure completeness.
+     * @param newState Partial state object to apply.
+     */
+    applyState(newState: State): void;
+    /**
+     * Resets the application state to the computed defaults (defined in config).
+     */
+    reset(): void;
+    /**
+     * Registers a toggle as active on the current page.
+     * @param id The ID of the toggle found in the DOM.
+     */
+    registerToggle(id: string): void;
+    /**
+     * Registers a tab group as active on the current page.
+     * @param id The ID of the tab group found in the DOM.
+     */
+    registerTabGroup(id: string): void;
+    /**
+     * Clears the component registry.
+     * Should be called when scanning a fresh part of the DOM or resetting.
+     */
+    clearRegistry(): void;
+    /**
+     * Sets the assets manager for dynamic content rendering.
+     */
+    setAssetsManager(manager: AssetsManager): void;
+    computeDefaultState(): State;
+}
+export declare const store: DataStore;
+/**
+ * Initialize the store with actual configuration.
+ * This populates the hollow singleton with real data.
+ */
+export declare function initStore(config: Config): DataStore;
+//# sourceMappingURL=main-store.svelte.d.ts.map

package/dist/types/core/stores/main-store.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-store.svelte.d.ts","sourceRoot":"","sources":["../../../../src/core/stores/main-store.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;;;;;GAMG;AACH,qBAAa,SAAS;IAClB;;;OAGG;IACH,MAAM,SAAsB;IAE5B;;;OAGG;IACH,KAAK,QAIF;IAEH;;;OAGG;IACH,aAAa,cAAkC;IAE/C;;;OAGG;IACH,eAAe,cAAkC;IAEjD;;OAEG;IACH,2BAA2B,UAAgB;IAE3C;;OAEG;IACH,aAAa,4BAAgD;IAG7D,cAAc,8CAKX;IAEH,gBAAgB,gDAKb;IAEH,mBAAmB,UAEjB;gBAEU,aAAa,GAAE,MAAW;IAOtC;;;;;OAKG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAK3C;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;IAK1C;;;;OAIG;IACH,UAAU,CAAC,QAAQ,EAAE,KAAK;IAU1B;;OAEG;IACH,KAAK;IAML;;;OAGG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM;IAIzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAI3B;;;OAGG;IACH,aAAa;IAKb;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,aAAa;IAKhC,mBAAmB,IAAI,KAAK;CA0CtC;AAID,eAAO,MAAM,KAAK,WAAoB,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAanD"}

package/dist/types/core/stores/share-store.d.ts

@@ -0,0 +1,21 @@
+export declare const SELECTED_CLASS = "cv-share-selected";
+export declare const HIGHLIGHT_TARGET_CLASS = "cv-highlight-target";
+export declare const CV_CUSTOM_ELEMENTS = "cv-tabgroup, cv-toggle";
+export declare const SHAREABLE_SELECTOR: string;
+interface ShareState {
+    isActive: boolean;
+    selectedElements: Set<HTMLElement>;
+    currentHoverTarget: HTMLElement | null;
+}
+export declare const shareStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ShareState>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    toggleActive: (active?: boolean) => void;
+    setHoverTarget: (target: HTMLElement | null) => void;
+    toggleSelection: (el: HTMLElement) => void;
+    clearSelection: () => void;
+    generateLink: () => void;
+    previewLink: () => void;
+};
+export declare const shareCount: import("svelte/store").Readable<number>;
+export {};
+//# sourceMappingURL=share-store.d.ts.map

package/dist/types/core/stores/share-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-store.d.ts","sourceRoot":"","sources":["../../../../src/core/stores/share-store.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,sBAAsB,CAAC;AAClD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAC3D,eAAO,MAAM,kBAAkB,QAA6F,CAAC;AAG7H,UAAU,UAAU;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACnC,kBAAkB,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;AAoID,eAAO,MAAM,UAAU;;4BApHK,OAAO;6BAaN,WAAW,GAAG,IAAI;0BAcrB,WAAW;;;;CAyFO,CAAC;AAG7C,eAAO,MAAM,UAAU,yCAA8D,CAAC"}

package/dist/types/core/stores/toast-store.d.ts

@@ -0,0 +1,13 @@
+export declare const TOAST_CLASS = "cv-toast-notification";
+export interface ToastConfig {
+    message: string;
+    duration?: number;
+    id?: number;
+}
+export declare const toast: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ToastConfig[]>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    show: (message: string, duration?: number) => void;
+    dismiss: (id: number) => void;
+};
+export declare function showToast(message: string, duration?: number): void;
+//# sourceMappingURL=toast-store.d.ts.map

package/dist/types/core/stores/toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../../src/core/stores/toast-store.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,0BAA0B,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA+BD,eAAO,MAAM,KAAK;;oBAxBO,MAAM;kBAaR,MAAM;CAWU,CAAC;AAExC,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,QAE3D"}

package/dist/types/core/utils/dom-element-locator.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Descriptor for an anchor that represents a DOM element.
+ */
+export interface AnchorDescriptor {
+    tag: string;
+    index: number;
+    parentId?: string;
+    textSnippet: string;
+    textHash: number;
+}
+/**
+ * Creates an AnchorDescriptor for a given DOM element.
+ */
+export declare function createDescriptor(el: HTMLElement): AnchorDescriptor;
+/**
+ * Serializes a list of AnchorDescriptors into a URL-safe string.
+ */
+export declare function serialize(descriptors: AnchorDescriptor[]): string;
+/**
+ * Deserializes a URL-safe string back into a list of AnchorDescriptors.
+ */
+export declare function deserialize(encoded: string): AnchorDescriptor[];
+/**
+ * Finds the best DOM element match for a descriptor.
+ */
+export declare function resolve(root: HTMLElement, descriptor: AnchorDescriptor): HTMLElement | null;
+//# sourceMappingURL=dom-element-locator.d.ts.map

package/dist/types/core/utils/dom-element-locator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-element-locator.d.ts","sourceRoot":"","sources":["../../../../src/core/utils/dom-element-locator.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAuBD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAiClE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,WAAW,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAWjE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAgB/D;AAQD;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAqE3F"}

package/dist/types/core/widget.d.ts

@@ -1,4 +1,4 @@
-import type { CustomViewsCore } from "./core";
+import type { CustomViewsCore } from "./core.svelte";
 export interface WidgetOptions {
     /** The CustomViews core instance to control */
     core: CustomViewsCore;
@@ -6,7 +6,7 @@ export interface WidgetOptions {
     container?: HTMLElement;
     /** Widget position: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'middle-left', 'middle-right' */
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'middle-left' | 'middle-right';
-    /** Widget theme: 'light' or 'dark' */
+    /** Widget theme: 'light' | 'dark' */
     theme?: 'light' | 'dark';
     /** Whether to show reset button */
     showReset?: boolean;
@@ -14,92 +14,24 @@ export interface WidgetOptions {
     title?: string;
     /** Widget description text */
     description?: string;
-    /** Whether to show welcome modal on first visit */
+    /** Whether to show welcome callout on first visit */
     showWelcome?: boolean;
-    /** Welcome modal title (only used if showWelcome is true) */
-    welcomeTitle?: string;
-    /** Welcome modal message (only used if showWelcome is true) */
+    /** Welcome callout message (only used if showWelcome is true) */
     welcomeMessage?: string;
     /** Whether to show tab groups section in widget (default: true) */
     showTabGroups?: boolean;
 }
 export declare class CustomViewsWidget {
-    private core;
-    private container;
-    private widgetIcon;
+    private app;
     private options;
-    private _hasVisibleConfig;
-    private pageToggleIds;
-    private pageTabIds;
-    private currentTab;
-    private stateModal;
     constructor(options: WidgetOptions);
     /**
-     * Render the widget modal icon
-     *
-     * Does not render if there are no visible toggles or tab groups.
+     * Render the widget
      */
-    renderModalIcon(): HTMLElement | undefined;
-    /**
-     * Create the simple widget icon
-     */
-    private createWidgetIcon;
+    renderModalIcon(): void;
     /**
      * Remove the widget from DOM
      */
     destroy(): void;
-    private attachEventListeners;
-    /**
-     * Close the modal
-     */
-    private closeModal;
-    /**
-     * Open the custom state creator
-     */
-    private openStateModal;
-    /**
-     * Create the custom state creator modal shell and attach listeners
-     */
-    private _createStateModal;
-    /**
-     * Update the content of the state modal
-     */
-    private _updateStateModalContent;
-    /**
-     * Attach event listeners for the modal frame (delegated events)
-     */
-    private _attachStateModalFrameEventListeners;
-    /**
-     * Attach event listeners for custom state creator's dynamic content
-     */
-    private _attachStateModalContentEventListeners;
-    /**
-     * Apply theme class to the modal overlay based on options
-     */
-    private applyThemeToModal;
-    /**
-     * Get current state from form values
-     */
-    private getCurrentCustomStateFromModal;
-    /**
-     * Copy shareable URL to clipboard
-     */
-    private copyShareableURL;
-    /**
-     * Load current state into form based on currently active toggles
-     */
-    private loadCurrentStateIntoForm;
-    /**
-     * Check if this is the first visit and show welcome modal
-     */
-    private showWelcomeModalIfFirstVisit;
-    /**
-     * Create and show the welcome modal
-     */
-    private createWelcomeModal;
-    /**
-     * Attach event listeners for welcome modal
-     */
-    private attachWelcomeModalEventListeners;
 }
 //# sourceMappingURL=widget.d.ts.map

package/dist/types/core/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/core/widget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAO9C,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,IAAI,EAAE,eAAe,CAAC;IAEtB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,cAAc,CAAC;IAEtG,sCAAsC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,UAAU,CAAsC;IAGxD,OAAO,CAAC,UAAU,CAA4B;gBAGlC,OAAO,EAAE,aAAa;IAmDlC;;;;OAIG;IACI,eAAe,IAAI,WAAW,GAAG,SAAS;IAmBjD;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACI,OAAO,IAAI,IAAI;IAatB,OAAO,CAAC,oBAAoB;IAO5B;;OAEG;IACH,OAAO,CAAC,UAAU;IAMlB;;OAEG;IACH,OAAO,CAAC,cAAc;IAQtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA2KhC;;OAEG;IACH,OAAO,CAAC,oCAAoC;IAwD5C;;OAEG;IACH,OAAO,CAAC,sCAAsC;IAgH9C;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;IACH,OAAO,CAAC,8BAA8B;IAyCtC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA+DhC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmBpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuC1B;;OAEG;IACH,OAAO,CAAC,gCAAgC;CA6BzC"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/core/widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,IAAI,EAAE,eAAe,CAAC;IAEtB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,cAAc,CAAC;IAEtG,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,GAAG,CAAyC;IACpD,OAAO,CAAC,OAAO,CAA0B;gBAE7B,OAAO,EAAE,aAAa;IAgBlC;;OAEG;IACI,eAAe,IAAI,IAAI;IAe9B;;OAEG;IACI,OAAO,IAAI,IAAI;CAMvB"}

package/dist/types/index.d.ts

@@ -1,12 +1,12 @@
-export { CustomViewsCore } from "./core/core";
-export type { CustomViewsOptions } from "./core/core";
+export { CustomViewsCore } from "./core/core.svelte";
+export type { CustomViewsOptions } from "./core/core.svelte";
 export { CustomViewsWidget } from "./core/widget";
 export type { WidgetOptions } from "./core/widget";
-export { CustomViews } from "./lib/custom-views";
-export type { initOptions } from "./lib/custom-views";
-export { PersistenceManager } from "./core/persistence";
-export { URLStateManager } from "./core/url-state-manager";
-export { AssetsManager } from "./core/assets-manager";
+export { CustomViews } from "./CustomViews";
+export type { initOptions } from "./CustomViews";
+export { PersistenceManager } from "./core/state/persistence";
+export { URLStateManager } from "./core/state/url-state-manager";
+export { AssetsManager } from "./core/managers/assets-manager";
 export type { Config } from "./types/types";
 export type { ConfigFile } from "./types/types";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/registry.d.ts

@@ -0,0 +1,6 @@
+import './components/elements/Toggle.svelte';
+import './components/elements/Tab.svelte';
+import './components/elements/TabGroup.svelte';
+import './components/elements/TabHeader.svelte';
+import './components/elements/TabBody.svelte';
+//# sourceMappingURL=registry.d.ts.map

package/dist/types/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,sCAAsC,CAAC"}

package/dist/types/types/assets.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Represents an individual asset that can be rendered in a custom view.
+ */
+export interface CustomViewAsset {
+    /** Optional type. If not provided, auto-detected from src/content. */
+    type?: 'image' | 'text' | 'html' | string;
+    /** Image source URL */
+    src?: string;
+    /** Alt text for images */
+    alt?: string;
+    /** Text or HTML content */
+    content?: string;
+    /** CSS class name(s) to apply */
+    className?: string;
+    /** Inline CSS styles to apply */
+    style?: string;
+    [key: string]: any;
+}
+//# sourceMappingURL=assets.d.ts.map

package/dist/types/types/assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../src/types/assets.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}