@koine/next 1.0.10 → 1.0.13

package/Img/Img.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import NextImage from "next/image";
+export var NextImg = NextImage;
+export var NextImgSmart = function (props) {
+    var _a = useState(false), $loaded = _a[0], setLoaded = _a[1];
+    var _b = useState(false), $error = _b[0], setError = _b[1];
+    var _c = getNextImgProps(props), nextImgProps = _c.nextImgProps, restProps = _c.restProps;
+    var Wrap = restProps.Wrap;
+    return nextImgProps.priority ? (_jsx(NextImage, __assign({}, nextImgProps))) : (_jsx(Wrap, __assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: _jsx(NextImage, __assign({}, nextImgProps, { onLoadingComplete: function () { return setLoaded(true); }, onError: function () { return setError(true); } })) })));
+};
+export function getNextImgProps(_a) {
+    var src = _a.src, alt = _a.alt, layout = _a.layout, blurDataURL = _a.blurDataURL, width = _a.width, height = _a.height, priority = _a.priority, objectFit = _a.objectFit, objectPosition = _a.objectPosition, restProps = __rest(_a, ["src", "alt", "layout", "blurDataURL", "width", "height", "priority", "objectFit", "objectPosition"]);
+    var nextImgProps = {
+        src: src,
+        alt: alt,
+        layout: layout,
+        blurDataURL: blurDataURL,
+        width: width,
+        height: height,
+        priority: priority,
+        objectFit: objectFit,
+        objectPosition: objectPosition,
+    };
+    return {
+        nextImgProps: nextImgProps,
+        restProps: restProps,
+    };
+}

package/Img/index.d.ts

@@ -0,0 +1 @@
+export * from "./Img";

package/Img/index.js

@@ -0,0 +1 @@
+export * from "./Img";

package/Img/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Img/index.js",
+  "types": "./index.d.ts"
+}

package/Link/Link.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LinkProps as NextLinkProps } from "next/link";
+export declare type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
+    Link?: React.ComponentType<any>;
+};
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "title" | "hidden" | "type" | "locale" | "replace" | "slot" | "style" | "children" | "rel" | "href" | "hrefLang" | "property" | "id" | "prefetch" | "onLoad" | "color" | "onBlur" | "onChange" | "onSubmit" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "media" | "ping" | "target" | "scroll" | "shallow" | "legacyBehavior" | "Link"> & React.RefAttributes<HTMLAnchorElement>>;

package/Link/Link.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import NextLink from "next/link";
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export var Link = forwardRef(function Link(_a, ref) {
+    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
+    return (_jsx(NextLink, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
+});

package/Link/index.d.ts

@@ -0,0 +1 @@
+export * from "./Link";

package/Link/index.js

@@ -0,0 +1 @@
+export * from "./Link";

package/Link/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Link/index.js",
+  "types": "./index.d.ts"
+}

package/NextProgress/NextProgress.d.ts

@@ -0,0 +1,24 @@
+import { WithComponents, Simplify } from "@koine/react";
+declare type OwnProps = {
+    /** @default 0.3 */
+    startAt?: number;
+    /** @default true */
+    showOnShallow?: boolean;
+    /** @default 200 */
+    stopDelayMs?: number;
+};
+export declare type Components = {
+    Overlay: {
+        type: "div";
+        props: {
+            running?: boolean;
+        };
+    };
+};
+export declare type ComponentsProps = {
+    [Name in keyof Components]: Components[Name]["props"];
+};
+declare type Props = Simplify<WithComponents<OwnProps, Components>>;
+export declare type NextProgressProps = Props;
+export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, Overlay, }: NextProgressProps) => JSX.Element;
+export {};

package/NextProgress/NextProgress.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useRouter } from "next/router";
+export var NextProgress = function (_a) {
+    var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
+    var events = useRouter().events;
+    // const [progress, setProgress] = useState(0);
+    var _f = useState(false), running = _f[0], setRunning = _f[1];
+    var timer = useRef(null);
+    var routeChangeStart = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
+        if (!shallow || showOnShallow) {
+            // setProgress(startAt);
+            setRunning(true);
+        }
+    }, [showOnShallow]);
+    var routeChangeEnd = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
+        if (!shallow || showOnShallow) {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+            timer.current = setTimeout(function () {
+                // setProgress(100);
+                setRunning(false);
+            }, stopDelayMs);
+        }
+    }, [showOnShallow, stopDelayMs, timer]);
+    useEffect(function () {
+        events.on("routeChangeStart", routeChangeStart);
+        events.on("routeChangeComplete", routeChangeEnd);
+        events.on("routeChangeError", routeChangeEnd);
+        return function () {
+            events.off("routeChangeStart", routeChangeStart);
+            events.off("routeChangeComplete", routeChangeEnd);
+            events.off("routeChangeError", routeChangeEnd);
+        };
+    }, [events, routeChangeStart, routeChangeEnd]);
+    return _jsx(Overlay, { running: running });
+};

package/NextProgress/index.d.ts

@@ -0,0 +1,2 @@
+export { NextProgress } from "./NextProgress";
+export type { NextProgressProps } from "./NextProgress";

package/NextProgress/index.js

@@ -0,0 +1 @@
+export { NextProgress } from "./NextProgress";

package/NextProgress/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/NextProgress/index.js",
+  "types": "./index.d.ts"
+}

package/Seo/Seo.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SeoProps } from "./helpers";
+export declare const Seo: React.MemoExoticComponent<(props: SeoProps) => JSX.Element>;

package/Seo/Seo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Head from "next/head";
+import { buildTags } from "./helpers";
+var _Seo = function (props) {
+    return _jsx(Head, { children: buildTags(props) });
+};
+export var Seo = memo(_Seo);

package/Seo/SeoDefaults.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SeoDefaultsProps } from "./helpers";
+export declare const SeoDefaults: React.MemoExoticComponent<(props: SeoDefaultsProps) => JSX.Element>;

package/Seo/SeoDefaults.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Head from "next/head";
+// import { useRouter } from "next/router";
+// import { getSiteUrl } from "../utils";
+import { buildTags } from "./helpers";
+var _SeoDefaults = function (props) {
+    // const router = useRouter();
+    // props.openGraph.url = getSiteUrl(router.asPath);
+    return _jsx(Head, { children: buildTags(props) });
+};
+export var SeoDefaults = memo(_SeoDefaults);

package/Seo/helpers.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import type { NextSeoProps, DefaultSeoProps } from "next-seo/lib/types";
+export declare type SeoData = {
+    hidden?: boolean;
+    title?: string;
+    description?: string;
+    keywords?: string | string[];
+    ogimage?: string;
+};
+declare type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
+    image?: string;
+};
+/**
+ * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
+ */
+export declare type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: NextSeoProps["additionalMetaTags"];
+    linkTags?: NextSeoProps["additionalLinkTags"];
+    seo?: SeoData;
+    hidden?: SeoData["hidden"];
+    keywords?: SeoData["keywords"];
+    openGraph?: SeoPropsOpenGraph;
+    og?: SeoPropsOpenGraph;
+};
+/**
+ * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
+ */
+export declare type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: DefaultSeoProps["additionalMetaTags"];
+    linkTags?: DefaultSeoProps["additionalLinkTags"];
+};
+declare type BuildTagsParams = SeoProps & SeoDefaultsProps;
+/**
+ * We do a couple of things in addition while many other are removed.
+ *
+ * - Add `seo` meta object coming from a CMS probably
+ * - Add `ogimage` and `openGraph.image` as single image source
+ * - Add `og` alias to define `openGraph`
+ * - Add check for `title` equale to `templateTitle` to avoid meta titles like
+ *   "My site | My site" often happening in homepages
+ * - Remove the open graph videos and images
+ *
+ * - Shorter code
+ *
+ * @returns
+ */
+export declare const buildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
+export {};

package/Seo/helpers.js

@@ -0,0 +1,115 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isArray } from "@koine/utils";
+var defaults = {
+    tplTitle: "",
+};
+/**
+ * We do a couple of things in addition while many other are removed.
+ *
+ * - Add `seo` meta object coming from a CMS probably
+ * - Add `ogimage` and `openGraph.image` as single image source
+ * - Add `og` alias to define `openGraph`
+ * - Add check for `title` equale to `templateTitle` to avoid meta titles like
+ *   "My site | My site" often happening in homepages
+ * - Remove the open graph videos and images
+ *
+ * - Shorter code
+ *
+ * @returns
+ */
+export var buildTags = function (_a) {
+    var _b = _a === void 0 ? {} : _a, seo = _b.seo, hidden = _b.hidden, keywords = _b.keywords, _c = _b.title, title = _c === void 0 ? "" : _c, titleTemplate = _b.titleTemplate, defaultTitle = _b.defaultTitle, noindex = _b.noindex, nofollow = _b.nofollow, description = _b.description, _d = _b.languageAlternates, languageAlternates = _d === void 0 ? [] : _d, twitter = _b.twitter, facebook = _b.facebook, openGraph = _b.openGraph, ogAlias = _b.og, canonical = _b.canonical, metaTags = _b.metaTags, linkTags = _b.linkTags;
+    var render = [];
+    var $names = {};
+    var $properties = {};
+    if (titleTemplate) {
+        defaults.tplTitle = titleTemplate;
+    }
+    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    if (title) {
+        if (defaults.tplTitle && defaults.tplTitle !== title) {
+            title = defaults.tplTitle.replace(/%s/g, title);
+        }
+    }
+    else if (defaultTitle) {
+        title = defaultTitle;
+    }
+    if (title) {
+        render.push(_jsx("title", { children: title }, "title"));
+        $properties["og:title"] = title; // overridden later...
+    }
+    $names["robots"] = "".concat(noindex || hidden ? "noindex" : "index", ",").concat(nofollow || hidden ? "nofollow" : "follow");
+    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
+    if (description) {
+        $names["description"] = description;
+        $properties["og:description"] = description; // overridden later...
+    }
+    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    if (keywords) {
+        $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
+    }
+    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
+        languageAlternates.forEach(function (languageAlternate) {
+            render.push(_jsx("link", { rel: "alternate", hrefLang: languageAlternate.hrefLang, href: languageAlternate.href }, "languageAlternate-".concat(languageAlternate.hrefLang)));
+        });
+    }
+    if (canonical) {
+        render.push(_jsx("link", { rel: "canonical", href: canonical }, "canonical"));
+        $properties["og:url"] = canonical;
+    }
+    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
+        $properties["fb:app_id"] = facebook.appId;
+    if (twitter) {
+        if (twitter.cardType)
+            $names["twitter:card"] = twitter.cardType;
+        if (twitter.site)
+            $names["twitter:site"] = twitter.site;
+        if (twitter.handle)
+            $names["twitter:creator"] = twitter.handle;
+    }
+    var og = ogAlias || openGraph;
+    if (og === null || og === void 0 ? void 0 : og.title)
+        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
+    if (og === null || og === void 0 ? void 0 : og.description)
+        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
+    if (og === null || og === void 0 ? void 0 : og.url)
+        $properties["og:url"] = og.url;
+    if (og === null || og === void 0 ? void 0 : og.type)
+        $properties["og:type"] = og.type.toLowerCase();
+    if (og === null || og === void 0 ? void 0 : og.locale)
+        $properties["og:locale"] = og.locale;
+    if (og === null || og === void 0 ? void 0 : og.site_name)
+        $properties["og:site_name"] = og.site_name;
+    var ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
+    if (ogimage)
+        $properties["og:image"] = ogimage;
+    Object.keys($names).forEach(function (key) {
+        render.push(_jsx("meta", { name: key, content: $names[key] }, key));
+    });
+    Object.keys($properties).forEach(function (key) {
+        render.push(_jsx("meta", { property: key, content: $properties[key] }, key));
+    });
+    if (metaTags && metaTags.length > 0) {
+        metaTags.forEach(function (tag) {
+            var _a, _b, _c;
+            render.push(_jsx("meta", __assign({}, tag), "meta:".concat((_c = (_b = (_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.name) !== null && _b !== void 0 ? _b : tag.property) !== null && _c !== void 0 ? _c : tag.httpEquiv)));
+        });
+    }
+    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
+        linkTags.forEach(function (tag) {
+            var _a;
+            render.push(_jsx("link", __assign({}, tag), "link".concat((_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.href).concat(tag.rel)));
+        });
+    }
+    // TODO: alternates and canonical
+    // canonical = 'https://www.domain.com/';
+    // languageAlternates={[{
+    //   hrefLang: 'en',
+    //   href: 'https://www.domain.com/en',
+    // }]}
+    // <link rel="alternate" hreflang="x-default" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="nl" href="https://www.domain.com/nl/">
+    // <link rel="alternate" hreflang="en" href="https://www.domain.com/en/">
+    return render;
+};

package/Seo/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file
+ *
+ * Adapted from https://github.com/garmeeh/next-seo
+ *
+ * See also:
+ * - https://github.com/catnose99/next-head-seo
+ * - https://nextjs.org/docs/api-reference/next/head
+ */
+export * from "./helpers";
+export * from "./Seo";
+export * from "./SeoDefaults";

package/Seo/index.js

@@ -0,0 +1,12 @@
+/**
+ * @file
+ *
+ * Adapted from https://github.com/garmeeh/next-seo
+ *
+ * See also:
+ * - https://github.com/catnose99/next-head-seo
+ * - https://nextjs.org/docs/api-reference/next/head
+ */
+export * from "./helpers";
+export * from "./Seo";
+export * from "./SeoDefaults";

package/Seo/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Seo/index.js",
+  "types": "./index.d.ts"
+}

package/Theme/Theme.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @file
+ *
+ * Adapted from [next-themes](https://github.com/pacocoursey/next-themes)
+ */
+import React from "react";
+declare type ValueObject = {
+    [themeName: string]: string;
+};
+export declare type UseThemeProps = {
+    /** List of all available theme names */
+    themes: string[];
+    /** Forced theme name for the current page */
+    forcedTheme?: string;
+    /** Update the theme */
+    setTheme: (theme: string) => void;
+    /** Active theme name */
+    theme?: string;
+    /** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
+    resolvedTheme?: string;
+    /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
+    systemTheme?: "dark" | "light";
+};
+export declare type ThemeProviderProps = React.PropsWithChildren<{
+    /** List of all available theme names */
+    themes?: string[];
+    /** Forced theme name for the current page */
+    forcedTheme?: string;
+    /** Whether to switch between dark and light themes based on prefers-color-scheme */
+    enableSystem?: boolean;
+    /** Disable all CSS transitions when switching themes */
+    disableTransitionOnChange?: boolean;
+    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
+    enableColorScheme?: boolean;
+    /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
+    defaultTheme?: string;
+    /** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
+    attribute?: string | "class";
+    /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
+    value?: ValueObject;
+    /** Nonce string to pass to the inline script for CSP headers */
+    nonce?: string;
+}>;
+export declare const useTheme: () => UseThemeProps;
+export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => JSX.Element;
+export {};