@flow-os/router 0.0.51-dev.1772056059 → 0.0.51-dev.1772056339

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flow-os/router",
-  "version": "0.0.51-dev.1772056059",
+  "version": "0.0.51-dev.1772056339",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "publishConfig": {

package/src/jsx-runtime/index.ts

@@ -1,5 +1,7 @@
 /// <reference path="./types.d.ts" />
 /** Minimal JSX runtime: creates DOM nodes. No React. */
+import { applyStyleProps } from '@flow-os/style/features/elements';
+
 export const Fragment = Symbol.for('flow.fragment');
 
 type Props = Record<string, unknown> & { children?: unknown };
@@ -31,7 +33,7 @@ function appendChildren(el: Node, children: unknown): void {
 }
 
 function applyProps(el: HTMLElement, props: Props): void {
-  const { children, class: classProp, className: classNameProp, style: styleProp, ...rest } = props;
+  const { children, class: classProp, className: classNameProp, style: styleProp, s, styleFlow, ...rest } = props;
   if (classProp != null) el.className = Array.isArray(classProp) ? classProp.join(' ') : String(classProp);
   if (classNameProp != null) el.className = String(classNameProp);
   if (styleProp != null && typeof styleProp === 'object') {
@@ -39,6 +41,9 @@ function applyProps(el: HTMLElement, props: Props): void {
       if (v != null) (el.style as unknown as Record<string, string>)[k] = String(v);
     }
   }
+  if (s != null || styleFlow != null) {
+    applyStyleProps(el, { s, styleFlow } as Parameters<typeof applyStyleProps>[1]);
+  }
   for (const [k, v] of Object.entries(rest)) {
     if (v == null) continue;
     if (k === 'href' && typeof v === 'string') (el as HTMLAnchorElement).href = v;

package/src/jsx-runtime/types.d.ts

@@ -8,6 +8,8 @@ declare global {
         class?: string;
         className?: string;
         style?: Record<string, string | number>;
+        s?: string | Record<string, string | number | undefined>;
+        styleFlow?: Record<string, unknown> | string;
         href?: string;
         children?: unknown;
         [key: string]: unknown;