@unhead/react 2.0.0-alpha.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Harlan Wilton <harlan@harlanzw.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/client.d.ts

@@ -0,0 +1 @@
+export * from './dist/client'

package/dist/client.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, CreateClientHeadOptions } from 'unhead/types';
+export { renderDOMHead } from 'unhead/client';
+import { R as ReactUnhead } from './shared/react.CaAmfJrQ.mjs';
+
+declare function createHead<T extends MergeHead>(options?: Omit<CreateClientHeadOptions, 'propResolvers'>): ReactUnhead<T>;
+declare function UnheadProvider({ children, head }: {
+    children: ReactNode;
+    head?: ReturnType<typeof createHead>;
+}): react.FunctionComponentElement<react.ProviderProps<unhead_types.Unhead<any> | null>>;
+
+export { UnheadProvider, createHead };

package/dist/client.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, CreateClientHeadOptions } from 'unhead/types';
+export { renderDOMHead } from 'unhead/client';
+import { R as ReactUnhead } from './shared/react.CaAmfJrQ.js';
+
+declare function createHead<T extends MergeHead>(options?: Omit<CreateClientHeadOptions, 'propResolvers'>): ReactUnhead<T>;
+declare function UnheadProvider({ children, head }: {
+    children: ReactNode;
+    head?: ReturnType<typeof createHead>;
+}): react.FunctionComponentElement<react.ProviderProps<unhead_types.Unhead<any> | null>>;
+
+export { UnheadProvider, createHead };

package/dist/client.mjs

@@ -0,0 +1,27 @@
+import { createElement } from 'react';
+import { createHead as createHead$1, createDebouncedFn, renderDOMHead } from 'unhead/client';
+export { renderDOMHead } from 'unhead/client';
+import { U as UnheadContext } from './shared/react.DF9T1fqs.mjs';
+
+function createHead(options = {}) {
+  const head = createHead$1({
+    domOptions: {
+      render: createDebouncedFn(() => renderDOMHead(head), (fn) => setTimeout(fn, 0))
+    },
+    ...options,
+    propResolvers: [
+      (_, r) => {
+        if (typeof r === "object" && "current" in r) {
+          return r.current;
+        }
+        return r;
+      }
+    ]
+  });
+  return head;
+}
+function UnheadProvider({ children, head }) {
+  return createElement(UnheadContext.Provider, { value: head || createHead() }, children);
+}
+
+export { UnheadProvider, createHead };

package/dist/index.d.mts

@@ -0,0 +1,21 @@
+import react__default, { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, HeadEntryOptions, ActiveHeadEntry, HeadSafe } from 'unhead/types';
+import { U as UseHeadInput, a as UseSeoMetaInput } from './shared/react.CaAmfJrQ.mjs';
+
+declare const hookImports: {
+    '@unhead/vue': string[];
+};
+
+interface HeadProps {
+    children: ReactNode;
+    titleTemplate?: string;
+}
+declare const Head: react__default.FC<HeadProps>;
+
+declare function useUnhead(): unhead_types.Unhead<any>;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>>;
+declare function useHeadSafe(input: HeadSafe, options?: HeadEntryOptions): ActiveHeadEntry<HeadSafe>;
+declare function useSeoMeta(input: UseSeoMetaInput, options?: HeadEntryOptions): ActiveHeadEntry<any>;
+
+export { Head, hookImports, useHead, useHeadSafe, useSeoMeta, useUnhead };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import react__default, { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, HeadEntryOptions, ActiveHeadEntry, HeadSafe } from 'unhead/types';
+import { U as UseHeadInput, a as UseSeoMetaInput } from './shared/react.CaAmfJrQ.js';
+
+declare const hookImports: {
+    '@unhead/vue': string[];
+};
+
+interface HeadProps {
+    children: ReactNode;
+    titleTemplate?: string;
+}
+declare const Head: react__default.FC<HeadProps>;
+
+declare function useUnhead(): unhead_types.Unhead<any>;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>>;
+declare function useHeadSafe(input: HeadSafe, options?: HeadEntryOptions): ActiveHeadEntry<HeadSafe>;
+declare function useSeoMeta(input: UseSeoMetaInput, options?: HeadEntryOptions): ActiveHeadEntry<any>;
+
+export { Head, hookImports, useHead, useHeadSafe, useSeoMeta, useUnhead };

package/dist/index.mjs

@@ -0,0 +1,97 @@
+import React, { useContext, useEffect, useRef } from 'react';
+import { ValidHeadTags, TagsWithInnerContent, HasElementTags } from 'unhead/utils';
+import { SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
+import { U as UnheadContext } from './shared/react.DF9T1fqs.mjs';
+
+const hookImports = {
+  "@unhead/vue": [
+    "useUnhead",
+    "useHead",
+    "useSeoMeta",
+    "useHeadSafe",
+    "useServerHead",
+    "useServerSeoMeta",
+    "useServerHeadSafe"
+  ]
+};
+
+function useUnhead() {
+  const instance = useContext(UnheadContext);
+  if (!instance) {
+    throw new Error("useHead() was called without provide context.");
+  }
+  return instance;
+}
+function useHead(input, options = {}) {
+  const head = options.head || useUnhead();
+  const entry = head.push(input, options);
+  useEffect(() => {
+    entry.patch(input);
+  }, [input]);
+  useEffect(() => {
+    return () => {
+      entry?.dispose();
+    };
+  }, []);
+  return entry;
+}
+function useHeadSafe(input, options = {}) {
+  const head = options.head || useUnhead();
+  head.use(SafeInputPlugin);
+  options._safe = true;
+  return useHead(input, options);
+}
+function useSeoMeta(input, options = {}) {
+  const head = options.head || useUnhead();
+  head.use(FlatMetaPlugin);
+  const { title, titleTemplate, ...meta } = input;
+  return useHead({
+    title,
+    titleTemplate,
+    _flatMeta: meta
+  }, options);
+}
+
+const Head = ({ children, titleTemplate }) => {
+  const headRef = useRef(null);
+  const head = useUnhead();
+  useEffect(() => {
+    return () => {
+      if (headRef.current?.dispose()) {
+        headRef.current.dispose();
+      }
+      headRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    const input = {
+      titleTemplate
+    };
+    const elements = React.Children.toArray(children).filter(React.isValidElement);
+    elements.forEach((element) => {
+      const { type, props } = element;
+      if (!ValidHeadTags.has(type)) {
+        return;
+      }
+      const data = { ...typeof props === "object" ? props : {} };
+      if (TagsWithInnerContent.has(type) && data.children) {
+        data[type === "script" ? "innerHTML" : "textContent"] = Array.isArray(data.children) ? data.children.map(String).join("") : data.children;
+      }
+      delete data.children;
+      if (HasElementTags.has(type)) {
+        input[type] = input[type] || [];
+        input[type].push(data);
+      } else {
+        input[type] = data;
+      }
+    });
+    if (!headRef.current) {
+      headRef.current = head.push(input);
+    } else {
+      headRef.current.patch(input);
+    }
+  }, [children, titleTemplate]);
+  return null;
+};
+
+export { Head, hookImports, useHead, useHeadSafe, useSeoMeta, useUnhead };

package/dist/server.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, CreateServerHeadOptions } from 'unhead/types';
+export { SSRHeadPayload, extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
+import { R as ReactUnhead } from './shared/react.CaAmfJrQ.mjs';
+
+declare function createHead<T extends MergeHead>(options?: Omit<CreateServerHeadOptions, 'propResolvers'>): ReactUnhead<T>;
+declare function UnheadProvider({ children, value }: {
+    children: ReactNode;
+    value: ReturnType<typeof createHead>;
+}): react.FunctionComponentElement<react.ProviderProps<unhead_types.Unhead<any> | null>>;
+
+export { UnheadProvider, createHead };

package/dist/server.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as unhead_types from 'unhead/types';
+import { MergeHead, CreateServerHeadOptions } from 'unhead/types';
+export { SSRHeadPayload, extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
+import { R as ReactUnhead } from './shared/react.CaAmfJrQ.js';
+
+declare function createHead<T extends MergeHead>(options?: Omit<CreateServerHeadOptions, 'propResolvers'>): ReactUnhead<T>;
+declare function UnheadProvider({ children, value }: {
+    children: ReactNode;
+    value: ReturnType<typeof createHead>;
+}): react.FunctionComponentElement<react.ProviderProps<unhead_types.Unhead<any> | null>>;
+
+export { UnheadProvider, createHead };

package/dist/server.mjs

@@ -0,0 +1,23 @@
+import { createElement } from 'react';
+import { createHead as createHead$1 } from 'unhead/server';
+export { extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
+import { U as UnheadContext } from './shared/react.DF9T1fqs.mjs';
+
+function createHead(options = {}) {
+  return createHead$1({
+    ...options,
+    propResolvers: [
+      (_, r) => {
+        if (typeof r === "object" && "current" in r) {
+          return r.current;
+        }
+        return r;
+      }
+    ]
+  });
+}
+function UnheadProvider({ children, value }) {
+  return createElement(UnheadContext.Provider, { value }, children);
+}
+
+export { UnheadProvider, createHead };

package/dist/shared/react.CaAmfJrQ.d.mts

@@ -0,0 +1,130 @@
+import { RefObject } from 'react';
+import { Falsey, BaseHtmlAttr, MaybeArray, BaseBodyAttr, ResolvableValues, SchemaAugmentations, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, LinkBase, DataKeys, MaybeEventFnHandlers, HttpEventAttributes, BaseMeta, Style as Style$1, ScriptBase, Noscript as Noscript$1, BodyEvents, MergeHead, MetaFlatInput, HeadEntryOptions, Unhead } from 'unhead/types';
+
+type MaybeComputedRef<T> = T | (() => T) | RefObject<T>;
+type ResolvableArray<T> = MaybeComputedRef<MaybeComputedRef<T>[]>;
+type ResolvableProperties<T> = {
+    [key in keyof T]?: MaybeComputedRef<T[key] | Falsey>;
+};
+
+interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+}
+interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    style?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<string | boolean>>;
+}
+type Title = MaybeComputedRef<number | string | Falsey> | ResolvableValues<({
+    textContent: string;
+} & SchemaAugmentations['title'])>;
+type TitleTemplate = TitleTemplate$1 | RefObject<TitleTemplate$1> | ((title?: string) => TitleTemplate$1);
+type Base<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
+type Link<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<LinkBase & DataKeys & SchemaAugmentations['link']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Meta<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BaseMeta & DataKeys & SchemaAugmentations['meta']> & DefinedValueOrEmptyObject<E>;
+type Style<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Style$1 & DataKeys & SchemaAugmentations['style']> & DefinedValueOrEmptyObject<E>;
+type Script<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<ScriptBase & DataKeys & SchemaAugmentations['script']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Noscript<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Noscript$1 & DataKeys & SchemaAugmentations['noscript']> & DefinedValueOrEmptyObject<E>;
+type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs']> & DefinedValueOrEmptyObject<E>;
+type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs']> & MaybeEventFnHandlers<BodyEvents> & DefinedValueOrEmptyObject<E>;
+interface ReactiveHead<E extends MergeHead = MergeHead> {
+    /**
+     * The `<title>` HTML element defines the document's title that is shown in a browser's title bar or a page's tab.
+     * It only contains text; tags within the element are ignored.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title
+     */
+    title?: Title;
+    /**
+     * Generate the title from a template.
+     */
+    titleTemplate?: TitleTemplate;
+    /**
+     * Variables used to substitute in the title and meta content.
+     */
+    templateParams?: ResolvableArray<{
+        separator?: '|' | '-' | '·' | string;
+    } & Record<string, null | string | ResolvableArray<Record<string, null | string>>>>;
+    /**
+     * The `<base>` HTML element specifies the base URL to use for all relative URLs in a document.
+     * There can be only one <base> element in a document.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+     */
+    base?: Base<E['base']>;
+    /**
+     * The `<link>` HTML element specifies relationships between the current document and an external resource.
+     * This element is most commonly used to link to stylesheets, but is also used to establish site icons
+     * (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
+     */
+    link?: ResolvableArray<Link<E['link']>>;
+    /**
+     * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+     */
+    meta?: ResolvableArray<Meta<E['meta']>>;
+    /**
+     * The `<style>` HTML element contains style information for a document, or part of a document.
+     * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
+     */
+    style?: ResolvableArray<(Style<E['style']> | string)>;
+    /**
+     * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
+     */
+    script?: ResolvableArray<(Script<E['script']> | string)>;
+    /**
+     * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
+     * or if scripting is currently turned off in the browser.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
+     */
+    noscript?: ResolvableArray<(Noscript<E['noscript']> | string)>;
+    /**
+     * Attributes for the `<html>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html
+     */
+    htmlAttrs?: HtmlAttributes<E['htmlAttrs']>;
+    /**
+     * Attributes for the `<body>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body
+     */
+    bodyAttrs?: BodyAttributes<E['bodyAttrs']>;
+    /**
+     * @internal
+     */
+    _flatMeta?: ResolvableProperties<MetaFlatInput>;
+}
+type UseHeadOptions = Omit<HeadEntryOptions, 'head'> & {
+    head?: ReactUnhead<any>;
+};
+type UseHeadInput<T extends MergeHead = Record<string, any>> = MaybeComputedRef<ReactiveHead<T>>;
+type UseSeoMetaInput = ResolvableProperties<MetaFlatInput> & {
+    title?: ReactiveHead['title'];
+    titleTemplate?: ReactiveHead['titleTemplate'];
+};
+type ReactUnhead<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>>;
+
+export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRef as M, Noscript as N, ReactUnhead as R, Style as S, Title as T, UseHeadInput as U, UseSeoMetaInput as a, ReactiveHead as b, ResolvableArray as c, TitleTemplate as d, Base as e, Meta as f, Script as g, HtmlAttributes as h, BodyAttributes as i, UseHeadOptions as j, ResolvableProperties as k };

package/dist/shared/react.CaAmfJrQ.d.ts

@@ -0,0 +1,130 @@
+import { RefObject } from 'react';
+import { Falsey, BaseHtmlAttr, MaybeArray, BaseBodyAttr, ResolvableValues, SchemaAugmentations, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, LinkBase, DataKeys, MaybeEventFnHandlers, HttpEventAttributes, BaseMeta, Style as Style$1, ScriptBase, Noscript as Noscript$1, BodyEvents, MergeHead, MetaFlatInput, HeadEntryOptions, Unhead } from 'unhead/types';
+
+type MaybeComputedRef<T> = T | (() => T) | RefObject<T>;
+type ResolvableArray<T> = MaybeComputedRef<MaybeComputedRef<T>[]>;
+type ResolvableProperties<T> = {
+    [key in keyof T]?: MaybeComputedRef<T[key] | Falsey>;
+};
+
+interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+}
+interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    style?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<string | boolean>>;
+}
+type Title = MaybeComputedRef<number | string | Falsey> | ResolvableValues<({
+    textContent: string;
+} & SchemaAugmentations['title'])>;
+type TitleTemplate = TitleTemplate$1 | RefObject<TitleTemplate$1> | ((title?: string) => TitleTemplate$1);
+type Base<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
+type Link<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<LinkBase & DataKeys & SchemaAugmentations['link']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Meta<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BaseMeta & DataKeys & SchemaAugmentations['meta']> & DefinedValueOrEmptyObject<E>;
+type Style<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Style$1 & DataKeys & SchemaAugmentations['style']> & DefinedValueOrEmptyObject<E>;
+type Script<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<ScriptBase & DataKeys & SchemaAugmentations['script']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Noscript<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Noscript$1 & DataKeys & SchemaAugmentations['noscript']> & DefinedValueOrEmptyObject<E>;
+type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs']> & DefinedValueOrEmptyObject<E>;
+type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs']> & MaybeEventFnHandlers<BodyEvents> & DefinedValueOrEmptyObject<E>;
+interface ReactiveHead<E extends MergeHead = MergeHead> {
+    /**
+     * The `<title>` HTML element defines the document's title that is shown in a browser's title bar or a page's tab.
+     * It only contains text; tags within the element are ignored.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title
+     */
+    title?: Title;
+    /**
+     * Generate the title from a template.
+     */
+    titleTemplate?: TitleTemplate;
+    /**
+     * Variables used to substitute in the title and meta content.
+     */
+    templateParams?: ResolvableArray<{
+        separator?: '|' | '-' | '·' | string;
+    } & Record<string, null | string | ResolvableArray<Record<string, null | string>>>>;
+    /**
+     * The `<base>` HTML element specifies the base URL to use for all relative URLs in a document.
+     * There can be only one <base> element in a document.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+     */
+    base?: Base<E['base']>;
+    /**
+     * The `<link>` HTML element specifies relationships between the current document and an external resource.
+     * This element is most commonly used to link to stylesheets, but is also used to establish site icons
+     * (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
+     */
+    link?: ResolvableArray<Link<E['link']>>;
+    /**
+     * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+     */
+    meta?: ResolvableArray<Meta<E['meta']>>;
+    /**
+     * The `<style>` HTML element contains style information for a document, or part of a document.
+     * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
+     */
+    style?: ResolvableArray<(Style<E['style']> | string)>;
+    /**
+     * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
+     */
+    script?: ResolvableArray<(Script<E['script']> | string)>;
+    /**
+     * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
+     * or if scripting is currently turned off in the browser.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
+     */
+    noscript?: ResolvableArray<(Noscript<E['noscript']> | string)>;
+    /**
+     * Attributes for the `<html>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html
+     */
+    htmlAttrs?: HtmlAttributes<E['htmlAttrs']>;
+    /**
+     * Attributes for the `<body>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body
+     */
+    bodyAttrs?: BodyAttributes<E['bodyAttrs']>;
+    /**
+     * @internal
+     */
+    _flatMeta?: ResolvableProperties<MetaFlatInput>;
+}
+type UseHeadOptions = Omit<HeadEntryOptions, 'head'> & {
+    head?: ReactUnhead<any>;
+};
+type UseHeadInput<T extends MergeHead = Record<string, any>> = MaybeComputedRef<ReactiveHead<T>>;
+type UseSeoMetaInput = ResolvableProperties<MetaFlatInput> & {
+    title?: ReactiveHead['title'];
+    titleTemplate?: ReactiveHead['titleTemplate'];
+};
+type ReactUnhead<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>>;
+
+export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRef as M, Noscript as N, ReactUnhead as R, Style as S, Title as T, UseHeadInput as U, UseSeoMetaInput as a, ReactiveHead as b, ResolvableArray as c, TitleTemplate as d, Base as e, Meta as f, Script as g, HtmlAttributes as h, BodyAttributes as i, UseHeadOptions as j, ResolvableProperties as k };

package/dist/shared/react.DF9T1fqs.mjs

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const UnheadContext = createContext(null);
+
+export { UnheadContext as U };

package/dist/types.d.mts

@@ -0,0 +1,17 @@
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, ResolvedHead, Unhead } from 'unhead/types';
+import { b as ReactiveHead, c as ResolvableArray, M as MaybeComputedRef } from './shared/react.CaAmfJrQ.mjs';
+export { e as Base, B as BodyAttr, i as BodyAttributes, H as HtmlAttr, h as HtmlAttributes, L as Link, f as Meta, N as Noscript, R as ReactUnhead, k as ResolvableProperties, g as Script, S as Style, T as Title, d as TitleTemplate, U as UseHeadInput, j as UseHeadOptions, a as UseSeoMetaInput } from './shared/react.CaAmfJrQ.mjs';
+import 'react';
+
+interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
+    meta?: ResolvableArray<SafeMeta>[];
+    link?: ResolvableArray<SafeLink>[];
+    noscript?: ResolvableArray<SafeNoscript>[];
+    script?: ResolvableArray<SafeScript>[];
+    htmlAttrs?: ResolvableArray<SafeHtmlAttr>;
+    bodyAttrs?: ResolvableArray<SafeBodyAttr>;
+}
+type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+
+export { type HeadSafe, MaybeComputedRef, ReactiveHead, ResolvableArray, type UseHeadSafeInput };

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, ResolvedHead, Unhead } from 'unhead/types';
+import { b as ReactiveHead, c as ResolvableArray, M as MaybeComputedRef } from './shared/react.CaAmfJrQ.js';
+export { e as Base, B as BodyAttr, i as BodyAttributes, H as HtmlAttr, h as HtmlAttributes, L as Link, f as Meta, N as Noscript, R as ReactUnhead, k as ResolvableProperties, g as Script, S as Style, T as Title, d as TitleTemplate, U as UseHeadInput, j as UseHeadOptions, a as UseSeoMetaInput } from './shared/react.CaAmfJrQ.js';
+import 'react';
+
+interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
+    meta?: ResolvableArray<SafeMeta>[];
+    link?: ResolvableArray<SafeLink>[];
+    noscript?: ResolvableArray<SafeNoscript>[];
+    script?: ResolvableArray<SafeScript>[];
+    htmlAttrs?: ResolvableArray<SafeHtmlAttr>;
+    bodyAttrs?: ResolvableArray<SafeBodyAttr>;
+}
+type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+
+export { type HeadSafe, MaybeComputedRef, ReactiveHead, ResolvableArray, type UseHeadSafeInput };

package/dist/types.mjs

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@unhead/react",
+  "type": "module",
+  "version": "2.0.0-alpha.10",
+  "author": "Harlan Wilton <harlan@harlanzw.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/harlan-zw",
+  "homepage": "https://unhead.unjs.io",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/unjs/unhead.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/unjs/unhead/issues"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.mjs"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.mjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs"
+    }
+  },
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "server": [
+        "dist/server"
+      ],
+      "client": [
+        "dist/client"
+      ],
+      "types": [
+        "dist/types"
+      ]
+    }
+  },
+  "files": [
+    "client.d.ts",
+    "dist",
+    "server.d.ts",
+    "types.d.ts"
+  ],
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "build": {
+    "external": [
+      "react"
+    ]
+  },
+  "dependencies": {
+    "unhead": "2.0.0-alpha.10"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "scripts": {
+    "build": "unbuild .",
+    "stub": "unbuild . --stub",
+    "export:sizes": "npx export-size . -r"
+  }
+}

package/server.d.ts

@@ -0,0 +1 @@
+export * from './dist/server'

package/types.d.ts

@@ -0,0 +1 @@
+export * from './dist/types'