@gravity-ui/page-constructor 1.0.0

package/build/cjs/grid/types.d.ts

@@ -0,0 +1,50 @@
+export declare enum GridJustifyContent {
+    Start = "justify-content-start",
+    Center = "justify-content-center",
+    End = "justify-content-end",
+    Around = "justify-content-around",
+    Between = "justify-content-between"
+}
+export declare enum GridAlignItems {
+    Start = "align-items-start",
+    Center = "align-items-center",
+    End = "align-items-end"
+}
+export declare enum GridColumnSize {
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    Xl = "xl",
+    All = "all"
+}
+export declare enum GridColumnAlignSelf {
+    Start = "align-self-start",
+    Center = "align-self-center",
+    End = "align-self-end"
+}
+export declare enum GridColumnClassPrefix {
+    Col = "col",
+    Offset = "offset",
+    Order = "order"
+}
+export declare enum GridColumnVisibilityClass {
+    None = "none",
+    Block = "block"
+}
+export declare enum GridColumnOrderClasses {
+    First = "first",
+    Last = "last"
+}
+export declare type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;
+export declare type GridColumnOrderSizesType = Partial<Record<GridColumnSize, number | GridColumnOrderClasses>>;
+export interface GridColumnClassParams {
+    className?: string;
+    sizes?: GridColumnSizesType | number;
+    offsets?: GridColumnSizesType;
+    orders?: GridColumnOrderSizesType;
+    hidden?: GridColumnSize;
+    visible?: GridColumnSize;
+    alignSelf?: GridColumnAlignSelf;
+    justifyContent?: GridJustifyContent;
+    reset?: boolean;
+}

package/build/cjs/grid/types.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridColumnOrderClasses = exports.GridColumnVisibilityClass = exports.GridColumnClassPrefix = exports.GridColumnAlignSelf = exports.GridColumnSize = exports.GridAlignItems = exports.GridJustifyContent = void 0;
+var GridJustifyContent;
+(function (GridJustifyContent) {
+    GridJustifyContent["Start"] = "justify-content-start";
+    GridJustifyContent["Center"] = "justify-content-center";
+    GridJustifyContent["End"] = "justify-content-end";
+    GridJustifyContent["Around"] = "justify-content-around";
+    GridJustifyContent["Between"] = "justify-content-between";
+})(GridJustifyContent = exports.GridJustifyContent || (exports.GridJustifyContent = {}));
+var GridAlignItems;
+(function (GridAlignItems) {
+    GridAlignItems["Start"] = "align-items-start";
+    GridAlignItems["Center"] = "align-items-center";
+    GridAlignItems["End"] = "align-items-end";
+})(GridAlignItems = exports.GridAlignItems || (exports.GridAlignItems = {}));
+var GridColumnSize;
+(function (GridColumnSize) {
+    GridColumnSize["Sm"] = "sm";
+    GridColumnSize["Md"] = "md";
+    GridColumnSize["Lg"] = "lg";
+    GridColumnSize["Xl"] = "xl";
+    GridColumnSize["All"] = "all";
+})(GridColumnSize = exports.GridColumnSize || (exports.GridColumnSize = {}));
+var GridColumnAlignSelf;
+(function (GridColumnAlignSelf) {
+    GridColumnAlignSelf["Start"] = "align-self-start";
+    GridColumnAlignSelf["Center"] = "align-self-center";
+    GridColumnAlignSelf["End"] = "align-self-end";
+})(GridColumnAlignSelf = exports.GridColumnAlignSelf || (exports.GridColumnAlignSelf = {}));
+var GridColumnClassPrefix;
+(function (GridColumnClassPrefix) {
+    GridColumnClassPrefix["Col"] = "col";
+    GridColumnClassPrefix["Offset"] = "offset";
+    GridColumnClassPrefix["Order"] = "order";
+})(GridColumnClassPrefix = exports.GridColumnClassPrefix || (exports.GridColumnClassPrefix = {}));
+var GridColumnVisibilityClass;
+(function (GridColumnVisibilityClass) {
+    GridColumnVisibilityClass["None"] = "none";
+    GridColumnVisibilityClass["Block"] = "block";
+})(GridColumnVisibilityClass = exports.GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = {}));
+var GridColumnOrderClasses;
+(function (GridColumnOrderClasses) {
+    GridColumnOrderClasses["First"] = "first";
+    GridColumnOrderClasses["Last"] = "last";
+})(GridColumnOrderClasses = exports.GridColumnOrderClasses || (exports.GridColumnOrderClasses = {}));

package/build/cjs/grid/utils.d.ts

@@ -0,0 +1,9 @@
+import { GridColumnSize, GridColumnVisibilityClass, GridColumnSizesType, GridColumnClassPrefix, GridColumnClassParams, GridColumnOrderSizesType, GridJustifyContent } from './types';
+export declare function getClasses(items: GridColumnSizesType | GridColumnOrderSizesType, prefix: GridColumnClassPrefix): string;
+export declare function getOffsetClass(offsets: GridColumnSizesType): string;
+export declare function getOrderClass(orders: GridColumnOrderSizesType): string;
+export declare function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass): string;
+export declare function getSizeClass(sizes: GridColumnSizesType | number): string;
+export declare function getJustifyClass(justifyContent: GridJustifyContent): string;
+export declare function getResetClass(): string;
+export declare function getColClass(params: GridColumnClassParams): string;

package/build/cjs/grid/utils.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColClass = exports.getResetClass = exports.getJustifyClass = exports.getSizeClass = exports.getVisibilityClasses = exports.getOrderClass = exports.getOffsetClass = exports.getClasses = void 0;
+const types_1 = require("./types");
+function getVisibilityClass(visibility, size) {
+    return `d${size ? `-${size}` : ''}-${visibility}`;
+}
+function getClasses(items, prefix) {
+    return Object.keys(items).reduce((result, size) => {
+        const sizeName = size === types_1.GridColumnSize.All ? '' : `-${size}`;
+        const itemSize = items[size];
+        const sizeValue = !itemSize && prefix === types_1.GridColumnClassPrefix.Col ? '' : `-${itemSize}`;
+        return result + ` ${prefix}${sizeName}${sizeValue}`;
+    }, '');
+}
+exports.getClasses = getClasses;
+function getOffsetClass(offsets) {
+    return getClasses(offsets, types_1.GridColumnClassPrefix.Offset);
+}
+exports.getOffsetClass = getOffsetClass;
+function getOrderClass(orders) {
+    return getClasses(orders, types_1.GridColumnClassPrefix.Order);
+}
+exports.getOrderClass = getOrderClass;
+function getVisibilityClasses(size, type) {
+    const [oppositeClass, mainClass] = type === types_1.GridColumnVisibilityClass.None
+        ? [types_1.GridColumnVisibilityClass.None, types_1.GridColumnVisibilityClass.Block]
+        : [types_1.GridColumnVisibilityClass.Block, types_1.GridColumnVisibilityClass.None];
+    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;
+}
+exports.getVisibilityClasses = getVisibilityClasses;
+function getSizeClass(sizes) {
+    if (typeof sizes === 'number') {
+        return `${types_1.GridColumnClassPrefix.Col}-${sizes.toString()}`;
+    }
+    return getClasses(sizes, types_1.GridColumnClassPrefix.Col);
+}
+exports.getSizeClass = getSizeClass;
+function getJustifyClass(justifyContent) {
+    return `d-flex ${justifyContent}`;
+}
+exports.getJustifyClass = getJustifyClass;
+function getResetClass() {
+    return 'col-reset';
+}
+exports.getResetClass = getResetClass;
+function getColClass(params) {
+    const { className = '', sizes, offsets, orders, hidden, visible, alignSelf, justifyContent, reset, } = params;
+    return [
+        types_1.GridColumnClassPrefix.Col,
+        className,
+        alignSelf,
+        justifyContent && getJustifyClass(justifyContent),
+        sizes && getSizeClass(sizes),
+        offsets && getOffsetClass(offsets),
+        orders && getOrderClass(orders),
+        hidden && getVisibilityClasses(hidden, types_1.GridColumnVisibilityClass.None),
+        visible && getVisibilityClasses(visible, types_1.GridColumnVisibilityClass.Block),
+        reset && getResetClass(),
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+exports.getColClass = getColClass;

package/build/cjs/hooks/hubspot.d.ts

@@ -0,0 +1,16 @@
+import { HubspotEventHandlers } from '../utils/hubspot';
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+export declare function useLoopBackHubspotEvents(formId: string): void;
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+export declare function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void;

package/build/cjs/hooks/hubspot.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHandleHubspotEvents = exports.useLoopBackHubspotEvents = void 0;
+const react_1 = require("react");
+const hubspot_1 = require("../utils/hubspot");
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+function useLoopBackHubspotEvents(formId) {
+    (0, react_1.useEffect)(() => {
+        const topHandler = (0, hubspot_1.loopBackHabspotEvents)(formId);
+        window.addEventListener('message', topHandler);
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [formId]);
+}
+exports.useLoopBackHubspotEvents = useLoopBackHubspotEvents;
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+function useHandleHubspotEvents(handlers, formId) {
+    (0, react_1.useEffect)(() => {
+        const topHandler = (0, hubspot_1.handleHubspotEvents)(handlers, formId);
+        window.addEventListener('message', topHandler);
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [handlers, formId]);
+}
+exports.useHandleHubspotEvents = useHandleHubspotEvents;

package/build/cjs/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useFocus } from './useFocus';
+export { default as useWindowBreakpoint } from './useWindowBreakpoint';
+export { useIntersection } from './useIntersection';
+export { default as useMount } from './useMount';
+export * from './hubspot';

package/build/cjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMount = exports.useIntersection = exports.useWindowBreakpoint = exports.useFocus = void 0;
+const tslib_1 = require("tslib");
+var useFocus_1 = require("./useFocus");
+Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useFocus_1).default; } });
+var useWindowBreakpoint_1 = require("./useWindowBreakpoint");
+Object.defineProperty(exports, "useWindowBreakpoint", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useWindowBreakpoint_1).default; } });
+var useIntersection_1 = require("./useIntersection");
+Object.defineProperty(exports, "useIntersection", { enumerable: true, get: function () { return useIntersection_1.useIntersection; } });
+var useMount_1 = require("./useMount");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useMount_1).default; } });
+(0, tslib_1.__exportStar)(require("./hubspot"), exports);

package/build/cjs/hooks/useFocus.d.ts

@@ -0,0 +1,5 @@
+export default function useFocus(element?: HTMLElement): {
+    hasFocus: boolean;
+    setFocus: () => void;
+    unsetFocus: () => void;
+};

package/build/cjs/hooks/useFocus.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const mobileContext_1 = require("../context/mobileContext");
+const react_1 = require("react");
+function useFocus(element) {
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const [hasFocus, setHasFocus] = (0, react_1.useState)(false);
+    const setFocus = (0, react_1.useCallback)(() => setHasFocus(true), []);
+    const unsetFocus = (0, react_1.useCallback)(() => setHasFocus(false), []);
+    (0, react_1.useEffect)(() => {
+        if (element) {
+            if (isMobile) {
+                element.addEventListener('pointerdown', setFocus);
+            }
+            else {
+                element.addEventListener('mouseenter', setFocus);
+                element.addEventListener('mouseleave', unsetFocus);
+            }
+            return () => {
+                if (isMobile) {
+                    element.removeEventListener('pointerdown', setFocus);
+                }
+                else {
+                    element.removeEventListener('mouseenter', setFocus);
+                    element.removeEventListener('mouseleave', unsetFocus);
+                }
+            };
+        }
+        return lodash_1.default.noop;
+    }, [element, isMobile, setFocus, unsetFocus]);
+    return {
+        hasFocus,
+        setFocus,
+        unsetFocus,
+    };
+}
+exports.default = useFocus;

package/build/cjs/hooks/useIntersection.d.ts

@@ -0,0 +1 @@
+export declare const useIntersection: (element?: Element | undefined, startMargin?: string, threshold?: number) => boolean;

package/build/cjs/hooks/useIntersection.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersection = void 0;
+const react_1 = require("react");
+const useIntersection = (element, startMargin = '0px', threshold = 0.2) => {
+    const [isVisible, setState] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const observer = new IntersectionObserver(([entry]) => {
+            setState(entry.isIntersecting);
+        }, {
+            rootMargin: startMargin,
+            threshold,
+        });
+        if (element) {
+            observer.observe(element);
+        }
+        return () => element && observer.unobserve(element);
+    }, [element, startMargin, threshold]);
+    return isVisible;
+};
+exports.useIntersection = useIntersection;

package/build/cjs/hooks/useMetrika.d.ts

@@ -0,0 +1,7 @@
+import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
+declare type UseMetrikaProps = {
+    metrikaGoals?: MetrikaGoal;
+    pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
+};
+export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
+export {};

package/build/cjs/hooks/useMetrika.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMetrika = void 0;
+const react_1 = require("react");
+const metrikaContext_1 = require("../context/metrikaContext");
+const models_1 = require("../models");
+const guards_1 = require("../models/guards");
+function isButtonPixel(pixelEvents) {
+    if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
+        return true;
+    }
+    return false;
+}
+const useMetrika = () => {
+    const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
+    return ({ metrikaGoals, pixelEvents }) => {
+        if (metrika && metrikaGoals) {
+            if ((0, guards_1.isNewMetrikaFormat)(metrikaGoals)) {
+                metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
+            }
+            else {
+                metrika.reachGoals(metrikaGoals);
+            }
+            if (!pixelEvents && pixel) {
+                pixel.trackStandard(models_1.PixelEventType.SubmitApplication, {
+                    content_category: 'custom',
+                    content_ids: Array.isArray(metrikaGoals) ? metrikaGoals : [metrikaGoals],
+                });
+            }
+        }
+        if (pixel && pixelEvents) {
+            if (isButtonPixel(pixelEvents)) {
+                pixelEvents.forEach(({ name, data }) => pixel.trackStandard(name, data));
+            }
+            else {
+                pixel.track(pixelEvents);
+            }
+        }
+    };
+};
+exports.useMetrika = useMetrika;

package/build/cjs/hooks/useMount.d.ts

@@ -0,0 +1,3 @@
+declare type Unsubscribe = () => void;
+export default function useMount(handler: () => Unsubscribe | void): void;
+export {};

package/build/cjs/hooks/useMount.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useMount(handler) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(handler, []);
+}
+exports.default = useMount;

package/build/cjs/hooks/useWindowBreakpoint.d.ts

@@ -0,0 +1 @@
+export default function useWindowBreakpoint(): number;

package/build/cjs/hooks/useWindowBreakpoint.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const react_1 = require("react");
+const constants_1 = require("../constants");
+function calculate(windowWidth) {
+    const breakpointsSorted = Object.values(constants_1.BREAKPOINTS).sort((b1, b2) => b1 - b2);
+    let result = breakpointsSorted[0];
+    for (const breakpoint of breakpointsSorted) {
+        if (windowWidth >= breakpoint) {
+            result = breakpoint;
+        }
+        else {
+            return result;
+        }
+    }
+    return result;
+}
+function useWindowBreakpoint() {
+    const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.sm);
+    (0, react_1.useEffect)(() => {
+        setBreakpoint(calculate(window.innerWidth));
+        const detect = lodash_1.default.debounce(() => {
+            setBreakpoint(calculate(window.innerWidth));
+        }, 100);
+        detect();
+        window.addEventListener('resize', detect);
+        return () => window.removeEventListener('resize', detect);
+    }, []);
+    return breakpoint;
+}
+exports.default = useWindowBreakpoint;

package/build/cjs/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18N } from '@gravity-ui/i18n';
+export declare const i18n: I18N;

package/build/cjs/i18n.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const i18n_1 = require("@gravity-ui/i18n");
+const configure_1 = require("./utils/configure");
+exports.i18n = new i18n_1.I18N();
+exports.i18n.setLang((0, configure_1.getConfig)().lang || configure_1.Lang.En);
+(0, configure_1.subscribeConfigure)((config) => {
+    if (config.lang) {
+        exports.i18n.setLang(config.lang);
+    }
+});

package/build/cjs/icons/ArrowConstructor.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ArrowConstructor: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/ArrowConstructor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowConstructor = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const ArrowConstructor = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "19", height: "42", viewBox: "0 0 19 42", fill: "none", stroke: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M18 41 2 21 18 1", strokeWidth: "2" })));
+exports.ArrowConstructor = ArrowConstructor;

package/build/cjs/icons/ArrowSidebar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ArrowSidebar: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/ArrowSidebar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowSidebar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const ArrowSidebar = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M19.5 11H7.4l3.8-3.8c.4-.4.4-1 0-1.4s-1-.4-1.4 0L3.6 12l6.2 6.2c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L7.4 13h12.1c.6 0 1-.4 1-1s-.4-1-1-1z", fill: "currentColor" })));
+exports.ArrowSidebar = ArrowSidebar;

package/build/cjs/icons/Chevron.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Chevron: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/Chevron.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chevron = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const Chevron = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", stroke: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fill: "none", d: "M3 6l5 5 5-5" })));
+exports.Chevron = Chevron;

package/build/cjs/icons/FullScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FullScreen: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/FullScreen.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullScreen = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const FullScreen = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 4.654v.291a10 10 0 0 0-1.763 1.404l-2.944 2.944a1 1 0 0 0 1.414 1.414l2.933-2.932A9.996 9.996 0 0 0 19.05 6h.296l-.09.39A9.993 9.993 0 0 0 19 8.64v.857a1 1 0 0 0 2 0V4.503a1.5 1.5 0 0 0-1.5-1.5L14.5 3a1 1 0 1 0 0 2h.861a10 10 0 0 0 2.249-.256l.39-.09zM4.95 18a10 10 0 0 1 1.41-1.775l2.933-2.932a1 1 0 0 1 1.414 1.414l-2.944 2.944A9.998 9.998 0 0 1 6 19.055v.291l.39-.09A9.993 9.993 0 0 1 8.64 19h.86a1 1 0 0 1 0 2l-5-.003a1.5 1.5 0 0 1-1.5-1.5V14.5a1 1 0 1 1 2 0v.861a10 10 0 0 1-.256 2.249l-.09.39h.296z" })));
+exports.FullScreen = FullScreen;

package/build/cjs/icons/Github.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Github: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/Github.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Github = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const Github = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "32", height: "32", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M25.524 10.479a10.952 10.952 0 0 0-4.003-4.004C19.836 5.492 17.996 5 16 5s-3.836.492-5.521 1.475a10.95 10.95 0 0 0-4.004 4.004C5.492 12.164 5 14.004 5 15.998c0 2.397.7 4.553 2.098 6.467 1.4 1.915 3.206 3.24 5.421 3.975.258.048.45.014.573-.1a.56.56 0 0 0 .186-.43l-.007-.773a128.35 128.35 0 0 1-.007-1.275l-.33.057c-.21.039-.474.055-.794.05a6.048 6.048 0 0 1-.996-.1 2.224 2.224 0 0 1-.96-.43 1.817 1.817 0 0 1-.63-.88l-.143-.33a3.58 3.58 0 0 0-.45-.73c-.206-.267-.414-.449-.624-.544l-.1-.072a1.05 1.05 0 0 1-.186-.172.785.785 0 0 1-.13-.2c-.028-.067-.004-.122.072-.166.077-.043.215-.064.416-.064l.286.043c.191.039.427.153.71.344.28.19.512.44.694.744.22.392.484.69.795.896.31.205.623.308.938.308.315 0 .587-.024.816-.072.23-.048.444-.12.645-.215.086-.64.32-1.131.701-1.475a9.8 9.8 0 0 1-1.468-.258 5.846 5.846 0 0 1-1.346-.559 3.855 3.855 0 0 1-1.153-.96c-.306-.381-.556-.883-.752-1.503-.196-.62-.293-1.337-.293-2.148 0-1.156.377-2.14 1.131-2.951-.353-.869-.32-1.843.1-2.922.277-.086.688-.021 1.232.193.544.215.943.4 1.196.552.253.153.456.282.609.387a10.17 10.17 0 0 1 2.75-.373c.945 0 1.862.124 2.75.373l.544-.344c.372-.23.812-.44 1.318-.63.506-.191.893-.244 1.16-.158.43 1.08.468 2.053.115 2.922.754.812 1.131 1.795 1.131 2.95 0 .812-.098 1.53-.293 2.156-.196.626-.449 1.127-.76 1.504-.31.377-.696.695-1.16.952a5.855 5.855 0 0 1-1.346.559 9.84 9.84 0 0 1-1.468.258c.496.43.745 1.108.745 2.034v3.022c0 .171.06.315.179.43.12.114.308.147.566.1 2.215-.736 4.022-2.06 5.42-3.975 1.4-1.915 2.099-4.07 2.099-6.467 0-1.995-.492-3.835-1.476-5.52z" })));
+exports.Github = Github;

package/build/cjs/icons/NavigationChevron.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationChevron: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/NavigationChevron.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationChevron = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const NavigationChevron = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 3L6 8L11 3L12 4L5.99997 10L-4.37114e-08 4L1 3Z" })));
+exports.NavigationChevron = NavigationChevron;

package/build/cjs/icons/PlayVideo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PlayVideo: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/PlayVideo.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayVideo = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const PlayVideo = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "22", height: "26", viewBox: "0 0 22 26", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M21 11.268c1.333.77 1.333 2.694 0 3.464L3 25.124c-1.333.77-3-.192-3-1.732V2.608C0 1.068 1.667.106 3 .876l18 10.392z" })));
+exports.PlayVideo = PlayVideo;

package/build/cjs/icons/PreviewClose.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PreviewClose: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/PreviewClose.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewClose = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const svg_1 = require("../utils/svg");
+const PreviewClose = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", stroke: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { strokeWidth: "2", strokeLinecap: "round", d: "M7.357 7.357l9.286 9.286m0-9.286l-9.286 9.286" })));
+exports.PreviewClose = PreviewClose;

package/build/cjs/icons/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ArrowConstructor';
+export * from './ArrowSidebar';
+export * from './Chevron';
+export * from './FullScreen';
+export * from './Github';
+export * from './NavigationChevron';
+export * from './PlayVideo';
+export * from './PreviewClose';

package/build/cjs/icons/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./ArrowConstructor"), exports);
+(0, tslib_1.__exportStar)(require("./ArrowSidebar"), exports);
+(0, tslib_1.__exportStar)(require("./Chevron"), exports);
+(0, tslib_1.__exportStar)(require("./FullScreen"), exports);
+(0, tslib_1.__exportStar)(require("./Github"), exports);
+(0, tslib_1.__exportStar)(require("./NavigationChevron"), exports);
+(0, tslib_1.__exportStar)(require("./PlayVideo"), exports);
+(0, tslib_1.__exportStar)(require("./PreviewClose"), exports);

package/build/cjs/index.d.ts

@@ -0,0 +1,12 @@
+export * from './context/theme';
+export * from './containers/PageConstructor';
+export * from './grid';
+export * from './blocks';
+export * from './sub-blocks';
+export * from './components';
+export * from './models';
+export * from './utils';
+export * from './schema';
+export * from './hooks';
+export * from './icons';
+export { BREAKPOINTS } from './constants';

package/build/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BREAKPOINTS = void 0;
+const tslib_1 = require("tslib");
+//storybook
+(0, tslib_1.__exportStar)(require("./context/theme"), exports);
+(0, tslib_1.__exportStar)(require("./containers/PageConstructor"), exports);
+(0, tslib_1.__exportStar)(require("./grid"), exports);
+(0, tslib_1.__exportStar)(require("./blocks"), exports);
+(0, tslib_1.__exportStar)(require("./sub-blocks"), exports);
+(0, tslib_1.__exportStar)(require("./components"), exports);
+(0, tslib_1.__exportStar)(require("./models"), exports);
+(0, tslib_1.__exportStar)(require("./utils"), exports);
+(0, tslib_1.__exportStar)(require("./schema"), exports);
+(0, tslib_1.__exportStar)(require("./hooks"), exports);
+(0, tslib_1.__exportStar)(require("./icons"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "BREAKPOINTS", { enumerable: true, get: function () { return constants_1.BREAKPOINTS; } });