solid-js 1.9.4 → 1.9.6

package/types/reactive/observable.d.ts

@@ -28,15 +28,15 @@ export type ObservableObserver<T> =
  * description https://docs.solidjs.com/reference/reactive-utilities/observable
  */
 export declare function observable<T>(input: Accessor<T>): Observable<T>;
-export declare function from<T>(
-  producer:
-    | ((setter: Setter<T | undefined>) => () => void)
-    | {
-        subscribe: (fn: (v: T) => void) =>
-          | (() => void)
-          | {
-              unsubscribe: () => void;
-            };
-      }
-): Accessor<T | undefined>;
+type Producer<T> =
+  | ((setter: Setter<T>) => () => void)
+  | {
+      subscribe: (fn: (v: T) => void) =>
+        | (() => void)
+        | {
+            unsubscribe: () => void;
+          };
+    };
+export declare function from<T>(producer: Producer<T>, initalValue: T): Accessor<T>;
+export declare function from<T>(producer: Producer<T | undefined>): Accessor<T | undefined>;
 export {};

package/types/reactive/signal.d.ts

@@ -24,6 +24,7 @@ SOFTWARE.
 import { requestCallback } from "./scheduler.js";
 import type { JSX } from "../jsx.js";
 import type { FlowComponent } from "../render/index.js";
+export declare const IS_DEV: string | boolean;
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
 export declare const SUPPORTS_PROXY: boolean;
@@ -35,7 +36,9 @@ export declare let Transition: TransitionState | null;
 export declare const DevHooks: {
   afterUpdate: (() => void) | null;
   afterCreateOwner: ((owner: Owner) => void) | null;
+  /** @deprecated use `afterRegisterGraph` */
   afterCreateSignal: ((signal: SignalState<any>) => void) | null;
+  afterRegisterGraph: ((sourceMapValue: SourceMapValue) => void) | null;
 };
 export type ComputationState = 0 | 1 | 2;
 export interface SourceMapValue {
@@ -49,6 +52,7 @@ export interface SignalState<T> extends SourceMapValue {
   observerSlots: number[] | null;
   tValue?: T;
   comparator?: (prev: T, next: T) => boolean;
+  internal?: true;
 }
 export interface Owner {
   owned: Computation<any>[] | null;

package/types/server/reactive.d.ts

@@ -103,7 +103,12 @@ export declare function observable<T>(input: Accessor<T>): {
   subscribe(observer: ObservableObserver<T>): {
     unsubscribe(): void;
   };
-  [Symbol.observable](): any;
+  [Symbol.observable](): {
+    subscribe(observer: ObservableObserver<T>): {
+      unsubscribe(): void;
+    };
+    [Symbol.observable](): /*elided*/ any;
+  };
 };
 export declare function from<T>(
   producer:

package/universal/dist/dev.cjs

@@ -2,6 +2,8 @@
 
 var solidJs = require('solid-js');
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 function createRenderer$1({
   createElement,
   createTextNode,
@@ -226,7 +228,7 @@ function createRenderer$1({
     },
     mergeProps: solidJs.mergeProps,
     effect: solidJs.createRenderEffect,
-    memo: solidJs.createMemo,
+    memo,
     createComponent: solidJs.createComponent,
     use(fn, element, arg) {
       return solidJs.untrack(() => fn(element, arg));

package/universal/dist/dev.js

@@ -1,12 +1,14 @@
 import {
+  createMemo,
   createRoot,
   createRenderEffect,
   mergeProps,
-  createMemo,
   createComponent,
   untrack
 } from "solid-js";
 
+const memo = fn => createMemo(() => fn());
+
 function createRenderer$1({
   createElement,
   createTextNode,
@@ -240,7 +242,7 @@ function createRenderer$1({
     },
     mergeProps,
     effect: createRenderEffect,
-    memo: createMemo,
+    memo,
     createComponent,
     use(fn, element, arg) {
       return untrack(() => fn(element, arg));

package/universal/dist/universal.cjs

@@ -2,6 +2,8 @@
 
 var solidJs = require('solid-js');
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 function createRenderer$1({
   createElement,
   createTextNode,
@@ -226,7 +228,7 @@ function createRenderer$1({
     },
     mergeProps: solidJs.mergeProps,
     effect: solidJs.createRenderEffect,
-    memo: solidJs.createMemo,
+    memo,
     createComponent: solidJs.createComponent,
     use(fn, element, arg) {
       return solidJs.untrack(() => fn(element, arg));

package/universal/dist/universal.js

@@ -1,12 +1,14 @@
 import {
+  createMemo,
   createRoot,
   createRenderEffect,
   mergeProps,
-  createMemo,
   createComponent,
   untrack
 } from "solid-js";
 
+const memo = fn => createMemo(() => fn());
+
 function createRenderer$1({
   createElement,
   createTextNode,
@@ -240,7 +242,7 @@ function createRenderer$1({
     },
     mergeProps,
     effect: createRenderEffect,
-    memo: createMemo,
+    memo,
     createComponent,
     use(fn, element, arg) {
       return untrack(() => fn(element, arg));

package/web/dist/dev.cjs

@@ -3,7 +3,7 @@
 var solidJs = require('solid-js');
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
-const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
+const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "noValidate", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
   className: "class",
@@ -11,6 +11,10 @@ const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
 });
 const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
   class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
   formnovalidate: {
     $: "formNoValidate",
     BUTTON: 1,
@@ -50,6 +54,8 @@ const SVGNamespace = {
 };
 const DOMElements = /*#__PURE__*/new Set(["html", "base", "head", "link", "meta", "style", "title", "body", "address", "article", "aside", "footer", "header", "main", "nav", "section", "body", "blockquote", "dd", "div", "dl", "dt", "figcaption", "figure", "hr", "li", "ol", "p", "pre", "ul", "a", "abbr", "b", "bdi", "bdo", "br", "cite", "code", "data", "dfn", "em", "i", "kbd", "mark", "q", "rp", "rt", "ruby", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var", "wbr", "area", "audio", "img", "map", "track", "video", "embed", "iframe", "object", "param", "picture", "portal", "source", "svg", "math", "canvas", "noscript", "script", "del", "ins", "caption", "col", "colgroup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "button", "datalist", "fieldset", "form", "input", "label", "legend", "meter", "optgroup", "option", "output", "progress", "select", "textarea", "details", "dialog", "menu", "summary", "details", "slot", "template", "acronym", "applet", "basefont", "bgsound", "big", "blink", "center", "content", "dir", "font", "frame", "frameset", "hgroup", "image", "keygen", "marquee", "menuitem", "nobr", "noembed", "noframes", "plaintext", "rb", "rtc", "shadow", "spacer", "strike", "tt", "xmp", "a", "abbr", "acronym", "address", "applet", "area", "article", "aside", "audio", "b", "base", "basefont", "bdi", "bdo", "bgsound", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "font", "footer", "form", "frame", "frameset", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "nobr", "noembed", "noframes", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "plaintext", "portal", "pre", "progress", "q", "rb", "rp", "rt", "rtc", "ruby", "s", "samp", "script", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "tt", "u", "ul", "var", "video", "wbr", "xmp", "input", "h1", "h2", "h3", "h4", "h5", "h6"]);
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 function reconcileArrays(parentNode, a, b) {
   let bLength = b.length,
     aEnd = a.length,
@@ -122,13 +128,13 @@ function render(code, element, init, options = {}) {
     element.textContent = "";
   };
 }
-function template(html, isImportNode, isSVG) {
+function template(html, isImportNode, isSVG, isMathML) {
   let node;
   const create = () => {
     if (isHydrating()) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
-    const t = document.createElement("template");
+    const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
     t.innerHTML = html;
-    return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
+    return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
   };
   const fn = isImportNode ? () => solidJs.untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
   fn.cloneNode = fn;
@@ -385,7 +391,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
     setAttribute(node, prop.slice(5), value);
   } else if (prop.slice(0, 5) === "bool:") {
     setBoolAttribute(node, prop.slice(5), value);
-  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || 'is' in props)) {
+  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
@@ -669,9 +675,8 @@ function Portal(props) {
   });
   return marker;
 }
-function Dynamic(props) {
-  const [p, others] = solidJs.splitProps(props, ["component"]);
-  const cached = solidJs.createMemo(() => p.component);
+function createDynamic(component, props) {
+  const cached = solidJs.createMemo(component);
   return solidJs.createMemo(() => {
     const component = cached();
     switch (typeof component) {
@@ -679,15 +684,19 @@ function Dynamic(props) {
         Object.assign(component, {
           [solidJs.$DEVCOMP]: true
         });
-        return solidJs.untrack(() => component(others));
+        return solidJs.untrack(() => component(props));
       case "string":
         const isSvg = SVGElements.has(component);
         const el = solidJs.sharedConfig.context ? getNextElement() : createElement(component, isSvg);
-        spread(el, others, isSvg);
+        spread(el, props, isSvg);
         return el;
     }
   });
 }
+function Dynamic(props) {
+  const [, others] = solidJs.splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
 
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
@@ -733,10 +742,6 @@ Object.defineProperty(exports, "getOwner", {
   enumerable: true,
   get: function () { return solidJs.getOwner; }
 });
-Object.defineProperty(exports, "memo", {
-  enumerable: true,
-  get: function () { return solidJs.createMemo; }
-});
 Object.defineProperty(exports, "mergeProps", {
   enumerable: true,
   get: function () { return solidJs.mergeProps; }
@@ -764,6 +769,7 @@ exports.assign = assign;
 exports.classList = classList;
 exports.className = className;
 exports.clearDelegatedEvents = clearDelegatedEvents;
+exports.createDynamic = createDynamic;
 exports.delegateEvents = delegateEvents;
 exports.dynamicProperty = dynamicProperty;
 exports.escape = escape;
@@ -780,6 +786,7 @@ exports.innerHTML = innerHTML;
 exports.insert = insert;
 exports.isDev = isDev;
 exports.isServer = isServer;
+exports.memo = memo;
 exports.render = render;
 exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;

package/web/dist/dev.js

@@ -1,4 +1,5 @@
 import {
+  createMemo,
   createRoot,
   createRenderEffect,
   untrack,
@@ -7,11 +8,10 @@ import {
   getOwner,
   createEffect,
   runWithOwner,
-  createMemo,
   createSignal,
   onCleanup,
-  splitProps,
-  $DEVCOMP
+  $DEVCOMP,
+  splitProps
 } from "solid-js";
 export {
   ErrorBoundary,
@@ -25,7 +25,6 @@ export {
   createComponent,
   createRenderEffect as effect,
   getOwner,
-  createMemo as memo,
   mergeProps,
   untrack
 } from "solid-js";
@@ -61,6 +60,7 @@ const Properties = /*#__PURE__*/ new Set([
   "className",
   "value",
   "readOnly",
+  "noValidate",
   "formNoValidate",
   "isMap",
   "noModule",
@@ -79,6 +79,10 @@ const Aliases = /*#__PURE__*/ Object.assign(Object.create(null), {
 });
 const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
   class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
   formnovalidate: {
     $: "formNoValidate",
     BUTTON: 1,
@@ -495,6 +499,8 @@ const DOMElements = /*#__PURE__*/ new Set([
   "h6"
 ]);
 
+const memo = fn => createMemo(() => fn());
+
 function reconcileArrays(parentNode, a, b) {
   let bLength = b.length,
     aEnd = a.length,
@@ -571,16 +577,18 @@ function render(code, element, init, options = {}) {
     element.textContent = "";
   };
 }
-function template(html, isImportNode, isSVG) {
+function template(html, isImportNode, isSVG, isMathML) {
   let node;
   const create = () => {
     if (isHydrating())
       throw new Error(
         "Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration."
       );
-    const t = document.createElement("template");
+    const t = isMathML
+      ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template")
+      : document.createElement("template");
     t.innerHTML = html;
-    return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
+    return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
   };
   const fn = isImportNode
     ? () => untrack(() => document.importNode(node || (node = create()), true))
@@ -1160,9 +1168,8 @@ function Portal(props) {
   );
   return marker;
 }
-function Dynamic(props) {
-  const [p, others] = splitProps(props, ["component"]);
-  const cached = createMemo(() => p.component);
+function createDynamic(component, props) {
+  const cached = createMemo(component);
   return createMemo(() => {
     const component = cached();
     switch (typeof component) {
@@ -1170,15 +1177,19 @@ function Dynamic(props) {
         Object.assign(component, {
           [$DEVCOMP]: true
         });
-        return untrack(() => component(others));
+        return untrack(() => component(props));
       case "string":
         const isSvg = SVGElements.has(component);
         const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg);
-        spread(el, others, isSvg);
+        spread(el, props, isSvg);
         return el;
     }
   });
 }
+function Dynamic(props) {
+  const [, others] = splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
 
 export {
   Aliases,
@@ -1200,6 +1211,7 @@ export {
   classList,
   className,
   clearDelegatedEvents,
+  createDynamic,
   delegateEvents,
   dynamicProperty,
   escape,
@@ -1216,6 +1228,7 @@ export {
   insert,
   isDev,
   isServer,
+  memo,
   render,
   renderToStream,
   renderToString,

package/web/dist/server.cjs

@@ -6,7 +6,7 @@ var web = require('seroval-plugins/web');
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
 const BooleanAttributes = /*#__PURE__*/new Set(booleans);
-const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
+const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "noValidate", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
 const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
 const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
   className: "class",
@@ -14,6 +14,10 @@ const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
 });
 const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
   class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
   formnovalidate: {
     $: "formNoValidate",
     BUTTON: 1,
@@ -53,6 +57,8 @@ const SVGNamespace = {
 };
 const DOMElements = /*#__PURE__*/new Set(["html", "base", "head", "link", "meta", "style", "title", "body", "address", "article", "aside", "footer", "header", "main", "nav", "section", "body", "blockquote", "dd", "div", "dl", "dt", "figcaption", "figure", "hr", "li", "ol", "p", "pre", "ul", "a", "abbr", "b", "bdi", "bdo", "br", "cite", "code", "data", "dfn", "em", "i", "kbd", "mark", "q", "rp", "rt", "ruby", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var", "wbr", "area", "audio", "img", "map", "track", "video", "embed", "iframe", "object", "param", "picture", "portal", "source", "svg", "math", "canvas", "noscript", "script", "del", "ins", "caption", "col", "colgroup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "button", "datalist", "fieldset", "form", "input", "label", "legend", "meter", "optgroup", "option", "output", "progress", "select", "textarea", "details", "dialog", "menu", "summary", "details", "slot", "template", "acronym", "applet", "basefont", "bgsound", "big", "blink", "center", "content", "dir", "font", "frame", "frameset", "hgroup", "image", "keygen", "marquee", "menuitem", "nobr", "noembed", "noframes", "plaintext", "rb", "rtc", "shadow", "spacer", "strike", "tt", "xmp", "a", "abbr", "acronym", "address", "applet", "area", "article", "aside", "audio", "b", "base", "basefont", "bdi", "bdo", "bgsound", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "font", "footer", "form", "frame", "frameset", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "nobr", "noembed", "noframes", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "plaintext", "portal", "pre", "progress", "q", "rb", "rp", "rt", "rtc", "ruby", "s", "samp", "script", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "tt", "u", "ul", "var", "video", "wbr", "xmp", "input", "h1", "h2", "h3", "h4", "h5", "h6"]);
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 const ES2017FLAG = seroval.Feature.AggregateError
 | seroval.Feature.BigIntTypedArray;
 const GLOBAL_IDENTIFIER = '_$HY.r';
@@ -408,7 +414,7 @@ function ssrElement(tag, props, children, needsId) {
   for (let i = 0; i < keys.length; i++) {
     const prop = keys[i];
     if (ChildProperties.has(prop)) {
-      if (children === undefined && !skipChildren) children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
+      if (children === undefined && !skipChildren) children = tag === "script" || tag === "style" || prop === "innerHTML" ? props[prop] : escape(props[prop]);
       continue;
     }
     const value = props[prop];
@@ -668,16 +674,19 @@ function notSup() {
 
 const isServer = true;
 const isDev = false;
-function Dynamic(props) {
-  const [p, others] = solidJs.splitProps(props, ["component"]);
-  const comp = p.component,
+function createDynamic(component, props) {
+  const comp = component(),
     t = typeof comp;
   if (comp) {
-    if (t === "function") return comp(others);else if (t === "string") {
-      return ssrElement(comp, others, undefined, true);
+    if (t === "function") return comp(props);else if (t === "string") {
+      return ssrElement(comp, props, undefined, true);
     }
   }
 }
+function Dynamic(props) {
+  const [, others] = solidJs.splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
 function Portal(props) {
   return "";
 }
@@ -726,10 +735,6 @@ Object.defineProperty(exports, "getOwner", {
   enumerable: true,
   get: function () { return solidJs.getOwner; }
 });
-Object.defineProperty(exports, "memo", {
-  enumerable: true,
-  get: function () { return solidJs.createMemo; }
-});
 Object.defineProperty(exports, "mergeProps", {
   enumerable: true,
   get: function () { return solidJs.mergeProps; }
@@ -756,6 +761,7 @@ exports.addEventListener = notSup;
 exports.assign = notSup;
 exports.classList = notSup;
 exports.className = notSup;
+exports.createDynamic = createDynamic;
 exports.delegateEvents = notSup;
 exports.dynamicProperty = notSup;
 exports.escape = escape;
@@ -771,6 +777,7 @@ exports.hydrate = notSup;
 exports.insert = notSup;
 exports.isDev = isDev;
 exports.isServer = isServer;
+exports.memo = memo;
 exports.pipeToNodeWritable = pipeToNodeWritable;
 exports.pipeToWritable = pipeToWritable;
 exports.render = notSup;

package/web/dist/server.js

@@ -1,4 +1,4 @@
-import { sharedConfig, createRoot, splitProps } from "solid-js";
+import { createMemo, sharedConfig, createRoot, splitProps } from "solid-js";
 export {
   ErrorBoundary,
   For,
@@ -11,7 +11,6 @@ export {
   createComponent,
   createRenderEffect as effect,
   getOwner,
-  createMemo as memo,
   mergeProps,
   untrack
 } from "solid-js";
@@ -61,6 +60,7 @@ const Properties = /*#__PURE__*/ new Set([
   "className",
   "value",
   "readOnly",
+  "noValidate",
   "formNoValidate",
   "isMap",
   "noModule",
@@ -79,6 +79,10 @@ const Aliases = /*#__PURE__*/ Object.assign(Object.create(null), {
 });
 const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
   class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
   formnovalidate: {
     $: "formNoValidate",
     BUTTON: 1,
@@ -495,6 +499,8 @@ const DOMElements = /*#__PURE__*/ new Set([
   "h6"
 ]);
 
+const memo = fn => createMemo(() => fn());
+
 const ES2017FLAG = Feature.AggregateError | Feature.BigIntTypedArray;
 const GLOBAL_IDENTIFIER = "_$HY.r";
 function createSerializer({ onData, onDone, scopeId, onError }) {
@@ -858,7 +864,10 @@ function ssrElement(tag, props, children, needsId) {
     const prop = keys[i];
     if (ChildProperties.has(prop)) {
       if (children === undefined && !skipChildren)
-        children = prop === "innerHTML" ? props[prop] : escape(props[prop]);
+        children =
+          tag === "script" || tag === "style" || prop === "innerHTML"
+            ? props[prop]
+            : escape(props[prop]);
       continue;
     }
     const value = props[prop];
@@ -1142,17 +1151,20 @@ function notSup() {
 
 const isServer = true;
 const isDev = false;
-function Dynamic(props) {
-  const [p, others] = splitProps(props, ["component"]);
-  const comp = p.component,
+function createDynamic(component, props) {
+  const comp = component(),
     t = typeof comp;
   if (comp) {
-    if (t === "function") return comp(others);
+    if (t === "function") return comp(props);
     else if (t === "string") {
-      return ssrElement(comp, others, undefined, true);
+      return ssrElement(comp, props, undefined, true);
     }
   }
 }
+function Dynamic(props) {
+  const [, others] = splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
 function Portal(props) {
   return "";
 }
@@ -1176,6 +1188,7 @@ export {
   notSup as assign,
   notSup as classList,
   notSup as className,
+  createDynamic,
   notSup as delegateEvents,
   notSup as dynamicProperty,
   escape,
@@ -1191,6 +1204,7 @@ export {
   notSup as insert,
   isDev,
   isServer,
+  memo,
   pipeToNodeWritable,
   pipeToWritable,
   notSup as render,