thunderous 0.6.4 → 1.0.1

package/dist/index.cjs

@@ -20,31 +20,468 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  clientOnlyCallback: () => clientOnlyCallback,
   createEffect: () => createEffect,
   createRegistry: () => createRegistry,
   createSignal: () => createSignal,
   css: () => css,
   customElement: () => customElement,
   derived: () => derived,
-  html: () => html2
+  html: () => html,
+  insertTemplates: () => insertTemplates,
+  onServerDefine: () => onServerDefine
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/html-helpers.ts
-var clearHTML = (element) => {
-  while (element.childNodes.length > 0) {
-    element.childNodes[0].remove();
+// vendor/@webcomponents/scoped-custom-element-registry/src/scoped-custom-element-registry.js
+if (typeof window !== "undefined") {
+  if (!ShadowRoot.prototype.createElement) {
+    const NativeHTMLElement = window.HTMLElement;
+    const nativeDefine = window.customElements.define;
+    const nativeGet = window.customElements.get;
+    const nativeRegistry = window.customElements;
+    const definitionForElement = /* @__PURE__ */ new WeakMap();
+    const pendingRegistryForElement = /* @__PURE__ */ new WeakMap();
+    const globalDefinitionForConstructor = /* @__PURE__ */ new WeakMap();
+    const scopeForElement = /* @__PURE__ */ new WeakMap();
+    window.CustomElementRegistry = class {
+      constructor() {
+        this._definitionsByTag = /* @__PURE__ */ new Map();
+        this._definitionsByClass = /* @__PURE__ */ new Map();
+        this._whenDefinedPromises = /* @__PURE__ */ new Map();
+        this._awaitingUpgrade = /* @__PURE__ */ new Map();
+      }
+      define(tagName, elementClass) {
+        tagName = tagName.toLowerCase();
+        if (this._getDefinition(tagName) !== void 0) {
+          throw new DOMException(
+            `Failed to execute 'define' on 'CustomElementRegistry': the name "${tagName}" has already been used with this registry`
+          );
+        }
+        if (this._definitionsByClass.get(elementClass) !== void 0) {
+          throw new DOMException(
+            `Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry`
+          );
+        }
+        const attributeChangedCallback = elementClass.prototype.attributeChangedCallback;
+        const observedAttributes = new Set(elementClass.observedAttributes || []);
+        patchAttributes(
+          elementClass,
+          observedAttributes,
+          attributeChangedCallback
+        );
+        const definition = {
+          elementClass,
+          connectedCallback: elementClass.prototype.connectedCallback,
+          disconnectedCallback: elementClass.prototype.disconnectedCallback,
+          adoptedCallback: elementClass.prototype.adoptedCallback,
+          attributeChangedCallback,
+          "formAssociated": elementClass["formAssociated"],
+          "formAssociatedCallback": elementClass.prototype["formAssociatedCallback"],
+          "formDisabledCallback": elementClass.prototype["formDisabledCallback"],
+          "formResetCallback": elementClass.prototype["formResetCallback"],
+          "formStateRestoreCallback": elementClass.prototype["formStateRestoreCallback"],
+          observedAttributes
+        };
+        this._definitionsByTag.set(tagName, definition);
+        this._definitionsByClass.set(elementClass, definition);
+        let standInClass = nativeGet.call(nativeRegistry, tagName);
+        if (!standInClass) {
+          standInClass = createStandInElement(tagName);
+          nativeDefine.call(nativeRegistry, tagName, standInClass);
+        }
+        if (this === window.customElements) {
+          globalDefinitionForConstructor.set(elementClass, definition);
+          definition.standInClass = standInClass;
+        }
+        const awaiting = this._awaitingUpgrade.get(tagName);
+        if (awaiting) {
+          this._awaitingUpgrade.delete(tagName);
+          for (const element of awaiting) {
+            pendingRegistryForElement.delete(element);
+            customize(element, definition, true);
+          }
+        }
+        const info = this._whenDefinedPromises.get(tagName);
+        if (info !== void 0) {
+          info.resolve(elementClass);
+          this._whenDefinedPromises.delete(tagName);
+        }
+        return elementClass;
+      }
+      upgrade() {
+        creationContext.push(this);
+        nativeRegistry.upgrade.apply(nativeRegistry, arguments);
+        creationContext.pop();
+      }
+      get(tagName) {
+        const definition = this._definitionsByTag.get(tagName);
+        return definition?.elementClass;
+      }
+      _getDefinition(tagName) {
+        return this._definitionsByTag.get(tagName);
+      }
+      whenDefined(tagName) {
+        const definition = this._getDefinition(tagName);
+        if (definition !== void 0) {
+          return Promise.resolve(definition.elementClass);
+        }
+        let info = this._whenDefinedPromises.get(tagName);
+        if (info === void 0) {
+          info = {};
+          info.promise = new Promise((r) => info.resolve = r);
+          this._whenDefinedPromises.set(tagName, info);
+        }
+        return info.promise;
+      }
+      _upgradeWhenDefined(element, tagName, shouldUpgrade) {
+        let awaiting = this._awaitingUpgrade.get(tagName);
+        if (!awaiting) {
+          this._awaitingUpgrade.set(tagName, awaiting = /* @__PURE__ */ new Set());
+        }
+        if (shouldUpgrade) {
+          awaiting.add(element);
+        } else {
+          awaiting.delete(element);
+        }
+      }
+    };
+    let upgradingInstance;
+    window.HTMLElement = function HTMLElement2() {
+      let instance = upgradingInstance;
+      if (instance) {
+        upgradingInstance = void 0;
+        return instance;
+      }
+      const definition = globalDefinitionForConstructor.get(this.constructor);
+      if (!definition) {
+        throw new TypeError(
+          "Illegal constructor (custom element class must be registered with global customElements registry to be newable)"
+        );
+      }
+      instance = Reflect.construct(
+        NativeHTMLElement,
+        [],
+        definition.standInClass
+      );
+      Object.setPrototypeOf(instance, this.constructor.prototype);
+      definitionForElement.set(instance, definition);
+      return instance;
+    };
+    window.HTMLElement.prototype = NativeHTMLElement.prototype;
+    const isValidScope = (node) => node === document || node instanceof ShadowRoot;
+    const registryForNode = (node) => {
+      let scope = node.getRootNode();
+      if (!isValidScope(scope)) {
+        const context = creationContext[creationContext.length - 1];
+        if (context instanceof CustomElementRegistry) {
+          return context;
+        }
+        scope = context.getRootNode();
+        if (!isValidScope(scope)) {
+          scope = scopeForElement.get(scope)?.getRootNode() || document;
+        }
+      }
+      return scope.customElements;
+    };
+    const createStandInElement = (tagName) => {
+      return class ScopedCustomElementBase {
+        static get ["formAssociated"]() {
+          return true;
+        }
+        constructor() {
+          const instance = Reflect.construct(
+            NativeHTMLElement,
+            [],
+            this.constructor
+          );
+          Object.setPrototypeOf(instance, HTMLElement.prototype);
+          const registry = registryForNode(instance) || window.customElements;
+          const definition = registry._getDefinition(tagName);
+          if (definition) {
+            customize(instance, definition);
+          } else {
+            pendingRegistryForElement.set(instance, registry);
+          }
+          return instance;
+        }
+        connectedCallback() {
+          const definition = definitionForElement.get(this);
+          if (definition) {
+            definition.connectedCallback && definition.connectedCallback.apply(this, arguments);
+          } else {
+            pendingRegistryForElement.get(this)._upgradeWhenDefined(this, tagName, true);
+          }
+        }
+        disconnectedCallback() {
+          const definition = definitionForElement.get(this);
+          if (definition) {
+            definition.disconnectedCallback && definition.disconnectedCallback.apply(this, arguments);
+          } else {
+            pendingRegistryForElement.get(this)._upgradeWhenDefined(this, tagName, false);
+          }
+        }
+        adoptedCallback() {
+          const definition = definitionForElement.get(this);
+          definition?.adoptedCallback?.apply(this, arguments);
+        }
+        // Form-associated custom elements lifecycle methods
+        ["formAssociatedCallback"]() {
+          const definition = definitionForElement.get(this);
+          if (definition && definition["formAssociated"]) {
+            definition?.["formAssociatedCallback"]?.apply(this, arguments);
+          }
+        }
+        ["formDisabledCallback"]() {
+          const definition = definitionForElement.get(this);
+          if (definition?.["formAssociated"]) {
+            definition?.["formDisabledCallback"]?.apply(this, arguments);
+          }
+        }
+        ["formResetCallback"]() {
+          const definition = definitionForElement.get(this);
+          if (definition?.["formAssociated"]) {
+            definition?.["formResetCallback"]?.apply(this, arguments);
+          }
+        }
+        ["formStateRestoreCallback"]() {
+          const definition = definitionForElement.get(this);
+          if (definition?.["formAssociated"]) {
+            definition?.["formStateRestoreCallback"]?.apply(this, arguments);
+          }
+        }
+        // no attributeChangedCallback or observedAttributes since these
+        // are simulated via setAttribute/removeAttribute patches
+      };
+    };
+    const patchAttributes = (elementClass, observedAttributes, attributeChangedCallback) => {
+      if (observedAttributes.size === 0 || attributeChangedCallback === void 0) {
+        return;
+      }
+      const setAttribute = elementClass.prototype.setAttribute;
+      if (setAttribute) {
+        elementClass.prototype.setAttribute = function(n, value) {
+          const name = n.toLowerCase();
+          if (observedAttributes.has(name)) {
+            const old = this.getAttribute(name);
+            setAttribute.call(this, name, value);
+            attributeChangedCallback.call(this, name, old, value);
+          } else {
+            setAttribute.call(this, name, value);
+          }
+        };
+      }
+      const removeAttribute = elementClass.prototype.removeAttribute;
+      if (removeAttribute) {
+        elementClass.prototype.removeAttribute = function(n) {
+          const name = n.toLowerCase();
+          if (observedAttributes.has(name)) {
+            const old = this.getAttribute(name);
+            removeAttribute.call(this, name);
+            attributeChangedCallback.call(this, name, old, null);
+          } else {
+            removeAttribute.call(this, name);
+          }
+        };
+      }
+      const toggleAttribute = elementClass.prototype.toggleAttribute;
+      if (toggleAttribute) {
+        elementClass.prototype.toggleAttribute = function(n, force) {
+          const name = n.toLowerCase();
+          if (observedAttributes.has(name)) {
+            const old = this.getAttribute(name);
+            toggleAttribute.call(this, name, force);
+            const newValue = this.getAttribute(name);
+            attributeChangedCallback.call(this, name, old, newValue);
+          } else {
+            toggleAttribute.call(this, name, force);
+          }
+        };
+      }
+    };
+    const patchHTMLElement = (elementClass) => {
+      const parentClass = Object.getPrototypeOf(elementClass);
+      if (parentClass !== window.HTMLElement) {
+        if (parentClass === NativeHTMLElement) {
+          return Object.setPrototypeOf(elementClass, window.HTMLElement);
+        }
+        return patchHTMLElement(parentClass);
+      }
+    };
+    const customize = (instance, definition, isUpgrade = false) => {
+      Object.setPrototypeOf(instance, definition.elementClass.prototype);
+      definitionForElement.set(instance, definition);
+      upgradingInstance = instance;
+      try {
+        new definition.elementClass();
+      } catch (_) {
+        patchHTMLElement(definition.elementClass);
+        new definition.elementClass();
+      }
+      if (definition.attributeChangedCallback) {
+        definition.observedAttributes.forEach((attr) => {
+          if (instance.hasAttribute(attr)) {
+            definition.attributeChangedCallback.call(
+              instance,
+              attr,
+              null,
+              instance.getAttribute(attr)
+            );
+          }
+        });
+      }
+      if (isUpgrade && definition.connectedCallback && instance.isConnected) {
+        definition.connectedCallback.call(instance);
+      }
+    };
+    const nativeAttachShadow = Element.prototype.attachShadow;
+    Element.prototype.attachShadow = function(init) {
+      const shadowRoot = nativeAttachShadow.apply(this, arguments);
+      if (init.customElements) {
+        shadowRoot.customElements = init.customElements;
+      }
+      return shadowRoot;
+    };
+    let creationContext = [document];
+    const installScopedCreationMethod = (ctor, method, from = void 0) => {
+      const native = (from ? Object.getPrototypeOf(from) : ctor.prototype)[method];
+      ctor.prototype[method] = function() {
+        creationContext.push(this);
+        const ret = native.apply(from || this, arguments);
+        if (ret !== void 0) {
+          scopeForElement.set(ret, this);
+        }
+        creationContext.pop();
+        return ret;
+      };
+    };
+    installScopedCreationMethod(ShadowRoot, "createElement", document);
+    installScopedCreationMethod(ShadowRoot, "importNode", document);
+    installScopedCreationMethod(Element, "insertAdjacentHTML");
+    installScopedCreationMethod(Node, "appendChild");
+    installScopedCreationMethod(Element, "append");
+    const installScopedCreationSetter = (ctor, name) => {
+      const descriptor = Object.getOwnPropertyDescriptor(ctor.prototype, name);
+      Object.defineProperty(ctor.prototype, name, {
+        ...descriptor,
+        set(value) {
+          creationContext.push(this);
+          descriptor.set.call(this, value);
+          creationContext.pop();
+        }
+      });
+    };
+    installScopedCreationSetter(Element, "innerHTML");
+    installScopedCreationSetter(ShadowRoot, "innerHTML");
+    Object.defineProperty(window, "customElements", {
+      value: new CustomElementRegistry(),
+      configurable: true,
+      writable: true
+    });
+    if (!!window["ElementInternals"] && !!window["ElementInternals"].prototype["setFormValue"]) {
+      const internalsToHostMap = /* @__PURE__ */ new WeakMap();
+      const attachInternals = HTMLElement.prototype["attachInternals"];
+      const methods = [
+        "setFormValue",
+        "setValidity",
+        "checkValidity",
+        "reportValidity"
+      ];
+      HTMLElement.prototype["attachInternals"] = function(...args) {
+        const internals = attachInternals.call(this, ...args);
+        internalsToHostMap.set(internals, this);
+        return internals;
+      };
+      methods.forEach((method) => {
+        const proto = window["ElementInternals"].prototype;
+        const originalMethod = proto[method];
+        proto[method] = function(...args) {
+          const host = internalsToHostMap.get(this);
+          const definition = definitionForElement.get(host);
+          if (definition["formAssociated"] === true) {
+            return originalMethod?.call(this, ...args);
+          } else {
+            throw new DOMException(
+              `Failed to execute ${originalMethod} on 'ElementInternals': The target element is not a form-associated custom element.`
+            );
+          }
+        };
+      });
+      class RadioNodeList extends Array {
+        constructor(elements) {
+          super(...elements);
+          this._elements = elements;
+        }
+        get ["value"]() {
+          return this._elements.find((element) => element["checked"] === true)?.value || "";
+        }
+      }
+      class HTMLFormControlsCollection {
+        constructor(elements) {
+          const entries = /* @__PURE__ */ new Map();
+          elements.forEach((element, index) => {
+            const name = element.getAttribute("name");
+            const nameReference = entries.get(name) || [];
+            this[+index] = element;
+            nameReference.push(element);
+            entries.set(name, nameReference);
+          });
+          this["length"] = elements.length;
+          entries.forEach((value, key) => {
+            if (!value) return;
+            if (value.length === 1) {
+              this[key] = value[0];
+            } else {
+              this[key] = new RadioNodeList(value);
+            }
+          });
+        }
+        ["namedItem"](key) {
+          return this[key];
+        }
+      }
+      const formElementsDescriptor = Object.getOwnPropertyDescriptor(
+        HTMLFormElement.prototype,
+        "elements"
+      );
+      Object.defineProperty(HTMLFormElement.prototype, "elements", {
+        get: function() {
+          const nativeElements = formElementsDescriptor.get.call(this, []);
+          const include = [];
+          for (const element of nativeElements) {
+            const definition = definitionForElement.get(element);
+            if (!definition || definition["formAssociated"] === true) {
+              include.push(element);
+            }
+          }
+          return new HTMLFormControlsCollection(include);
+        }
+      });
+    }
+  }
+  class TrackableCustomElementRegistry extends window.CustomElementRegistry {
+    __tagNames = /* @__PURE__ */ new Set();
+    define(tagName, constructor, options) {
+      super.define(tagName, constructor, options);
+      this.__tagNames.add(tagName);
+    }
+  }
+  window.CustomElementRegistry = TrackableCustomElementRegistry;
+}
+
+// src/constants.ts
+var DEFAULT_RENDER_OPTIONS = {
+  formAssociated: false,
+  observedAttributes: [],
+  attributesAsProperties: [],
+  attachShadow: true,
+  shadowRootOptions: {
+    mode: "closed",
+    delegatesFocus: false,
+    clonable: false,
+    serializable: false,
+    slotAssignment: "named"
   }
-};
-var parseFragment = (htmlStr) => {
-  const range = document.createRange();
-  range.selectNode(document.body);
-  return range.createContextualFragment(htmlStr);
-};
-var setInnerHTML = (element, html3) => {
-  clearHTML(element);
-  const fragment = typeof html3 === "string" ? parseFragment(html3) : html3;
-  element.append(fragment);
 };
 
 // src/signals.ts
@@ -58,8 +495,8 @@ var createSignal = (initVal, options) => {
     if (subscriber !== null) {
       subscribers.add(subscriber);
     }
-    if (options?.debugMode || getterOptions?.debugMode) {
-      requestAnimationFrame(() => {
+    if (options?.debugMode === true || getterOptions?.debugMode === true) {
+      queueMicrotask(() => {
         let label = "anonymous signal";
         if (options?.label !== void 0) {
           label = `(${options.label})`;
@@ -84,7 +521,7 @@ var createSignal = (initVal, options) => {
     }
     if (!isBatchingUpdates) {
       isBatchingUpdates = true;
-      requestAnimationFrame(() => {
+      queueMicrotask(() => {
         for (const fn of updateQueue) {
           try {
             fn();
@@ -92,7 +529,7 @@ var createSignal = (initVal, options) => {
             console.error("Error in subscriber:", { error, oldValue, newValue, fn });
           }
         }
-        if (options?.debugMode || setterOptions?.debugMode) {
+        if (options?.debugMode === true || setterOptions?.debugMode === true) {
           let label = "anonymous signal";
           if (options?.label !== void 0) {
             label = `(${options.label})`;
@@ -132,973 +569,150 @@ var createEffect = (fn) => {
   subscriber = null;
 };
 
-// node_modules/dompurify/dist/purify.es.mjs
-var {
-  entries,
-  setPrototypeOf,
-  isFrozen,
-  getPrototypeOf,
-  getOwnPropertyDescriptor
-} = Object;
-var {
-  freeze,
-  seal,
-  create
-} = Object;
-var {
-  apply,
-  construct
-} = typeof Reflect !== "undefined" && Reflect;
-if (!freeze) {
-  freeze = function freeze2(x) {
-    return x;
-  };
-}
-if (!seal) {
-  seal = function seal2(x) {
-    return x;
-  };
-}
-if (!apply) {
-  apply = function apply2(fun, thisValue, args) {
-    return fun.apply(thisValue, args);
-  };
-}
-if (!construct) {
-  construct = function construct2(Func, args) {
-    return new Func(...args);
-  };
-}
-var arrayForEach = unapply(Array.prototype.forEach);
-var arrayPop = unapply(Array.prototype.pop);
-var arrayPush = unapply(Array.prototype.push);
-var stringToLowerCase = unapply(String.prototype.toLowerCase);
-var stringToString = unapply(String.prototype.toString);
-var stringMatch = unapply(String.prototype.match);
-var stringReplace = unapply(String.prototype.replace);
-var stringIndexOf = unapply(String.prototype.indexOf);
-var stringTrim = unapply(String.prototype.trim);
-var objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
-var regExpTest = unapply(RegExp.prototype.test);
-var typeErrorCreate = unconstruct(TypeError);
-function unapply(func) {
-  return function(thisArg) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    return apply(func, thisArg, args);
-  };
-}
-function unconstruct(func) {
-  return function() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    return construct(func, args);
-  };
-}
-function addToSet(set, array) {
-  let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
-  if (setPrototypeOf) {
-    setPrototypeOf(set, null);
-  }
-  let l = array.length;
-  while (l--) {
-    let element = array[l];
-    if (typeof element === "string") {
-      const lcElement = transformCaseFunc(element);
-      if (lcElement !== element) {
-        if (!isFrozen(array)) {
-          array[l] = lcElement;
-        }
-        element = lcElement;
-      }
-    }
-    set[element] = true;
-  }
-  return set;
-}
-function cleanArray(array) {
-  for (let index = 0; index < array.length; index++) {
-    const isPropertyExist = objectHasOwnProperty(array, index);
-    if (!isPropertyExist) {
-      array[index] = null;
-    }
-  }
-  return array;
-}
-function clone(object) {
-  const newObject = create(null);
-  for (const [property, value] of entries(object)) {
-    const isPropertyExist = objectHasOwnProperty(object, property);
-    if (isPropertyExist) {
-      if (Array.isArray(value)) {
-        newObject[property] = cleanArray(value);
-      } else if (value && typeof value === "object" && value.constructor === Object) {
-        newObject[property] = clone(value);
-      } else {
-        newObject[property] = value;
-      }
-    }
+// src/utilities.ts
+var NOOP = () => void 0;
+
+// src/server-side.ts
+var isServer = typeof window === "undefined";
+var serverDefineFns = /* @__PURE__ */ new Set();
+var onServerDefine = (fn) => {
+  serverDefineFns.add(fn);
+};
+var serverDefine = ({ tagName, serverRender, options, scopedRegistry, parentRegistry }) => {
+  if (parentRegistry !== void 0) {
+    parentRegistry.__serverRenderOpts.set(tagName, { serverRender, ...options });
+    if (parentRegistry.scoped) return;
   }
-  return newObject;
-}
-function lookupGetter(object, prop) {
-  while (object !== null) {
-    const desc = getOwnPropertyDescriptor(object, prop);
-    if (desc) {
-      if (desc.get) {
-        return unapply(desc.get);
-      }
-      if (typeof desc.value === "function") {
-        return unapply(desc.value);
+  for (const fn of serverDefineFns) {
+    let result = serverRender(getServerRenderArgs(tagName));
+    result = wrapTemplate({
+      tagName,
+      serverRender,
+      options
+    });
+    if (scopedRegistry !== void 0) {
+      for (const [scopedTagName, scopedRenderOptions] of scopedRegistry.__serverRenderOpts) {
+        const { serverRender: serverRender2, ...scopedOptions } = scopedRenderOptions;
+        let template = serverRender2(getServerRenderArgs(scopedTagName, scopedRegistry));
+        template = wrapTemplate({
+          tagName: scopedTagName,
+          serverRender: serverRender2,
+          options: scopedOptions
+        });
+        result = insertTemplates(scopedTagName, template, result);
       }
     }
-    object = getPrototypeOf(object);
-  }
-  function fallbackValue() {
-    return null;
+    fn(tagName, result);
   }
-  return fallbackValue;
-}
-var html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
-var svg$1 = freeze(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]);
-var svgFilters = freeze(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]);
-var svgDisallowed = freeze(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]);
-var mathMl$1 = freeze(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]);
-var mathMlDisallowed = freeze(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]);
-var text = freeze(["#text"]);
-var html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]);
-var svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
-var mathMl = freeze(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]);
-var xml = freeze(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]);
-var MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm);
-var ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
-var TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
-var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/);
-var ARIA_ATTR = seal(/^aria-[\-\w]+$/);
-var IS_ALLOWED_URI = seal(
-  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
-  // eslint-disable-line no-useless-escape
-);
-var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
-var ATTR_WHITESPACE = seal(
-  /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
-  // eslint-disable-line no-control-regex
-);
-var DOCTYPE_NAME = seal(/^html$/i);
-var CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
-var EXPRESSIONS = /* @__PURE__ */ Object.freeze({
-  __proto__: null,
-  ARIA_ATTR,
-  ATTR_WHITESPACE,
-  CUSTOM_ELEMENT,
-  DATA_ATTR,
-  DOCTYPE_NAME,
-  ERB_EXPR,
-  IS_ALLOWED_URI,
-  IS_SCRIPT_OR_DATA,
-  MUSTACHE_EXPR,
-  TMPLIT_EXPR
-});
-var NODE_TYPE = {
-  element: 1,
-  attribute: 2,
-  text: 3,
-  cdataSection: 4,
-  entityReference: 5,
-  // Deprecated
-  entityNode: 6,
-  // Deprecated
-  progressingInstruction: 7,
-  comment: 8,
-  document: 9,
-  documentType: 10,
-  documentFragment: 11,
-  notation: 12
-  // Deprecated
 };
-var getGlobal = function getGlobal2() {
-  return typeof window === "undefined" ? null : window;
-};
-var _createTrustedTypesPolicy = function _createTrustedTypesPolicy2(trustedTypes, purifyHostElement) {
-  if (typeof trustedTypes !== "object" || typeof trustedTypes.createPolicy !== "function") {
-    return null;
-  }
-  let suffix = null;
-  const ATTR_NAME = "data-tt-policy-suffix";
-  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
-    suffix = purifyHostElement.getAttribute(ATTR_NAME);
-  }
-  const policyName = "dompurify" + (suffix ? "#" + suffix : "");
-  try {
-    return trustedTypes.createPolicy(policyName, {
-      createHTML(html3) {
-        return html3;
-      },
-      createScriptURL(scriptUrl) {
-        return scriptUrl;
+var serverCss = /* @__PURE__ */ new Map();
+var getServerRenderArgs = (tagName, registry) => ({
+  get elementRef() {
+    return new Proxy({}, {
+      get: () => {
+        throw new Error("The `elementRef` property is not available on the server.");
       }
     });
-  } catch (_) {
-    console.warn("TrustedTypes policy " + policyName + " could not be created.");
-    return null;
-  }
-};
-function createDOMPurify() {
-  let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
-  const DOMPurify = (root) => createDOMPurify(root);
-  DOMPurify.version = "3.2.1";
-  DOMPurify.removed = [];
-  if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document) {
-    DOMPurify.isSupported = false;
-    return DOMPurify;
-  }
-  let {
-    document: document2
-  } = window2;
-  const originalDocument = document2;
-  const currentScript = originalDocument.currentScript;
-  const {
-    DocumentFragment: DocumentFragment2,
-    HTMLTemplateElement,
-    Node,
-    Element: Element2,
-    NodeFilter,
-    NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
-    HTMLFormElement,
-    DOMParser,
-    trustedTypes
-  } = window2;
-  const ElementPrototype = Element2.prototype;
-  const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
-  const remove = lookupGetter(ElementPrototype, "remove");
-  const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
-  const getChildNodes = lookupGetter(ElementPrototype, "childNodes");
-  const getParentNode = lookupGetter(ElementPrototype, "parentNode");
-  if (typeof HTMLTemplateElement === "function") {
-    const template = document2.createElement("template");
-    if (template.content && template.content.ownerDocument) {
-      document2 = template.content.ownerDocument;
-    }
-  }
-  let trustedTypesPolicy;
-  let emptyHTML = "";
-  const {
-    implementation,
-    createNodeIterator,
-    createDocumentFragment,
-    getElementsByTagName
-  } = document2;
-  const {
-    importNode
-  } = originalDocument;
-  let hooks = {};
-  DOMPurify.isSupported = typeof entries === "function" && typeof getParentNode === "function" && implementation && implementation.createHTMLDocument !== void 0;
-  const {
-    MUSTACHE_EXPR: MUSTACHE_EXPR2,
-    ERB_EXPR: ERB_EXPR2,
-    TMPLIT_EXPR: TMPLIT_EXPR2,
-    DATA_ATTR: DATA_ATTR2,
-    ARIA_ATTR: ARIA_ATTR2,
-    IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA2,
-    ATTR_WHITESPACE: ATTR_WHITESPACE2,
-    CUSTOM_ELEMENT: CUSTOM_ELEMENT2
-  } = EXPRESSIONS;
-  let {
-    IS_ALLOWED_URI: IS_ALLOWED_URI$1
-  } = EXPRESSIONS;
-  let ALLOWED_TAGS = null;
-  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
-  let ALLOWED_ATTR = null;
-  const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
-  let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
-    tagNameCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    },
-    attributeNameCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    },
-    allowCustomizedBuiltInElements: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: false
-    }
-  }));
-  let FORBID_TAGS = null;
-  let FORBID_ATTR = null;
-  let ALLOW_ARIA_ATTR = true;
-  let ALLOW_DATA_ATTR = true;
-  let ALLOW_UNKNOWN_PROTOCOLS = false;
-  let ALLOW_SELF_CLOSE_IN_ATTR = true;
-  let SAFE_FOR_TEMPLATES = false;
-  let SAFE_FOR_XML = true;
-  let WHOLE_DOCUMENT = false;
-  let SET_CONFIG = false;
-  let FORCE_BODY = false;
-  let RETURN_DOM = false;
-  let RETURN_DOM_FRAGMENT = false;
-  let RETURN_TRUSTED_TYPE = false;
-  let SANITIZE_DOM = true;
-  let SANITIZE_NAMED_PROPS = false;
-  const SANITIZE_NAMED_PROPS_PREFIX = "user-content-";
-  let KEEP_CONTENT = true;
-  let IN_PLACE = false;
-  let USE_PROFILES = {};
-  let FORBID_CONTENTS = null;
-  const DEFAULT_FORBID_CONTENTS = addToSet({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
-  let DATA_URI_TAGS = null;
-  const DEFAULT_DATA_URI_TAGS = addToSet({}, ["audio", "video", "img", "source", "image", "track"]);
-  let URI_SAFE_ATTRIBUTES = null;
-  const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]);
-  const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-  const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
-  const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
-  let NAMESPACE = HTML_NAMESPACE;
-  let IS_EMPTY_INPUT = false;
-  let ALLOWED_NAMESPACES = null;
-  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
-  let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ["mi", "mo", "mn", "ms", "mtext"]);
-  let HTML_INTEGRATION_POINTS = addToSet({}, ["annotation-xml"]);
-  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ["title", "style", "font", "a", "script"]);
-  let PARSER_MEDIA_TYPE = null;
-  const SUPPORTED_PARSER_MEDIA_TYPES = ["application/xhtml+xml", "text/html"];
-  const DEFAULT_PARSER_MEDIA_TYPE = "text/html";
-  let transformCaseFunc = null;
-  let CONFIG = null;
-  const formElement = document2.createElement("form");
-  const isRegexOrFunction = function isRegexOrFunction2(testValue) {
-    return testValue instanceof RegExp || testValue instanceof Function;
-  };
-  const _parseConfig = function _parseConfig2() {
-    let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (CONFIG && CONFIG === cfg) {
-      return;
-    }
-    if (!cfg || typeof cfg !== "object") {
-      cfg = {};
-    }
-    cfg = clone(cfg);
-    PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
-    SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
-    transformCaseFunc = PARSER_MEDIA_TYPE === "application/xhtml+xml" ? stringToString : stringToLowerCase;
-    ALLOWED_TAGS = objectHasOwnProperty(cfg, "ALLOWED_TAGS") ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
-    ALLOWED_ATTR = objectHasOwnProperty(cfg, "ALLOWED_ATTR") ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
-    ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, "ALLOWED_NAMESPACES") ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
-    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
-    DATA_URI_TAGS = objectHasOwnProperty(cfg, "ADD_DATA_URI_TAGS") ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
-    FORBID_CONTENTS = objectHasOwnProperty(cfg, "FORBID_CONTENTS") ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-    FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
-    FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
-    USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES : false;
-    ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
-    ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
-    ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false;
-    ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false;
-    SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false;
-    SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false;
-    WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false;
-    RETURN_DOM = cfg.RETURN_DOM || false;
-    RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false;
-    RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false;
-    FORCE_BODY = cfg.FORCE_BODY || false;
-    SANITIZE_DOM = cfg.SANITIZE_DOM !== false;
-    SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false;
-    KEEP_CONTENT = cfg.KEEP_CONTENT !== false;
-    IN_PLACE = cfg.IN_PLACE || false;
-    IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
-    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
-    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
-    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
-    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
-    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
-      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
-    }
-    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
-      CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
-    }
-    if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === "boolean") {
-      CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
-    }
-    if (SAFE_FOR_TEMPLATES) {
-      ALLOW_DATA_ATTR = false;
-    }
-    if (RETURN_DOM_FRAGMENT) {
-      RETURN_DOM = true;
-    }
-    if (USE_PROFILES) {
-      ALLOWED_TAGS = addToSet({}, text);
-      ALLOWED_ATTR = [];
-      if (USE_PROFILES.html === true) {
-        addToSet(ALLOWED_TAGS, html$1);
-        addToSet(ALLOWED_ATTR, html);
-      }
-      if (USE_PROFILES.svg === true) {
-        addToSet(ALLOWED_TAGS, svg$1);
-        addToSet(ALLOWED_ATTR, svg);
-        addToSet(ALLOWED_ATTR, xml);
-      }
-      if (USE_PROFILES.svgFilters === true) {
-        addToSet(ALLOWED_TAGS, svgFilters);
-        addToSet(ALLOWED_ATTR, svg);
-        addToSet(ALLOWED_ATTR, xml);
+  },
+  get root() {
+    return new Proxy({}, {
+      get: () => {
+        throw new Error("The `root` property is not available on the server.");
       }
-      if (USE_PROFILES.mathMl === true) {
-        addToSet(ALLOWED_TAGS, mathMl$1);
-        addToSet(ALLOWED_ATTR, mathMl);
-        addToSet(ALLOWED_ATTR, xml);
-      }
-    }
-    if (cfg.ADD_TAGS) {
-      if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
-        ALLOWED_TAGS = clone(ALLOWED_TAGS);
-      }
-      addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
-    }
-    if (cfg.ADD_ATTR) {
-      if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
-        ALLOWED_ATTR = clone(ALLOWED_ATTR);
-      }
-      addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
-    }
-    if (cfg.ADD_URI_SAFE_ATTR) {
-      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
-    }
-    if (cfg.FORBID_CONTENTS) {
-      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
-        FORBID_CONTENTS = clone(FORBID_CONTENTS);
-      }
-      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
-    }
-    if (KEEP_CONTENT) {
-      ALLOWED_TAGS["#text"] = true;
-    }
-    if (WHOLE_DOCUMENT) {
-      addToSet(ALLOWED_TAGS, ["html", "head", "body"]);
-    }
-    if (ALLOWED_TAGS.table) {
-      addToSet(ALLOWED_TAGS, ["tbody"]);
-      delete FORBID_TAGS.tbody;
-    }
-    if (cfg.TRUSTED_TYPES_POLICY) {
-      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== "function") {
-        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
-      }
-      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== "function") {
-        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-      }
-      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
-      emptyHTML = trustedTypesPolicy.createHTML("");
-    } else {
-      if (trustedTypesPolicy === void 0) {
-        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
-      }
-      if (trustedTypesPolicy !== null && typeof emptyHTML === "string") {
-        emptyHTML = trustedTypesPolicy.createHTML("");
-      }
-    }
-    if (freeze) {
-      freeze(cfg);
-    }
-    CONFIG = cfg;
-  };
-  const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
-  const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
-  const _checkValidNamespace = function _checkValidNamespace2(element) {
-    let parent = getParentNode(element);
-    if (!parent || !parent.tagName) {
-      parent = {
-        namespaceURI: NAMESPACE,
-        tagName: "template"
-      };
-    }
-    const tagName = stringToLowerCase(element.tagName);
-    const parentTagName = stringToLowerCase(parent.tagName);
-    if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
-      return false;
-    }
-    if (element.namespaceURI === SVG_NAMESPACE) {
-      if (parent.namespaceURI === HTML_NAMESPACE) {
-        return tagName === "svg";
-      }
-      if (parent.namespaceURI === MATHML_NAMESPACE) {
-        return tagName === "svg" && (parentTagName === "annotation-xml" || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
-      }
-      return Boolean(ALL_SVG_TAGS[tagName]);
-    }
-    if (element.namespaceURI === MATHML_NAMESPACE) {
-      if (parent.namespaceURI === HTML_NAMESPACE) {
-        return tagName === "math";
-      }
-      if (parent.namespaceURI === SVG_NAMESPACE) {
-        return tagName === "math" && HTML_INTEGRATION_POINTS[parentTagName];
-      }
-      return Boolean(ALL_MATHML_TAGS[tagName]);
-    }
-    if (element.namespaceURI === HTML_NAMESPACE) {
-      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
-        return false;
-      }
-      if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
-        return false;
-      }
-      return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
-    }
-    if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[element.namespaceURI]) {
-      return true;
-    }
-    return false;
-  };
-  const _forceRemove = function _forceRemove2(node) {
-    arrayPush(DOMPurify.removed, {
-      element: node
     });
-    try {
-      getParentNode(node).removeChild(node);
-    } catch (_) {
-      remove(node);
-    }
-  };
-  const _removeAttribute = function _removeAttribute2(name, element) {
-    try {
-      arrayPush(DOMPurify.removed, {
-        attribute: element.getAttributeNode(name),
-        from: element
-      });
-    } catch (_) {
-      arrayPush(DOMPurify.removed, {
-        attribute: null,
-        from: element
-      });
-    }
-    element.removeAttribute(name);
-    if (name === "is" && !ALLOWED_ATTR[name]) {
-      if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
-        try {
-          _forceRemove(element);
-        } catch (_) {
-        }
-      } else {
-        try {
-          element.setAttribute(name, "");
-        } catch (_) {
-        }
-      }
-    }
-  };
-  const _initDocument = function _initDocument2(dirty) {
-    let doc = null;
-    let leadingWhitespace = null;
-    if (FORCE_BODY) {
-      dirty = "<remove></remove>" + dirty;
-    } else {
-      const matches = stringMatch(dirty, /^[\r\n\t ]+/);
-      leadingWhitespace = matches && matches[0];
-    }
-    if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && NAMESPACE === HTML_NAMESPACE) {
-      dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + "</body></html>";
-    }
-    const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
-    if (NAMESPACE === HTML_NAMESPACE) {
-      try {
-        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
-      } catch (_) {
+  },
+  get internals() {
+    return new Proxy({}, {
+      get: () => {
+        throw new Error("The `internals` property is not available on the server.");
       }
-    }
-    if (!doc || !doc.documentElement) {
-      doc = implementation.createDocument(NAMESPACE, "template", null);
-      try {
-        doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
-      } catch (_) {
-      }
-    }
-    const body = doc.body || doc.documentElement;
-    if (dirty && leadingWhitespace) {
-      body.insertBefore(document2.createTextNode(leadingWhitespace), body.childNodes[0] || null);
-    }
-    if (NAMESPACE === HTML_NAMESPACE) {
-      return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? "html" : "body")[0];
-    }
-    return WHOLE_DOCUMENT ? doc.documentElement : body;
-  };
-  const _createNodeIterator = function _createNodeIterator2(root) {
-    return createNodeIterator.call(
-      root.ownerDocument || root,
-      root,
-      // eslint-disable-next-line no-bitwise
-      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION,
-      null
-    );
-  };
-  const _isClobbered = function _isClobbered2(element) {
-    return element instanceof HTMLFormElement && (typeof element.nodeName !== "string" || typeof element.textContent !== "string" || typeof element.removeChild !== "function" || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== "function" || typeof element.setAttribute !== "function" || typeof element.namespaceURI !== "string" || typeof element.insertBefore !== "function" || typeof element.hasChildNodes !== "function");
-  };
-  const _isNode = function _isNode2(value) {
-    return typeof Node === "function" && value instanceof Node;
-  };
-  function _executeHook(entryPoint, currentNode, data) {
-    if (!hooks[entryPoint]) {
-      return;
-    }
-    arrayForEach(hooks[entryPoint], (hook) => {
-      hook.call(DOMPurify, currentNode, data, CONFIG);
     });
+  },
+  attributeChangedCallback: NOOP,
+  connectedCallback: NOOP,
+  disconnectedCallback: NOOP,
+  adoptedCallback: NOOP,
+  formDisabledCallback: NOOP,
+  formResetCallback: NOOP,
+  formStateRestoreCallback: NOOP,
+  formAssociatedCallback: NOOP,
+  clientOnlyCallback: NOOP,
+  customCallback: () => `{{callback:unavailable-on-server}}`,
+  attrSignals: new Proxy({}, { get: (_, attr) => createSignal(`{{attr:${String(attr)}}}`) }),
+  propSignals: new Proxy({}, { get: () => createSignal(null) }),
+  refs: {},
+  // @ts-expect-error // this will be a string for SSR, but this is true for internal cases only.
+  // The end user will see the public type, which is either a CSSStyleSheet or HTMLStyleElement.
+  adoptStyleSheet: (cssStr) => {
+    const _serverCss = registry !== void 0 ? registry.__serverCss : serverCss;
+    const cssArr = _serverCss.get(tagName) ?? [];
+    cssArr.push(cssStr);
+    _serverCss.set(tagName, cssArr);
   }
-  const _sanitizeElements = function _sanitizeElements2(currentNode) {
-    let content = null;
-    _executeHook("beforeSanitizeElements", currentNode, null);
-    if (_isClobbered(currentNode)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    const tagName = transformCaseFunc(currentNode.nodeName);
-    _executeHook("uponSanitizeElement", currentNode, {
-      tagName,
-      allowedTags: ALLOWED_TAGS
+});
+var wrapTemplate = ({ tagName, serverRender, options }) => {
+  const { registry } = options.shadowRootOptions;
+  const scopedRegistry = registry !== void 0 && "scoped" in registry ? registry : void 0;
+  const initialRenderString = serverRender(getServerRenderArgs(tagName, scopedRegistry));
+  const _serverCss = scopedRegistry?.__serverCss ?? serverCss;
+  const cssRenderString = (_serverCss.get(tagName) ?? []).map((cssStr) => `<style>${cssStr}</style>`).join("");
+  const finalScopedRenderString = options.attachShadow ? (
+    /* html */
+    `
+				<template
+					shadowrootmode="${options.shadowRootOptions.mode}"
+					shadowrootdelegatesfocus="${options.shadowRootOptions.delegatesFocus}"
+					shadowrootclonable="${options.shadowRootOptions.clonable}"
+					shadowrootserializable="${options.shadowRootOptions.serializable}"
+				>
+					${cssRenderString + initialRenderString}
+				</template>
+			`
+  ) : cssRenderString + initialRenderString;
+  return finalScopedRenderString;
+};
+var insertTemplates = (tagName, template, inputString) => {
+  return inputString.replace(new RegExp(`(<s*${tagName}([^>]*)>)`, "gm"), ($1, _, $3) => {
+    const attrs = $3.split(/(?<=")\s+/).filter((attr) => attr.trim() !== "").map((attr) => {
+      const [_key, _value] = attr.split("=");
+      const key = _key.trim();
+      const value = _value?.replace(/"/g, "") ?? "";
+      return [key, value];
     });
-    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-      if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
-          return false;
-        }
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
-          return false;
-        }
-      }
-      if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
-        const parentNode = getParentNode(currentNode) || currentNode.parentNode;
-        const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
-        if (childNodes && parentNode) {
-          const childCount = childNodes.length;
-          for (let i = childCount - 1; i >= 0; --i) {
-            const childClone = cloneNode(childNodes[i], true);
-            childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
-            parentNode.insertBefore(childClone, getNextSibling(currentNode));
-          }
-        }
-      }
-      _forceRemove(currentNode);
-      return true;
-    }
-    if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    if ((tagName === "noscript" || tagName === "noembed" || tagName === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
-      content = currentNode.textContent;
-      arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
-        content = stringReplace(content, expr, " ");
-      });
-      if (currentNode.textContent !== content) {
-        arrayPush(DOMPurify.removed, {
-          element: currentNode.cloneNode()
-        });
-        currentNode.textContent = content;
-      }
-    }
-    _executeHook("afterSanitizeElements", currentNode, null);
-    return false;
-  };
-  const _isValidAttribute = function _isValidAttribute2(lcTag, lcName, value) {
-    if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document2 || value in formElement)) {
-      return false;
-    }
-    if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR2, lcName)) ;
-    else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR2, lcName)) ;
-    else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
-      if (
-        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
-        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
-        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))
-      ) ;
-      else {
-        return false;
-      }
-    } else if (URI_SAFE_ATTRIBUTES[lcName]) ;
-    else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
-    else if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) ;
-    else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA2, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
-    else if (value) {
-      return false;
-    } else ;
-    return true;
-  };
-  const _isBasicCustomElement = function _isBasicCustomElement2(tagName) {
-    return tagName !== "annotation-xml" && stringMatch(tagName, CUSTOM_ELEMENT2);
-  };
-  const _sanitizeAttributes = function _sanitizeAttributes2(currentNode) {
-    _executeHook("beforeSanitizeAttributes", currentNode, null);
-    const {
-      attributes
-    } = currentNode;
-    if (!attributes) {
-      return;
-    }
-    const hookEvent = {
-      attrName: "",
-      attrValue: "",
-      keepAttr: true,
-      allowedAttributes: ALLOWED_ATTR,
-      forceKeepAttr: void 0
-    };
-    let l = attributes.length;
-    while (l--) {
-      const attr = attributes[l];
-      const {
-        name,
-        namespaceURI,
-        value: attrValue
-      } = attr;
-      const lcName = transformCaseFunc(name);
-      let value = name === "value" ? attrValue : stringTrim(attrValue);
-      hookEvent.attrName = lcName;
-      hookEvent.attrValue = value;
-      hookEvent.keepAttr = true;
-      hookEvent.forceKeepAttr = void 0;
-      _executeHook("uponSanitizeAttribute", currentNode, hookEvent);
-      value = hookEvent.attrValue;
-      if (SANITIZE_NAMED_PROPS && (lcName === "id" || lcName === "name")) {
-        _removeAttribute(name, currentNode);
-        value = SANITIZE_NAMED_PROPS_PREFIX + value;
-      }
-      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      if (hookEvent.forceKeepAttr) {
-        continue;
-      }
-      _removeAttribute(name, currentNode);
-      if (!hookEvent.keepAttr) {
-        continue;
-      }
-      if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      if (SAFE_FOR_TEMPLATES) {
-        arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
-          value = stringReplace(value, expr, " ");
-        });
-      }
-      const lcTag = transformCaseFunc(currentNode.nodeName);
-      if (!_isValidAttribute(lcTag, lcName, value)) {
-        continue;
-      }
-      if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function") {
-        if (namespaceURI) ;
-        else {
-          switch (trustedTypes.getAttributeType(lcTag, lcName)) {
-            case "TrustedHTML": {
-              value = trustedTypesPolicy.createHTML(value);
-              break;
-            }
-            case "TrustedScriptURL": {
-              value = trustedTypesPolicy.createScriptURL(value);
-              break;
-            }
-          }
-        }
-      }
-      try {
-        if (namespaceURI) {
-          currentNode.setAttributeNS(namespaceURI, name, value);
-        } else {
-          currentNode.setAttribute(name, value);
-        }
-        if (_isClobbered(currentNode)) {
-          _forceRemove(currentNode);
-        } else {
-          arrayPop(DOMPurify.removed);
-        }
-      } catch (_) {
-      }
-    }
-    _executeHook("afterSanitizeAttributes", currentNode, null);
-  };
-  const _sanitizeShadowDOM = function _sanitizeShadowDOM2(fragment) {
-    let shadowNode = null;
-    const shadowIterator = _createNodeIterator(fragment);
-    _executeHook("beforeSanitizeShadowDOM", fragment, null);
-    while (shadowNode = shadowIterator.nextNode()) {
-      _executeHook("uponSanitizeShadowNode", shadowNode, null);
-      if (_sanitizeElements(shadowNode)) {
-        continue;
-      }
-      if (shadowNode.content instanceof DocumentFragment2) {
-        _sanitizeShadowDOM2(shadowNode.content);
-      }
-      _sanitizeAttributes(shadowNode);
-    }
-    _executeHook("afterSanitizeShadowDOM", fragment, null);
-  };
-  DOMPurify.sanitize = function(dirty) {
-    let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    let body = null;
-    let importedNode = null;
-    let currentNode = null;
-    let returnNode = null;
-    IS_EMPTY_INPUT = !dirty;
-    if (IS_EMPTY_INPUT) {
-      dirty = "<!-->";
-    }
-    if (typeof dirty !== "string" && !_isNode(dirty)) {
-      if (typeof dirty.toString === "function") {
-        dirty = dirty.toString();
-        if (typeof dirty !== "string") {
-          throw typeErrorCreate("dirty is not a string, aborting");
-        }
-      } else {
-        throw typeErrorCreate("toString is not a function");
-      }
-    }
-    if (!DOMPurify.isSupported) {
-      return dirty;
-    }
-    if (!SET_CONFIG) {
-      _parseConfig(cfg);
+    let scopedResult = template;
+    for (const [key, value] of attrs) {
+      scopedResult = scopedResult.replace(new RegExp(`{{attr:${key}}}`, "gm"), value);
     }
-    DOMPurify.removed = [];
-    if (typeof dirty === "string") {
-      IN_PLACE = false;
-    }
-    if (IN_PLACE) {
-      if (dirty.nodeName) {
-        const tagName = transformCaseFunc(dirty.nodeName);
-        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-          throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
-        }
-      }
-    } else if (dirty instanceof Node) {
-      body = _initDocument("<!---->");
-      importedNode = body.ownerDocument.importNode(dirty, true);
-      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
-        body = importedNode;
-      } else if (importedNode.nodeName === "HTML") {
-        body = importedNode;
-      } else {
-        body.appendChild(importedNode);
-      }
-    } else {
-      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
-      dirty.indexOf("<") === -1) {
-        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
-      }
-      body = _initDocument(dirty);
-      if (!body) {
-        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
-      }
-    }
-    if (body && FORCE_BODY) {
-      _forceRemove(body.firstChild);
-    }
-    const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
-    while (currentNode = nodeIterator.nextNode()) {
-      if (_sanitizeElements(currentNode)) {
-        continue;
-      }
-      if (currentNode.content instanceof DocumentFragment2) {
-        _sanitizeShadowDOM(currentNode.content);
-      }
-      _sanitizeAttributes(currentNode);
-    }
-    if (IN_PLACE) {
-      return dirty;
-    }
-    if (RETURN_DOM) {
-      if (RETURN_DOM_FRAGMENT) {
-        returnNode = createDocumentFragment.call(body.ownerDocument);
-        while (body.firstChild) {
-          returnNode.appendChild(body.firstChild);
-        }
-      } else {
-        returnNode = body;
-      }
-      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
-        returnNode = importNode.call(originalDocument, returnNode, true);
-      }
-      return returnNode;
-    }
-    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
-    if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
-      serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
-    }
-    if (SAFE_FOR_TEMPLATES) {
-      arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
-        serializedHTML = stringReplace(serializedHTML, expr, " ");
-      });
-    }
-    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
-  };
-  DOMPurify.setConfig = function() {
-    let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    _parseConfig(cfg);
-    SET_CONFIG = true;
-  };
-  DOMPurify.clearConfig = function() {
-    CONFIG = null;
-    SET_CONFIG = false;
-  };
-  DOMPurify.isValidAttribute = function(tag, attr, value) {
-    if (!CONFIG) {
-      _parseConfig({});
-    }
-    const lcTag = transformCaseFunc(tag);
-    const lcName = transformCaseFunc(attr);
-    return _isValidAttribute(lcTag, lcName, value);
-  };
-  DOMPurify.addHook = function(entryPoint, hookFunction) {
-    if (typeof hookFunction !== "function") {
-      return;
-    }
-    hooks[entryPoint] = hooks[entryPoint] || [];
-    arrayPush(hooks[entryPoint], hookFunction);
-  };
-  DOMPurify.removeHook = function(entryPoint) {
-    if (hooks[entryPoint]) {
-      return arrayPop(hooks[entryPoint]);
-    }
-  };
-  DOMPurify.removeHooks = function(entryPoint) {
-    if (hooks[entryPoint]) {
-      hooks[entryPoint] = [];
-    }
-  };
-  DOMPurify.removeAllHooks = function() {
-    hooks = {};
-  };
-  return DOMPurify;
-}
-var purify = createDOMPurify();
+    return $1 + scopedResult;
+  });
+};
+var clientOnlyCallback = (fn) => {
+  if (!isServer) return fn();
+};
 
 // src/render.ts
-var html2 = (strings, ...values) => {
+var clearHTML = (element) => {
+  while (element.childNodes.length > 0) {
+    element.childNodes[0].remove();
+  }
+};
+var parseFragment = (htmlStr) => {
+  const range = document.createRange();
+  range.selectNode(document.body);
+  return range.createContextualFragment(htmlStr);
+};
+var setInnerHTML = (element, html2) => {
+  clearHTML(element);
+  const fragment = typeof html2 === "string" ? parseFragment(html2) : html2;
+  element.append(fragment);
+};
+var logValueError = (value) => {
+  console.error(
+    "An invalid value was passed to a template function. Non-primitive values are not supported.\n\nValue:\n",
+    value
+  );
+};
+var html = (strings, ...values) => {
   let innerHTML = "";
   const signalMap = /* @__PURE__ */ new Map();
   strings.forEach((string, i) => {
@@ -1106,11 +720,17 @@ var html2 = (strings, ...values) => {
     if (typeof value === "function") {
       const uniqueKey = crypto.randomUUID();
       signalMap.set(uniqueKey, value);
-      value = `{{signal:${uniqueKey}}}`;
+      value = isServer ? value() : `{{signal:${uniqueKey}}}`;
+    }
+    if (typeof value === "object" && value !== null) {
+      logValueError(value);
+      value = "";
     }
     innerHTML += string + String(value);
   });
-  purify.sanitize(innerHTML);
+  if (isServer) {
+    return innerHTML;
+  }
   const fragment = parseFragment(innerHTML);
   const callbackBindingRegex = /(\{\{callback:.+\}\})/;
   const signalBindingRegex = /(\{\{signal:.+\}\})/;
@@ -1118,10 +738,10 @@ var html2 = (strings, ...values) => {
     for (const child of element.childNodes) {
       if (child instanceof Text && signalBindingRegex.test(child.data)) {
         const textList = child.data.split(signalBindingRegex);
-        textList.forEach((text2, i) => {
-          const uniqueKey = text2.replace(/\{\{signal:(.+)\}\}/, "$1");
-          const signal = uniqueKey !== text2 ? signalMap.get(uniqueKey) : void 0;
-          const newValue = signal !== void 0 ? signal() : text2;
+        textList.forEach((text, i) => {
+          const uniqueKey = text.replace(/\{\{signal:(.+)\}\}/, "$1");
+          const signal = uniqueKey !== text ? signalMap.get(uniqueKey) : void 0;
+          const newValue = signal !== void 0 ? signal() : text;
           const newNode = (() => {
             if (typeof newValue === "string") return new Text(newValue);
             if (newValue instanceof DocumentFragment) return newValue;
@@ -1146,12 +766,12 @@ var html2 = (strings, ...values) => {
             createEffect(() => {
               let newText = "";
               let hasNull = false;
-              for (const text2 of textList) {
-                const uniqueKey = text2.replace(/\{\{signal:(.+)\}\}/, "$1");
-                const signal = uniqueKey !== text2 ? signalMap.get(uniqueKey) : void 0;
-                const value = signal !== void 0 ? signal() : text2;
+              for (const text of textList) {
+                const uniqueKey = text.replace(/\{\{signal:(.+)\}\}/, "$1");
+                const signal = uniqueKey !== text ? signalMap.get(uniqueKey) : void 0;
+                const value = signal !== void 0 ? signal() : text;
                 if (value === null) hasNull = true;
-                newText += value;
+                newText += String(value);
               }
               if (hasNull && newText === "null") {
                 child.removeAttribute(attr.name);
@@ -1189,23 +809,31 @@ var css = (strings, ...values) => {
     if (typeof value === "function") {
       const uniqueKey = crypto.randomUUID();
       signalMap.set(uniqueKey, value);
-      value = `{{signal:${uniqueKey}}}`;
+      value = isServer ? value() : `{{signal:${uniqueKey}}}`;
+    }
+    if (typeof value === "object" && value !== null) {
+      logValueError(value);
+      value = "";
     }
     cssText += string + String(value);
   });
-  let stylesheet = adoptedStylesSupported ? new CSSStyleSheet() : document.createElement("style");
+  if (isServer) {
+    return cssText;
+  }
+  const stylesheet = adoptedStylesSupported ? new CSSStyleSheet() : document.createElement("style");
   const textList = cssText.split(signalBindingRegex);
   createEffect(() => {
     const newCSSTextList = [];
-    for (const text2 of textList) {
-      const uniqueKey = text2.replace(/\{\{signal:(.+)\}\}/, "$1");
-      const signal = uniqueKey !== text2 ? signalMap.get(uniqueKey) : null;
-      const newText = signal !== null ? signal() : text2;
+    for (const text of textList) {
+      const uniqueKey = text.replace(/\{\{signal:(.+)\}\}/, "$1");
+      const signal = uniqueKey !== text ? signalMap.get(uniqueKey) : null;
+      const newValue = signal !== null ? signal() : text;
+      const newText = String(newValue);
       newCSSTextList.push(newText);
     }
     const newCSSText = newCSSTextList.join("");
     if (isCSSStyleSheet(stylesheet)) {
-      stylesheet.replace(newCSSText);
+      stylesheet.replace(newCSSText).catch(console.error);
     } else {
       stylesheet.textContent = newCSSText;
     }
@@ -1214,42 +842,63 @@ var css = (strings, ...values) => {
 };
 
 // src/custom-element.ts
-var DEFAULT_RENDER_OPTIONS = {
-  formAssociated: false,
-  observedAttributes: [],
-  attributesAsProperties: [],
-  attachShadow: true,
-  shadowRootOptions: {
-    mode: "closed"
-  }
-};
-if (typeof window !== "undefined") {
-  class TrackableCustomElementRegistry extends window.CustomElementRegistry {
-    __tagNames = /* @__PURE__ */ new Set();
-    define(tagName, constructor) {
-      super.define(tagName, constructor);
-      this.__tagNames.add(tagName);
-    }
-  }
-  window.CustomElementRegistry = TrackableCustomElementRegistry;
-}
-var getPropName = (attrName) => attrName.replace(/^([A-Z]+)/, (_, letter) => letter.toLowerCase()).replace(/(-|_| )([a-zA-Z])/g, (_, letter) => letter.toUpperCase());
 var customElement = (render, options) => {
+  const _options = { ...DEFAULT_RENDER_OPTIONS, ...options };
   const {
     formAssociated,
     observedAttributes: _observedAttributes,
     attributesAsProperties,
     attachShadow,
     shadowRootOptions: _shadowRootOptions
-  } = { ...DEFAULT_RENDER_OPTIONS, ...options };
+  } = _options;
   const shadowRootOptions = { ...DEFAULT_RENDER_OPTIONS.shadowRootOptions, ..._shadowRootOptions };
+  const allOptions = { ..._options, shadowRootOptions };
+  if (isServer) {
+    const serverRender = render;
+    let _tagName2;
+    let _registry2;
+    const scopedRegistry = (() => {
+      if (shadowRootOptions.registry !== void 0 && "scoped" in shadowRootOptions.registry && shadowRootOptions.registry.scoped) {
+        return shadowRootOptions.registry;
+      }
+    })();
+    return {
+      define(tagName) {
+        _tagName2 = tagName;
+        serverDefine({
+          tagName,
+          serverRender,
+          options: allOptions,
+          scopedRegistry,
+          parentRegistry: _registry2
+        });
+        return this;
+      },
+      register(registry) {
+        if (_tagName2 !== void 0 && "eject" in registry && registry.scoped) {
+          console.error("Must call `register()` before `define()` for scoped registries.");
+          return this;
+        }
+        if ("eject" in registry) {
+          _registry2 = registry;
+        } else {
+          console.error("Registry must be created with `createRegistry()` for SSR.");
+        }
+        return this;
+      },
+      eject() {
+        throw new Error("Cannot eject a custom element on the server.");
+      }
+    };
+  }
   shadowRootOptions.registry = shadowRootOptions.customElements = shadowRootOptions.registry instanceof CustomElementRegistry ? shadowRootOptions.registry : shadowRootOptions.registry?.eject();
   const observedAttributesSet = new Set(_observedAttributes);
   const attributesAsPropertiesMap = /* @__PURE__ */ new Map();
   for (const [attrName, coerce] of attributesAsProperties) {
     observedAttributesSet.add(attrName);
     attributesAsPropertiesMap.set(attrName, {
-      prop: getPropName(attrName),
+      // convert kebab-case attribute names to camelCase property names
+      prop: attrName.replace(/^([A-Z]+)/, (_, letter) => letter.toLowerCase()).replace(/(-|_| )([a-zA-Z])/g, (_, letter) => letter.toUpperCase()),
       coerce,
       value: null
     });
@@ -1267,6 +916,7 @@ var customElement = (render, options) => {
     #formDisabledCallbackFns = /* @__PURE__ */ new Set();
     #formResetCallbackFns = /* @__PURE__ */ new Set();
     #formStateRestoreCallbackFns = /* @__PURE__ */ new Set();
+    #clientOnlyCallbackFns = /* @__PURE__ */ new Set();
     __customCallbackFns = /* @__PURE__ */ new Map();
     #shadowRoot = attachShadow ? this.attachShadow(shadowRootOptions) : null;
     #internals = this.attachInternals();
@@ -1276,8 +926,7 @@ var customElement = (render, options) => {
         if (mutation.type !== "attributes" || attrName === null) continue;
         if (!(attrName in this.#attrSignals)) this.#attrSignals[attrName] = createSignal(null);
         const [getter, setter] = this.#attrSignals[attrName];
-        const _oldValue = getter();
-        const oldValue = _oldValue === null ? null : _oldValue;
+        const oldValue = getter();
         const newValue = this.getAttribute(attrName);
         setter(newValue);
         for (const fn of this.#attributeChangedFns) {
@@ -1299,6 +948,7 @@ var customElement = (render, options) => {
         formDisabledCallback: (fn) => this.#formDisabledCallbackFns.add(fn),
         formResetCallback: (fn) => this.#formResetCallbackFns.add(fn),
         formStateRestoreCallback: (fn) => this.#formStateRestoreCallbackFns.add(fn),
+        clientOnlyCallback: (fn) => this.#clientOnlyCallbackFns.add(fn),
         customCallback: (fn) => {
           const key = crypto.randomUUID();
           this.__customCallbackFns.set(key, fn);
@@ -1387,7 +1037,7 @@ You must set an initial value before calling a property signal's getter.
       tempContainer.append(fragment.cloneNode(true));
       const fragmentContent = tempContainer.innerHTML;
       root.innerHTML = fragmentContent;
-      if (registry !== void 0 && registry.__tagNames !== void 0) {
+      if (registry?.__tagNames !== void 0) {
         for (const tagName of registry.__tagNames) {
           const upgradedElements = root.querySelectorAll(tagName);
           const nonUpgradedElements = fragment.querySelectorAll(tagName);
@@ -1397,6 +1047,9 @@ You must set an initial value before calling a property signal's getter.
           });
         }
       }
+      for (const fn of this.#clientOnlyCallbackFns) {
+        fn();
+      }
       setInnerHTML(root, fragment);
     }
     static get formAssociated() {
@@ -1493,79 +1146,107 @@ You must set an initial value before calling a property signal's getter.
       }
     }
   }
-  let _tagName = null;
-  let _registry = null;
-  let _registered = false;
-  const register = () => {
-    if (_tagName === null || _registry === null || _registered) return;
-    _registry.register(_tagName, CustomElement);
-    _registry.register(_tagName, elementResult);
-    _registered = true;
-  };
+  let _tagName;
+  let _registry;
   const elementResult = {
-    define(tagName) {
-      const registry = _registry?.scoped ? _registry.eject() : customElements;
-      if (registry.get(tagName) !== void 0) {
+    define(tagName, options2) {
+      const registry = _registry ?? customElements;
+      const nativeRegistry = "eject" in registry ? registry.eject() : registry;
+      if (nativeRegistry.get(tagName) !== void 0) {
         console.warn(`Custom element "${tagName}" was already defined. Skipping...`);
         return this;
       }
-      registry.define(tagName, CustomElement);
+      registry.define(tagName, CustomElement, options2);
       _tagName = tagName;
-      register();
       return this;
     },
     register(registry) {
-      if (_tagName !== null && registry.scoped) {
+      if (_tagName !== void 0 && "eject" in registry && registry.scoped) {
         console.error("Must call `register()` before `define()` for scoped registries.");
         return this;
       }
       _registry = registry;
-      register();
       return this;
     },
     eject: () => CustomElement
   };
   return elementResult;
 };
+
+// src/registry.ts
 var createRegistry = (args) => {
   const { scoped = false } = args ?? {};
-  const registryResult = /* @__PURE__ */ new Map();
-  const registry = (() => {
-    try {
-      return new CustomElementRegistry();
-    } catch (error) {
-      if (scoped)
-        console.error(
-          "Scoped custom element registries are not supported in this environment. Please install `@webcomponents/scoped-custom-element-registry` to use this feature."
-        );
-      return customElements;
-    }
+  const customElementMap = /* @__PURE__ */ new Map();
+  const customElementTags = /* @__PURE__ */ new Set();
+  const nativeRegistry = (() => {
+    if (isServer) return;
+    if (scoped) return new CustomElementRegistry();
+    return customElements;
   })();
   return {
-    register: (tagName, element) => {
-      if (registryResult.has(element)) {
-        console.warn(`Custom element class "${element.constructor.name}" was already registered. Skipping...`);
-        return;
+    __serverCss: /* @__PURE__ */ new Map(),
+    __serverRenderOpts: /* @__PURE__ */ new Map(),
+    define(tagName, ElementResult, options) {
+      const isResult = "eject" in ElementResult;
+      if (isServer) {
+        if (isResult) ElementResult.register(this).define(tagName, options);
+        return this;
+      }
+      const CustomElement = isResult ? ElementResult.eject() : ElementResult;
+      if (customElementMap.has(CustomElement)) {
+        console.warn(`Custom element class "${CustomElement.constructor.name}" was already defined. Skipping...`);
+        return this;
+      }
+      if (customElementTags.has(tagName)) {
+        console.warn(`Custom element tag name "${tagName}" was already defined. Skipping...`);
+        return this;
+      }
+      customElementMap.set(CustomElement, tagName.toUpperCase());
+      customElementTags.add(tagName);
+      if (CustomElement === void 0) {
+        console.error(`Custom element class for tag name "${tagName}" was not found. You must register it first.`);
+        return this;
+      }
+      nativeRegistry?.define(tagName, CustomElement, options);
+      return this;
+    },
+    getTagName: (ElementResult) => {
+      const CustomElement = "eject" in ElementResult ? ElementResult.eject() : ElementResult;
+      return customElementMap.get(CustomElement);
+    },
+    getAllTagNames: () => Array.from(customElementTags),
+    eject: () => {
+      if (nativeRegistry === void 0) {
+        throw new Error("Cannot eject a registry on the server.");
       }
-      registryResult.set(element, tagName.toUpperCase());
+      return nativeRegistry;
     },
-    getTagName: (element) => registryResult.get(element),
-    eject: () => registry,
     scoped
   };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  clientOnlyCallback,
   createEffect,
   createRegistry,
   createSignal,
   css,
   customElement,
   derived,
-  html
+  html,
+  insertTemplates,
+  onServerDefine
 });
-/*! Bundled license information:
-
-dompurify/dist/purify.es.mjs:
-  (*! @license DOMPurify 3.2.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.1/LICENSE *)
-*/
+/**
+ * @license
+ * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */