@omerdlw/base-framework 1.0.1 → 1.0.2

package/dist/modules/controls/constants.d.ts

@@ -3,5 +3,5 @@ export declare const CONTROLS_EDGE_INSET = 4;
 export declare const CONTROLS_DOCK_GAP = 8;
 export declare const CONTROLS_DOCK_ELEMENT_ID = "dock-card-stack";
 export declare const CONTROL_SIDE_NAMES: readonly ["left", "right"];
-export declare const controlsTheme: import("../theme").ThemeSpec<ControlsThemeSlot>;
+export declare const controlsTheme: import("@/theme").ThemeSpec<ControlsThemeSlot>;
 //# sourceMappingURL=constants.d.ts.map

package/dist/modules/controls/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/modules/controls/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAC1D,eAAO,MAAM,kBAAkB,4BAA4C,CAAC;AAE5E,eAAO,MAAM,aAAa,iDAAiD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/modules/controls/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAC1D,eAAO,MAAM,kBAAkB,4BAA4C,CAAC;AAE5E,eAAO,MAAM,aAAa,gDAAiD,CAAC"}

package/dist/modules/controls/hooks.d.ts

@@ -10,6 +10,6 @@ export declare function useControlsModel(): {
     layout: ControlsLayout | null;
     left: import("./types").ControlsPairItem[];
     right: import("./types").ControlsPairItem[];
-    theme: import("../theme").ResolvedTheme<import("./types").ControlsThemeSlot>;
+    theme: import("@/theme").ResolvedTheme<import("./types").ControlsThemeSlot>;
 };
 //# sourceMappingURL=hooks.d.ts.map

package/dist/modules/controls/index.js

@@ -2,38 +2,8 @@
 import { createContext, useState, useEffect, useMemo, isValidElement, createElement, useSyncExternalStore, Fragment as Fragment$1, use, useId, useCallback, useContext, useRef, useLayoutEffect, cloneElement, Children } from 'react';
 import { createPortal } from 'react-dom';
 import { usePathname } from 'next/navigation';
-import 'clsx';
-import 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-function getOrCreateGlobalContext(name, defaultValue) {
-  const sym = /* @__PURE__ */ Symbol.for(`@omerdlw/base-framework/context/${name}`);
-  const store = globalThis;
-  if (!store[sym]) {
-    store[sym] = createContext(defaultValue);
-  }
-  return store[sym];
-}
-
-// src/theme.tsx
-function defineThemeSpec(id) {
-  return Object.freeze({ id });
-}
-var EMPTY = /* @__PURE__ */ new Map();
-var ThemeContext = getOrCreateGlobalContext("ThemeContext", EMPTY);
-function useTheme(spec) {
-  const config = useContext(ThemeContext).get(spec.id);
-  if (!config) {
-    throw new Error(
-      `Theme "${spec.id}" is missing. Add its theme file to src/config/ and list it in src/config/index.ts.`
-    );
-  }
-  return {
-    slots: config.slots,
-    styles: config.styles ?? {}
-  };
-}
-
 // src/kernel/constants.ts
 var DEFAULT_SOURCE = "dynamic";
 var REGISTRY_SOURCES = Object.freeze({
@@ -85,9 +55,14 @@ var REGISTRY_SCOPE_KINDS = Object.freeze({
   WORKSPACE: "workspace"
 });
 REGISTRY_SCOPE_KINDS.APP;
-
-// src/utils/dom.ts
-var isBrowser = typeof window !== "undefined";
+function getOrCreateGlobalContext(name, defaultValue) {
+  const sym = /* @__PURE__ */ Symbol.for(`@omerdlw/base-framework/context/${name}`);
+  const store = globalThis;
+  if (!store[sym]) {
+    store[sym] = createContext(defaultValue);
+  }
+  return store[sym];
+}
 
 // src/utils/string.ts
 function trimToNull(value) {
@@ -96,6 +71,9 @@ function trimToNull(value) {
   return trimmed.length > 0 ? trimmed : null;
 }
 
+// src/utils/dom.ts
+var isBrowser = typeof window !== "undefined";
+
 // src/utils/number.ts
 function clamp(value, min, max) {
   const num = Number(value);
@@ -293,93 +271,6 @@ function useRequiredContext(context, hookName, providerName) {
   return value;
 }
 var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
-var EventEmitter = class {
-  events = /* @__PURE__ */ new Map();
-  debounceTimers = /* @__PURE__ */ new Map();
-  subscribe(event, callback) {
-    if (typeof event !== "string" || !event || typeof callback !== "function") {
-      return () => {
-      };
-    }
-    const listeners = this.events.get(event) || /* @__PURE__ */ new Set();
-    listeners.add(callback);
-    this.events.set(event, listeners);
-    return () => {
-      listeners.delete(callback);
-      if (listeners.size === 0) this.events.delete(event);
-    };
-  }
-  emit(event, payload) {
-    const listeners = this.events.get(event);
-    if (!listeners || listeners.size === 0) return;
-    const snapshot = Array.from(listeners);
-    for (const callback of snapshot) {
-      try {
-        callback(payload);
-      } catch (error) {
-        report(`Event listener (${String(event)})`, error);
-      }
-    }
-  }
-  emitDebounced(event, payload, waitMs = 100) {
-    const existing = this.debounceTimers.get(event);
-    if (existing) clearTimeout(existing);
-    const timer = setTimeout(() => {
-      this.debounceTimers.delete(event);
-      this.emit(event, payload);
-    }, waitMs);
-    this.debounceTimers.set(event, timer);
-  }
-  cancelDebounced(event) {
-    if (event) {
-      const timer = this.debounceTimers.get(event);
-      if (timer) {
-        clearTimeout(timer);
-        this.debounceTimers.delete(event);
-      }
-    } else {
-      for (const timer of this.debounceTimers.values()) {
-        clearTimeout(timer);
-      }
-      this.debounceTimers.clear();
-    }
-  }
-  unsubscribeAll(event) {
-    this.cancelDebounced(event);
-    if (event) this.events.delete(event);
-    else this.events.clear();
-  }
-  hasListeners(event) {
-    return Boolean(this.events.get(event)?.size);
-  }
-  getListenerCount(event) {
-    return this.events.get(event)?.size || 0;
-  }
-  getAllEvents() {
-    return [...this.events.keys()];
-  }
-};
-var GLOBAL_EVENTS_KEY = /* @__PURE__ */ Symbol.for("__base_framework_global_events__");
-var _global = globalThis;
-_global[GLOBAL_EVENTS_KEY] ?? (_global[GLOBAL_EVENTS_KEY] = new EventEmitter());
-function createNoopHandle(status = "rejected", reason = "unknown") {
-  const handle = Object.assign(() => false, {
-    active: false,
-    dispose: () => false,
-    instanceId: null,
-    key: "",
-    priority: 0,
-    reason,
-    source: "",
-    status,
-    type: "",
-    update: () => handle,
-    updatedAt: 0,
-    validation: "warn"
-  });
-  return handle;
-}
-createNoopHandle();
 var RegistryContext = getOrCreateGlobalContext(
   "RegistryContext",
   null
@@ -842,56 +733,12 @@ function useRegistry(config, metadata) {
   );
   useAppliedRegistryConfig(payload, context, componentSlices);
 }
-function createPageControllerStore() {
-  const listeners = /* @__PURE__ */ new Set();
-  let stack = [];
-  const notify = () => {
-    listeners.forEach((listener) => {
-      try {
-        listener();
-      } catch (error) {
-        report("Page controller listener", error);
-      }
-    });
-  };
-  return {
-    getSnapshot() {
-      const top = stack[stack.length - 1];
-      return top?.controllerRef?.current || null;
-    },
-    notify,
-    register(id, controllerRef) {
-      stack = stack.filter((item) => item.id !== id);
-      stack.push({ controllerRef, id });
-      notify();
-    },
-    subscribe(listener) {
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    },
-    unregister(id) {
-      stack = stack.filter((item) => item.id !== id);
-      notify();
-    }
-  };
-}
-var fallbackStandaloneStore = createPageControllerStore();
-getOrCreateGlobalContext(
-  "PageControllerContext",
-  null
-);
-getOrCreateGlobalContext(
-  "PageControllerStoreContext",
-  fallbackStandaloneStore
-);
 function defineModule(coreModule) {
   return Object.freeze({ ...coreModule });
 }
 createStore(void 0);
 
-// src/kernel/adapters.tsx
+// src/kernel/adapters.ts
 function useModuleRegistration(id, value, options) {
   const coreModule = useInstalledModules().find(
     (candidate) => candidate.id === id
@@ -900,6 +747,25 @@ function useModuleRegistration(id, value, options) {
   useRegistry(config, pickRegistryMetadata(options));
 }
 
+// src/theme.tsx
+function defineThemeSpec(id) {
+  return Object.freeze({ id });
+}
+var EMPTY = /* @__PURE__ */ new Map();
+var ThemeContext = getOrCreateGlobalContext("ThemeContext", EMPTY);
+function useTheme(spec) {
+  const config = useContext(ThemeContext).get(spec.id);
+  if (!config) {
+    throw new Error(
+      `Theme "${spec.id}" is missing. Ensure its theme configuration is provided to <ThemeProvider themes={[...]}> (e.g. in src/config/ or your theme setup).`
+    );
+  }
+  return {
+    slots: config.slots,
+    styles: config.styles ?? {}
+  };
+}
+
 // src/modules/controls/constants.ts
 var CONTROLS_EDGE_INSET = 4;
 var CONTROLS_DOCK_GAP = 8;