@tanstack/solid-router 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/cjs/ClientOnly.cjs

@@ -1,45 +1,67 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Solid = require("@solidjs/web");
-const Solid$1 = require("solid-js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Solid__namespace = /* @__PURE__ */ _interopNamespaceDefault(Solid$1);
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+let _solidjs_web = require("@solidjs/web");
+let solid_js = require("solid-js");
+solid_js = require_runtime.__toESM(solid_js);
+//#region src/ClientOnly.tsx
+/**
+* Render the children only after the JS has loaded client-side. Use an optional
+* fallback component if the JS is not yet loaded.
+*
+* @example
+* Render a Chart component if JS loads, renders a simple FakeChart
+* component server-side or if there is no JS. The FakeChart can have only the
+* UI without the behavior or be a loading spinner or skeleton.
+*
+* ```tsx
+* return (
+*   <ClientOnly fallback={<FakeChart />}>
+*     <Chart />
+*   </ClientOnly>
+* )
+* ```
+*/
 function ClientOnly(props) {
-  const hydrated = useHydrated();
-  return Solid.createComponent(Solid__namespace.Show, {
-    get when() {
-      return hydrated();
-    },
-    get fallback() {
-      return props.fallback ?? null;
-    },
-    get children() {
-      return Solid.memo(() => props.children);
-    }
-  });
+	const hydrated = useHydrated();
+	return (0, _solidjs_web.createComponent)(solid_js.Show, {
+		get when() {
+			return hydrated();
+		},
+		get fallback() {
+			return props.fallback ?? null;
+		},
+		get children() {
+			return (0, _solidjs_web.memo)(() => props.children);
+		}
+	});
 }
+/**
+* Return a boolean indicating if the JS has been hydrated already.
+* When doing Server-Side Rendering, the result will always be false.
+* When doing Client-Side Rendering, the result will always be false on the
+* first render and true from then on. Even if a new component renders it will
+* always start with true.
+*
+* @example
+* ```tsx
+* // Disable a button that needs JS to work.
+* const hydrated = useHydrated()
+* return (
+*   <button type="button" disabled={!hydrated()} onClick={doSomethingCustom}>
+*     Click me
+*   </button>
+* )
+* ```
+* @returns True if the JS has been hydrated already, false otherwise.
+*/
 function useHydrated() {
-  const [hydrated, setHydrated] = Solid__namespace.createSignal(false);
-  Solid__namespace.createEffect(() => true, () => {
-    setHydrated(true);
-  });
-  return hydrated;
+	const [hydrated, setHydrated] = solid_js.createSignal(false);
+	solid_js.createEffect(() => true, () => {
+		setHydrated(true);
+	});
+	return hydrated;
 }
+//#endregion
 exports.ClientOnly = ClientOnly;
 exports.useHydrated = useHydrated;
-//# sourceMappingURL=ClientOnly.cjs.map
+
+//# sourceMappingURL=ClientOnly.cjs.map

package/dist/cjs/ClientOnly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.cjs","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: Solid.JSX.Element\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Solid.JSX.Element\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly(props: ClientOnlyProps) {\n  const hydrated = useHydrated()\n  return (\n    <Solid.Show when={hydrated()} fallback={props.fallback ?? null}>\n      <>{props.children}</>\n    </Solid.Show>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated()} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Solid.Accessor<boolean> {\n  const [hydrated, setHydrated] = Solid.createSignal(false)\n\n  Solid.createEffect(\n    () => true,\n    () => {\n      setHydrated(true)\n    },\n  )\n\n  return hydrated\n}\n"],"names":["ClientOnly","props","hydrated","useHydrated","_$createComponent","Solid","Show","when","fallback","children","_$memo","setHydrated","createSignal","createEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,WAAWC,OAAwB;AACjD,QAAMC,WAAWC,YAAAA;AACjB,SAAAC,MAAAA,gBACGC,iBAAMC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEL,SAAAA;AAAAA,IAAU;AAAA,IAAA,IAAEM,WAAQ;AAAA,aAAEP,MAAMO,YAAY;AAAA,IAAI;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAC,MAAAA,KAAA,MACzDT,MAAMQ,QAAQ;AAAA,IAAA;AAAA,EAAA,CAAA;AAGvB;AAqBO,SAASN,cAAuC;AACrD,QAAM,CAACD,UAAUS,WAAW,IAAIN,iBAAMO,aAAa,KAAK;AAExDP,mBAAMQ,aACJ,MAAM,MACN,MAAM;AACJF,gBAAY,IAAI;AAAA,EAClB,CACF;AAEA,SAAOT;AACT;;;"}
+{"version":3,"file":"ClientOnly.cjs","names":["Solid","ClientOnlyProps","children","JSX","Element","fallback","ClientOnly","props","hydrated","useHydrated","_$createComponent","Show","when","_$memo","Accessor","setHydrated","createSignal","createEffect"],"sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: Solid.JSX.Element\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Solid.JSX.Element\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly(props: ClientOnlyProps) {\n  const hydrated = useHydrated()\n  return (\n    <Solid.Show when={hydrated()} fallback={props.fallback ?? null}>\n      <>{props.children}</>\n    </Solid.Show>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated()} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Solid.Accessor<boolean> {\n  const [hydrated, setHydrated] = Solid.createSignal(false)\n\n  Solid.createEffect(\n    () => true,\n    () => {\n      setHydrated(true)\n    },\n  )\n\n  return hydrated\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgBM,WAAWC,OAAwB;CACjD,MAAMC,WAAWC,aAAa;AAC9B,SAAA,GAAA,aAAA,iBACGT,SAAMW,MAAI;EAAA,IAACC,OAAI;AAAA,UAAEJ,UAAU;;EAAA,IAAEH,WAAQ;AAAA,UAAEE,MAAMF,YAAY;;EAAI,IAAAH,WAAA;AAAA,WAAA,GAAA,aAAA,YACzDK,MAAML,SAAQ;;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAwBvB,SAAgBO,cAAuC;CACrD,MAAM,CAACD,UAAUO,eAAef,SAAMgB,aAAa,MAAM;AAEzDhB,UAAMiB,mBACE,YACA;AACJF,cAAY,KAAK;GAEpB;AAED,QAAOP"}

package/dist/cjs/HeadContent.cjs

@@ -1,30 +1,38 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Solid = require("@solidjs/web");
-const Solid$1 = require("solid-js");
-const Asset = require("./Asset.cjs");
-const headContentUtils = require("./headContentUtils.cjs");
+require("./_virtual/_rolldown/runtime.cjs");
+const require_Asset = require("./Asset.cjs");
+const require_headContentUtils = require("./headContentUtils.cjs");
+let _solidjs_web = require("@solidjs/web");
+let solid_js = require("solid-js");
+//#region src/HeadContent.tsx
+/**
+* @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
+* When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`
+* to ensure it's part of the reactive tree and updates correctly during client-side navigation.
+* The component uses portals internally to render content into the `<head>` element.
+*/
 function HeadContent() {
-  const tags = headContentUtils.useTags();
-  return Solid.createComponent(Solid$1.For, {
-    get each() {
-      return tags();
-    },
-    children: (tag) => {
-      const t = tag();
-      return Solid.createComponent(Asset.Asset, {
-        get tag() {
-          return t.tag;
-        },
-        get attrs() {
-          return t.attrs;
-        },
-        get children() {
-          return t.children;
-        }
-      });
-    }
-  });
+	const tags = require_headContentUtils.useTags();
+	return (0, _solidjs_web.createComponent)(solid_js.For, {
+		get each() {
+			return tags();
+		},
+		children: (tag) => {
+			const t = tag();
+			return (0, _solidjs_web.createComponent)(require_Asset.Asset, {
+				get tag() {
+					return t.tag;
+				},
+				get attrs() {
+					return t.attrs;
+				},
+				get children() {
+					return t.children;
+				}
+			});
+		}
+	});
 }
+//#endregion
 exports.HeadContent = HeadContent;
-//# sourceMappingURL=HeadContent.cjs.map
+
+//# sourceMappingURL=HeadContent.cjs.map

package/dist/cjs/HeadContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeadContent.cjs","sources":["../../src/HeadContent.tsx"],"sourcesContent":["import { For } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useTags } from './headContentUtils'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n */\nexport function HeadContent() {\n  const tags = useTags()\n\n  return (\n    <For each={tags()}>\n      {(tag) => {\n        const t = tag() as any\n        return <Asset tag={t.tag} attrs={t.attrs} children={t.children} />\n      }}\n    </For>\n  )\n}\n"],"names":["HeadContent","tags","useTags","_$createComponent","For","each","children","tag","t","Asset","attrs"],"mappings":";;;;;;AAUO,SAASA,cAAc;AAC5B,QAAMC,OAAOC,iBAAAA,QAAAA;AAEb,SAAAC,MAAAA,gBACGC,QAAAA,KAAG;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEJ,KAAAA;AAAAA,IAAM;AAAA,IAAAK,UACbC,CAAAA,QAAQ;AACR,YAAMC,IAAID,IAAAA;AACV,aAAAJ,MAAAA,gBAAQM,MAAAA,OAAK;AAAA,QAAA,IAACF,MAAG;AAAA,iBAAEC,EAAED;AAAAA,QAAG;AAAA,QAAA,IAAEG,QAAK;AAAA,iBAAEF,EAAEE;AAAAA,QAAK;AAAA,QAAA,IAAEJ,WAAQ;AAAA,iBAAEE,EAAEF;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAChE;AAAA,EAAA,CAAC;AAGP;;"}
+{"version":3,"file":"HeadContent.cjs","names":["For","Asset","useTags","HeadContent","tags","_$createComponent","each","children","tag","t","attrs"],"sources":["../../src/HeadContent.tsx"],"sourcesContent":["import { For } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useTags } from './headContentUtils'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n */\nexport function HeadContent() {\n  const tags = useTags()\n\n  return (\n    <For each={tags()}>\n      {(tag) => {\n        const t = tag() as any\n        return <Asset tag={t.tag} attrs={t.attrs} children={t.children} />\n      }}\n    </For>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAUA,SAAgBG,cAAc;CAC5B,MAAMC,OAAOF,yBAAAA,SAAS;AAEtB,SAAA,GAAA,aAAA,iBACGF,SAAAA,KAAG;EAAA,IAACM,OAAI;AAAA,UAAEF,MAAM;;EAAAG,WACbC,QAAQ;GACR,MAAMC,IAAID,KAAK;AACf,WAAA,GAAA,aAAA,iBAAQP,cAAAA,OAAK;IAAA,IAACO,MAAG;AAAA,YAAEC,EAAED;;IAAG,IAAEE,QAAK;AAAA,YAAED,EAAEC;;IAAK,IAAEH,WAAQ;AAAA,YAAEE,EAAEF;;IAAQ,CAAA;;EAC/D,CAAA"}

package/dist/cjs/HeadContent.dev.cjs

@@ -1,44 +1,51 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Solid$1 = require("@solidjs/web");
-const Solid = require("solid-js");
-const Asset = require("./Asset.cjs");
-const ClientOnly = require("./ClientOnly.cjs");
-const headContentUtils = require("./headContentUtils.cjs");
-const DEV_STYLES_ATTR = "data-tanstack-router-dev-styles";
+require("./_virtual/_rolldown/runtime.cjs");
+const require_ClientOnly = require("./ClientOnly.cjs");
+const require_Asset = require("./Asset.cjs");
+const require_headContentUtils = require("./headContentUtils.cjs");
+let _solidjs_web = require("@solidjs/web");
+let solid_js = require("solid-js");
+//#region src/HeadContent.dev.tsx
+var DEV_STYLES_ATTR = "data-tanstack-router-dev-styles";
+/**
+* @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.
+* When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`
+* to ensure it's part of the reactive tree and updates correctly during client-side navigation.
+* The component uses portals internally to render content into the `<head>` element.
+*
+* Development version: filters out dev styles link after hydration and
+* includes a fallback cleanup effect for hydration mismatch cases.
+*/
 function HeadContent() {
-  const tags = headContentUtils.useTags();
-  const hydrated = ClientOnly.useHydrated();
-  Solid.createEffect(() => [hydrated()], ([hydrated2]) => {
-    if (hydrated2) {
-      document.querySelectorAll(`link[${DEV_STYLES_ATTR}]`).forEach((el) => el.remove());
-    }
-  });
-  const filteredTags = Solid.createMemo(() => {
-    if (hydrated()) {
-      return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR]);
-    }
-    return tags();
-  });
-  return Solid$1.createComponent(Solid.For, {
-    get each() {
-      return filteredTags();
-    },
-    children: (tag) => {
-      const t = tag();
-      return Solid$1.createComponent(Asset.Asset, {
-        get tag() {
-          return t.tag;
-        },
-        get attrs() {
-          return t.attrs;
-        },
-        get children() {
-          return t.children;
-        }
-      });
-    }
-  });
+	const tags = require_headContentUtils.useTags();
+	const hydrated = require_ClientOnly.useHydrated();
+	(0, solid_js.createEffect)(() => [hydrated()], ([hydrated]) => {
+		if (hydrated) document.querySelectorAll(`link[${DEV_STYLES_ATTR}]`).forEach((el) => el.remove());
+	});
+	const filteredTags = (0, solid_js.createMemo)(() => {
+		if (hydrated()) return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR]);
+		return tags();
+	});
+	return (0, _solidjs_web.createComponent)(solid_js.For, {
+		get each() {
+			return filteredTags();
+		},
+		children: (tag) => {
+			const t = tag();
+			return (0, _solidjs_web.createComponent)(require_Asset.Asset, {
+				get tag() {
+					return t.tag;
+				},
+				get attrs() {
+					return t.attrs;
+				},
+				get children() {
+					return t.children;
+				}
+			});
+		}
+	});
 }
+//#endregion
 exports.HeadContent = HeadContent;
-//# sourceMappingURL=HeadContent.dev.cjs.map
+
+//# sourceMappingURL=HeadContent.dev.cjs.map

package/dist/cjs/HeadContent.dev.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeadContent.dev.cjs","sources":["../../src/HeadContent.dev.tsx"],"sourcesContent":["import { For, createEffect, createMemo } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useHydrated } from './ClientOnly'\nimport { useTags } from './headContentUtils'\n\nconst DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n *\n * Development version: filters out dev styles link after hydration and\n * includes a fallback cleanup effect for hydration mismatch cases.\n */\nexport function HeadContent() {\n  const tags = useTags()\n  const hydrated = useHydrated()\n\n  // Fallback cleanup for hydration mismatch cases\n  // Runs when hydration completes to remove any orphaned dev styles links from DOM\n  createEffect(\n    () => [hydrated()] as const,\n    ([hydrated]) => {\n      if (hydrated) {\n        document\n          .querySelectorAll(`link[${DEV_STYLES_ATTR}]`)\n          .forEach((el) => el.remove())\n      }\n    },\n  )\n\n  // Filter out dev styles after hydration\n  const filteredTags = createMemo(() => {\n    if (hydrated()) {\n      return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR])\n    }\n    return tags()\n  })\n\n  return (\n    <For each={filteredTags()}>\n      {(tag) => {\n        const t = tag() as any\n        return <Asset tag={t.tag} attrs={t.attrs} children={t.children} />\n      }}\n    </For>\n  )\n}\n"],"names":["DEV_STYLES_ATTR","HeadContent","tags","useTags","hydrated","useHydrated","createEffect","document","querySelectorAll","forEach","el","remove","filteredTags","createMemo","filter","tag","attrs","_$createComponent","For","each","children","t","Asset"],"mappings":";;;;;;;AAKA,MAAMA,kBAAkB;AAWjB,SAASC,cAAc;AAC5B,QAAMC,OAAOC,iBAAAA,QAAAA;AACb,QAAMC,WAAWC,WAAAA,YAAAA;AAIjBC,QAAAA,aACE,MAAM,CAACF,SAAAA,CAAU,GACjB,CAAC,CAACA,SAAQ,MAAM;AACd,QAAIA,WAAU;AACZG,eACGC,iBAAiB,QAAQR,eAAe,GAAG,EAC3CS,QAASC,CAAAA,OAAOA,GAAGC,OAAAA,CAAQ;AAAA,IAChC;AAAA,EACF,CACF;AAGA,QAAMC,eAAeC,MAAAA,WAAW,MAAM;AACpC,QAAIT,YAAY;AACd,aAAOF,KAAAA,EAAOY,OAAQC,CAAAA,QAAQ,CAACA,IAAIC,QAAQhB,eAAe,CAAC;AAAA,IAC7D;AACA,WAAOE,KAAAA;AAAAA,EACT,CAAC;AAED,SAAAe,QAAAA,gBACGC,MAAAA,KAAG;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEP,aAAAA;AAAAA,IAAc;AAAA,IAAAQ,UACrBL,CAAAA,QAAQ;AACR,YAAMM,IAAIN,IAAAA;AACV,aAAAE,QAAAA,gBAAQK,MAAAA,OAAK;AAAA,QAAA,IAACP,MAAG;AAAA,iBAAEM,EAAEN;AAAAA,QAAG;AAAA,QAAA,IAAEC,QAAK;AAAA,iBAAEK,EAAEL;AAAAA,QAAK;AAAA,QAAA,IAAEI,WAAQ;AAAA,iBAAEC,EAAED;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAChE;AAAA,EAAA,CAAC;AAGP;;"}
+{"version":3,"file":"HeadContent.dev.cjs","names":["For","createEffect","createMemo","Asset","useHydrated","useTags","DEV_STYLES_ATTR","HeadContent","tags","hydrated","const","document","querySelectorAll","forEach","el","remove","filteredTags","filter","tag","attrs","_$createComponent","each","children","t"],"sources":["../../src/HeadContent.dev.tsx"],"sourcesContent":["import { For, createEffect, createMemo } from 'solid-js'\nimport { Asset } from './Asset'\nimport { useHydrated } from './ClientOnly'\nimport { useTags } from './headContentUtils'\n\nconst DEV_STYLES_ATTR = 'data-tanstack-router-dev-styles'\n\n/**\n * @description The `HeadContent` component is used to render meta tags, links, and scripts for the current route.\n * When using full document hydration (hydrating from `<html>`), this component should be rendered in the `<body>`\n * to ensure it's part of the reactive tree and updates correctly during client-side navigation.\n * The component uses portals internally to render content into the `<head>` element.\n *\n * Development version: filters out dev styles link after hydration and\n * includes a fallback cleanup effect for hydration mismatch cases.\n */\nexport function HeadContent() {\n  const tags = useTags()\n  const hydrated = useHydrated()\n\n  // Fallback cleanup for hydration mismatch cases\n  // Runs when hydration completes to remove any orphaned dev styles links from DOM\n  createEffect(\n    () => [hydrated()] as const,\n    ([hydrated]) => {\n      if (hydrated) {\n        document\n          .querySelectorAll(`link[${DEV_STYLES_ATTR}]`)\n          .forEach((el) => el.remove())\n      }\n    },\n  )\n\n  // Filter out dev styles after hydration\n  const filteredTags = createMemo(() => {\n    if (hydrated()) {\n      return tags().filter((tag) => !tag.attrs?.[DEV_STYLES_ATTR])\n    }\n    return tags()\n  })\n\n  return (\n    <For each={filteredTags()}>\n      {(tag) => {\n        const t = tag() as any\n        return <Asset tag={t.tag} attrs={t.attrs} children={t.children} />\n      }}\n    </For>\n  )\n}\n"],"mappings":";;;;;;;AAKA,IAAMM,kBAAkB;;;;;;;;;;AAWxB,SAAgBC,cAAc;CAC5B,MAAMC,OAAOH,yBAAAA,SAAS;CACtB,MAAMI,WAAWL,mBAAAA,aAAa;AAI9BH,EAAAA,GAAAA,SAAAA,oBACQ,CAACQ,UAAU,CAAC,GACjB,CAACA,cAAc;AACd,MAAIA,SACFE,UACGC,iBAAiB,QAAQN,gBAAe,GAAI,CAC5CO,SAASC,OAAOA,GAAGC,QAAQ,CAAC;GAGpC;CAGD,MAAMC,gBAAAA,GAAAA,SAAAA,kBAAgC;AACpC,MAAIP,UAAU,CACZ,QAAOD,MAAM,CAACS,QAAQC,QAAQ,CAACA,IAAIC,QAAQb,iBAAiB;AAE9D,SAAOE,MAAM;GACb;AAEF,SAAA,GAAA,aAAA,iBACGR,SAAAA,KAAG;EAAA,IAACqB,OAAI;AAAA,UAAEL,cAAc;;EAAAM,WACrBJ,QAAQ;GACR,MAAMK,IAAIL,KAAK;AACf,WAAA,GAAA,aAAA,iBAAQf,cAAAA,OAAK;IAAA,IAACe,MAAG;AAAA,YAAEK,EAAEL;;IAAG,IAAEC,QAAK;AAAA,YAAEI,EAAEJ;;IAAK,IAAEG,WAAQ;AAAA,YAAEC,EAAED;;IAAQ,CAAA;;EAC/D,CAAA"}