@pyreon/ui-core 0.18.0 → 0.20.0

package/lib/index.d.ts

@@ -1,6 +1,4 @@
-import * as _$_pyreon_styler0 from "@pyreon/styler";
 import { StyledFunction, css, keyframes, styled } from "@pyreon/styler";
-import * as _$_pyreon_core0 from "@pyreon/core";
 import { ComponentFn, VNodeChild } from "@pyreon/core";
 import { PyreonTheme } from "@pyreon/unistyle";
 
@@ -156,9 +154,9 @@ type InitConfig = Partial<CSSEngineConnector & PlatformConfig>;
  * no lazy initialization or connector pattern needed.
  */
 declare class Configuration {
-  css: (strings: TemplateStringsArray, ...values: _$_pyreon_styler0.Interpolation[]) => _$_pyreon_styler0.CSSResult;
+  css: (strings: TemplateStringsArray, ...values: import("@pyreon/styler").Interpolation[]) => import("@pyreon/styler").CSSResult;
   styled: StyledFunction;
-  keyframes: (strings: TemplateStringsArray, ...values: _$_pyreon_styler0.Interpolation[]) => {
+  keyframes: (strings: TemplateStringsArray, ...values: import("@pyreon/styler").Interpolation[]) => {
     readonly name: string;
     toString(): string;
   };
@@ -192,7 +190,7 @@ interface CoreContextValue {
  *
  * ReactiveContext means useContext() returns `() => CoreContextValue`.
  */
-declare const context: _$_pyreon_core0.ReactiveContext<CoreContextValue>;
+declare const context: import("@pyreon/core").ReactiveContext<CoreContextValue>;
 type Theme = Partial<{
   rootSize: number;
   breakpoints: Breakpoints;

package/lib/index.js

@@ -297,7 +297,7 @@ const _isBrowser = typeof window !== "undefined" && typeof matchMedia === "funct
 let _systemMode;
 function getSystemMode() {
 	if (_systemMode) return _systemMode;
-	_systemMode = signal(_isBrowser && matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+	_systemMode = signal((_isBrowser ? matchMedia("(prefers-color-scheme: dark)").matches : false) ? "dark" : "light");
 	if (_isBrowser) matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
 		_systemMode?.set(e.matches ? "dark" : "light");
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/ui-core",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Core utilities, config, and context for Pyreon UI System",
   "license": "MIT",
   "repository": {
@@ -38,16 +38,16 @@
   },
   "devDependencies": {
     "@pyreon/manifest": "0.13.1",
-    "@pyreon/typescript": "^0.18.0",
+    "@pyreon/typescript": "^0.20.0",
     "@vitus-labs/tools-rolldown": "^2.3.0"
   },
   "engines": {
     "node": ">= 22"
   },
   "dependencies": {
-    "@pyreon/core": "^0.18.0",
-    "@pyreon/reactivity": "^0.18.0",
-    "@pyreon/styler": "^0.18.0",
-    "@pyreon/unistyle": "^0.18.0"
+    "@pyreon/core": "^0.20.0",
+    "@pyreon/reactivity": "^0.20.0",
+    "@pyreon/styler": "^0.20.0",
+    "@pyreon/unistyle": "^0.20.0"
   }
 }

package/src/PyreonUI.tsx

@@ -35,7 +35,12 @@ let _systemMode: ReturnType<typeof signal<ThemeMode>> | undefined
 function getSystemMode(): ReturnType<typeof signal<ThemeMode>> {
   if (_systemMode) return _systemMode
 
-  const prefersDark = _isBrowser && matchMedia('(prefers-color-scheme: dark)').matches
+  // Ternary (not `&&`) so the typeof-derived `_isBrowser` guard is
+  // statically verifiable as protecting the `matchMedia` access — same
+  // runtime value (`false` on the server), SSR-safe + analyzer-clear.
+  const prefersDark = _isBrowser
+    ? matchMedia('(prefers-color-scheme: dark)').matches
+    : false
   _systemMode = signal<ThemeMode>(prefersDark ? 'dark' : 'light')
 
   if (_isBrowser) {