@gravity-ui/blog-constructor 1.0.0-alpha.1

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -0,0 +1,251 @@
+@charset "UTF-8";
+@import '~@doc-tools/transform/dist/css/yfm.css';
+:root {
+  --header-height: 64px;
+}
+
+.yc-root {
+  --yc-text-accent-font-weight: 500;
+  --bc-transparent: rgba(255, 255, 255, 0);
+  --bc-image-padding: 4px;
+  --bc-border-radius: var(--pc-border-radius, 24px);
+  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-line-generic-active-solid: #b3b3b3;
+  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-monochrome-button: #262626;
+  --bc-monochrome-button-hover: #393939;
+  --bc-text-header-color: var(--yc-color-text-primary);
+}
+.yc-root.yc-root_theme_dark {
+  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+  --bc-color-line-generic-active-solid: #6c6c70;
+  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_blog {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  color: var(--yc-color-text-primary);
+}
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
+  padding: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+.yfm_blog h2 {
+  font-size: var(--yc-text-display-2-font-size);
+  line-height: var(--yc-text-display-2-line-height);
+}
+.yfm_blog h3 {
+  font-size: var(--yc-text-header-2-font-size);
+  line-height: var(--yc-text-header-2-line-height);
+}
+.yfm_blog h4 {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+}
+.yfm_blog h1,
+.yfm_blog h2,
+.yfm_blog h3,
+.yfm_blog h4,
+.yfm_blog h5,
+.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 48px;
+  padding-top: 0;
+  font-weight: var(--yc-text-header-font-weight);
+}
+.yfm_blog blockquote,
+.yfm_blog dl,
+.yfm_blog ol,
+.yfm_blog p,
+.yfm_blog pre,
+.yfm_blog table,
+.yfm_blog ul {
+  margin: 0 0 16px;
+}
+.yfm_blog img {
+  margin-bottom: 32px;
+  margin-top: 16px;
+  border-radius: 24px;
+}
+.yfm_blog hr {
+  height: 1px;
+}
+.yfm_blog ol,
+.yfm_blog ul {
+  padding-left: 1.4em;
+}
+.yfm_blog code {
+  color: var(--yc-color-text-misc);
+}
+.yfm_blog pre > code {
+  color: var(--yc-color-text-primary);
+}
+.yfm_blog table {
+  color: var(--yc-color-text-primary);
+  border: 1px solid var(--yc-color-line-generic);
+  background: var(--yc-color-base-background);
+}
+.yfm_blog thead tr,
+.yfm_blog table tr:nth-child(2n) {
+  background-color: var(--yc-color-base-generic);
+}
+.yfm_blog_media {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  color: var(--yc-color-text-secondary);
+}
+.yfm_blog_breadcrumbs {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  color: var(--yc-text-color-base);
+}
+.yfm_blog a {
+  color: var(--yc-color-text-link);
+}
+.yfm_blog a:hover {
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_blog .yfm-tab.active {
+  border-bottom-color: var(--yc-color-text-link);
+}
+.yfm_blog .yfm-clipboard {
+  margin: 32px 0;
+}
+
+.yfm_blog_card p {
+  color: var(--pc-text-header-color);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--yc-font-family-sans);
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--yc-font-family-monospace);
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--yc-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: 500;
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+
+.yfm_constructor_theme_dark p {
+  color: var(--yc-color-text-light-primary);
+}
+.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
+  opacity: 0.5;
+}
+.yfm_constructor_footnote_text p {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+}
+.yfm_constructor_footnote_page p {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  display: inline;
+}
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--yc-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--yc-color-text-link-hover);
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_constructor table {
+  color: var(--yc-color-text-primary);
+  border: 1px solid var(--yc-color-line-generic);
+  background: var(--yc-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--yc-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--yc-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}

package/build/cjs/containers/BlogPostPage/BlogPostPage.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
+import { ShareOptions } from '@gravity-ui/uikit';
+import { PostData, ToggleLikeCallbackType, MetaProps } from '../../models/common';
+export interface BlogPostPageProps {
+    suggestedPosts: PostData[];
+    metaData?: MetaProps;
+    likes?: {
+        hasUserLike?: boolean;
+        likesCount?: number;
+        toggleLike?: ToggleLikeCallbackType;
+    };
+    content: PageContent;
+    post: PostData;
+    settings?: PageConstructorProviderProps;
+    shareOptions?: ShareOptions[];
+}
+export declare const BlogPostPage: React.FC<BlogPostPageProps>;

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlogPostPage = void 0;
+const react_1 = __importDefault(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const blocksMap_1 = __importDefault(require("../../constructor/blocksMap"));
+const PostPageContext_1 = require("../../contexts/PostPageContext");
+const LikesContext_1 = require("../../contexts/LikesContext");
+const useLikes_1 = require("../../hooks/useLikes");
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
+const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, shareOptions, }) => {
+    const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
+        hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
+        count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
+        toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+        postId: post === null || post === void 0 ? void 0 : post.blogPostId,
+    });
+    return (react_1.default.createElement("main", null,
+        react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
+                toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+                hasLikes: Boolean(likes),
+            } },
+            react_1.default.createElement(PostPageContext_1.PostPageContext.Provider, { value: {
+                    post,
+                    suggestedPosts,
+                    likes: likes
+                        ? {
+                            handleUserLike: handleLike,
+                            hasUserLike,
+                            likesCount,
+                        }
+                        : undefined,
+                    shareOptions,
+                } },
+                react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
+                    metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
+                    react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default }))))));
+};
+exports.BlogPostPage = BlogPostPage;

package/build/cjs/contexts/DeviceContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WithDeviceProps } from '../models/common';
+export type DeviceContextProps = Partial<WithDeviceProps>;
+export declare const DeviceContext: React.Context<Partial<WithDeviceProps>>;

package/build/cjs/contexts/DeviceContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.DeviceContext = react_1.default.createContext({});

package/build/cjs/contexts/FeedContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PostData, Tag, SetQueryType, GetPostsType, Service } from '../models/common';
+export interface FeedContextProps {
+    posts?: PostData[];
+    pinnedPost?: PostData;
+    totalCount?: number;
+    tags?: Tag[];
+    services?: Service[];
+    getPosts?: GetPostsType;
+    setQuery?: SetQueryType;
+    pageCountForShowSupportButtons?: number;
+}
+export declare const FeedContext: React.Context<FeedContextProps>;

package/build/cjs/contexts/FeedContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeedContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.FeedContext = react_1.default.createContext({});

package/build/cjs/contexts/LikesContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ToggleLikeCallbackType } from '../models/common';
+export interface LikesContextProps {
+    toggleLike?: ToggleLikeCallbackType;
+    hasLikes?: boolean;
+}
+export declare const LikesContext: React.Context<LikesContextProps>;

package/build/cjs/contexts/LikesContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LikesContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.LikesContext = react_1.default.createContext({});

package/build/cjs/contexts/LocaleContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Locale } from '../models/locale';
+export type LocaleContextProps = {
+    locale: Locale;
+};
+export declare const LocaleContext: React.Context<LocaleContextProps>;

package/build/cjs/contexts/LocaleContext.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleContext = void 0;
+const react_1 = __importDefault(require("react"));
+const locale_1 = require("../models/locale");
+exports.LocaleContext = react_1.default.createContext({
+    locale: {
+        code: 'en-En',
+        lang: locale_1.Lang.En,
+        langName: 'English',
+        pathPrefix: 'en',
+    },
+});

package/build/cjs/contexts/MobileContext.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MobileContext: React.Context<boolean>;

package/build/cjs/contexts/MobileContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.MobileContext = react_1.default.createContext(false);

package/build/cjs/contexts/PostPageContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ShareOptions } from '@gravity-ui/uikit';
+import { PostData } from '../models/common';
+export interface PostPageContextProps {
+    post: PostData;
+    suggestedPosts: PostData[];
+    likes?: {
+        handleUserLike: () => void;
+        hasUserLike: boolean;
+        likesCount: number;
+    };
+    shareOptions?: ShareOptions[];
+}
+export declare const PostPageContext: React.Context<PostPageContextProps>;

package/build/cjs/contexts/PostPageContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostPageContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.PostPageContext = react_1.default.createContext({});

package/build/cjs/contexts/RouterContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Query } from '../models/common';
+export interface RouterContextProps {
+    pathname: string;
+    as: string;
+    hostname: string;
+    query?: Query;
+}
+export declare const RouterContext: React.Context<RouterContextProps>;

package/build/cjs/contexts/RouterContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.RouterContext = react_1.default.createContext({});

package/build/cjs/contexts/UserContext.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface UserAccount {
+    uid: string;
+    login: string;
+    avatarId: string;
+    displayName?: string;
+    lang?: string;
+    hasStaffLogin?: boolean;
+}
+export interface User extends UserAccount {
+    accounts: UserAccount[];
+    passportHost: string;
+    avatarHost: string;
+    status: string;
+    yandexuid: string;
+}
+export type UserContextProps = Partial<User>;
+export declare const UserContext: React.Context<Partial<User>>;

package/build/cjs/contexts/UserContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.UserContext = react_1.default.createContext({});

package/build/cjs/contexts/theme/ThemeContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeValueType } from './ThemeValueContext';
+export interface ThemeContextProps {
+    theme: ThemeValueType;
+    setTheme: (newTheme: ThemeValueType) => void;
+}
+export declare const initialValue: ThemeContextProps;
+export declare const ThemeContext: React.Context<ThemeContextProps>;

package/build/cjs/contexts/theme/ThemeContext.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = exports.initialValue = void 0;
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../constants");
+exports.initialValue = {
+    theme: constants_1.DEFAULT_THEME,
+    setTheme: () => { },
+};
+exports.ThemeContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/contexts/theme/ThemeProvider.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ThemeContextProps } from './ThemeContext';
+import { ThemeValueType } from './ThemeValueContext';
+interface ThemeProviderExternalProps {
+}
+interface ThemeProviderDefaultProps {
+    theme: ThemeValueType;
+    children?: React.ReactNode;
+}
+export interface ThemeProviderProps extends ThemeProviderExternalProps, Partial<ThemeProviderDefaultProps> {
+}
+interface ThemeProviderState extends ThemeContextProps {
+    themeValue: ThemeValueType;
+}
+export declare class ThemeProvider extends React.Component<ThemeProviderExternalProps & ThemeProviderDefaultProps, ThemeProviderState> {
+    static defaultProps: ThemeProviderDefaultProps;
+    state: ThemeProviderState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ThemeProviderProps, prevState: ThemeProviderState): void;
+    render(): JSX.Element;
+    private updateBodyClassName;
+}
+export {};

package/build/cjs/contexts/theme/ThemeProvider.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
+const ThemeValueContext_1 = require("./ThemeValueContext");
+const constants_1 = require("../../constants");
+class ThemeProvider extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            theme: this.props.theme,
+            themeValue: this.props.theme,
+            setTheme: (theme) => {
+                this.setState({ theme });
+            },
+        };
+    }
+    componentDidMount() {
+        this.updateBodyClassName(this.state.themeValue);
+    }
+    componentDidUpdate(prevProps, prevState) {
+        if (prevState.theme !== this.state.theme) {
+            this.setState({ themeValue: this.state.theme });
+            this.updateBodyClassName(this.state.theme);
+        }
+        if (prevProps.theme !== this.props.theme) {
+            this.setState({ themeValue: this.state.theme });
+            this.updateBodyClassName(this.state.theme);
+        }
+    }
+    render() {
+        return (react_1.default.createElement(ThemeContext_1.ThemeContext.Provider, { value: this.state },
+            react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: this.state.themeValue } }, this.props.children)));
+    }
+    updateBodyClassName(theme) {
+        const bodyEl = document.body;
+        if (!bodyEl.classList.contains('yc-root')) {
+            bodyEl.classList.add('yc-root');
+        }
+        bodyEl.classList.toggle('yc-root_theme_light', theme === 'light');
+        bodyEl.classList.toggle('yc-root_theme_dark', theme === 'dark');
+    }
+}
+exports.ThemeProvider = ThemeProvider;
+ThemeProvider.defaultProps = {
+    theme: constants_1.DEFAULT_THEME,
+};

package/build/cjs/contexts/theme/ThemeValueContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ThemeValueType = 'light' | 'dark';
+export interface ThemeValueContextProps {
+    themeValue: ThemeValueType;
+}
+export declare const initialValue: ThemeValueContextProps;
+export declare const ThemeValueContext: React.Context<ThemeValueContextProps>;

package/build/cjs/contexts/theme/ThemeValueContext.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeValueContext = exports.initialValue = void 0;
+const react_1 = __importDefault(require("react"));
+exports.initialValue = {
+    themeValue: 'light',
+};
+exports.ThemeValueContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/contexts/theme/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ThemeContext';
+export * from './ThemeProvider';
+export * from './useTheme';
+export * from './useThemeValue';
+export * from './withTheme';
+export * from './withThemeValue';

package/build/cjs/contexts/theme/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThemeContext"), exports);
+__exportStar(require("./ThemeProvider"), exports);
+__exportStar(require("./useTheme"), exports);
+__exportStar(require("./useThemeValue"), exports);
+__exportStar(require("./withTheme"), exports);
+__exportStar(require("./withThemeValue"), exports);

package/build/cjs/contexts/theme/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeContextProps } from './ThemeContext';
+export declare function useTheme(): [ThemeContextProps['theme'], ThemeContextProps['setTheme']];

package/build/cjs/contexts/theme/useTheme.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+const react_1 = __importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
+function useTheme() {
+    const { theme, setTheme } = react_1.default.useContext(ThemeContext_1.ThemeContext);
+    return [theme, setTheme];
+}
+exports.useTheme = useTheme;

package/build/cjs/contexts/theme/useThemeValue.d.ts

@@ -0,0 +1,2 @@
+import { ThemeValueContextProps } from './ThemeValueContext';
+export declare function useThemeValue(): ThemeValueContextProps['themeValue'];