@doyourjob/gravity-ui-page-constructor 5.31.16

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

@@ -0,0 +1,51 @@
+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 type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;
+export 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;
+}
+export type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';

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 { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, 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,
+        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(),
+        className,
+    ]
+        .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, { passive: true });
+        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, { passive: true });
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [handlers, formId]);
+}
+exports.useHandleHubspotEvents = useHandleHubspotEvents;

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

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

package/build/cjs/hooks/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeightCalculator = exports.useMount = 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 tslib_1.__importDefault(useFocus_1).default; } });
+var useWindowBreakpoint_1 = require("./useWindowBreakpoint");
+Object.defineProperty(exports, "useWindowBreakpoint", { enumerable: true, get: function () { return tslib_1.__importDefault(useWindowBreakpoint_1).default; } });
+var useMount_1 = require("./useMount");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return tslib_1.__importDefault(useMount_1).default; } });
+var useHeightCalculator_1 = require("./useHeightCalculator");
+Object.defineProperty(exports, "useHeightCalculator", { enumerable: true, get: function () { return tslib_1.__importDefault(useHeightCalculator_1).default; } });
+tslib_1.__exportStar(require("./useAnalytics"), exports);
+tslib_1.__exportStar(require("./hubspot"), exports);

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

@@ -0,0 +1,2 @@
+import { AnalyticsEventsProp } from '../models';
+export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => void;

package/build/cjs/hooks/useAnalytics.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalytics = void 0;
+const react_1 = require("react");
+const analyticsContext_1 = require("../context/analyticsContext");
+const blockIdContext_1 = require("../context/blockIdContext");
+const models_1 = require("../models");
+const useAnalytics = (name = '', target) => {
+    const { sendEvents, autoEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+    const context = (0, react_1.useContext)(blockIdContext_1.BlockIdContext);
+    const defaultEvent = (0, react_1.useMemo)(() => name
+        ? {
+            name,
+            context,
+            type: models_1.PredefinedEventTypes.Default,
+            target: target,
+        }
+        : undefined, [context, name, target]);
+    if (!sendEvents) {
+        return () => { };
+    }
+    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];
+    return (e, additionalContext) => {
+        let events = defaultEvents;
+        if (e) {
+            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
+        }
+        if (!events) {
+            return;
+        }
+        const preparedEvents = additionalContext
+            ? events.map((event) => (Object.assign(Object.assign({}, event), additionalContext)))
+            : events;
+        sendEvents(preparedEvents);
+    };
+};
+exports.useAnalytics = useAnalytics;

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 react_1 = require("react");
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
+const mobileContext_1 = require("../context/mobileContext");
+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, { passive: true });
+            }
+            else {
+                element.addEventListener('mouseenter', setFocus, { passive: true });
+                element.addEventListener('mouseleave', unsetFocus, { passive: true });
+            }
+            return () => {
+                if (isMobile) {
+                    element.removeEventListener('pointerdown', setFocus);
+                }
+                else {
+                    element.removeEventListener('mouseenter', setFocus);
+                    element.removeEventListener('mouseleave', unsetFocus);
+                }
+            };
+        }
+        return noop_1.default;
+    }, [element, isMobile, setFocus, unsetFocus]);
+    return {
+        hasFocus,
+        setFocus,
+        unsetFocus,
+    };
+}
+exports.default = useFocus;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type HeightCalculatorOptions = {
+    recalculateOnResizeDelay: number;
+};
+declare const useHeightCalculator: (containerRef: React.RefObject<HTMLElement>, options?: HeightCalculatorOptions) => number | undefined;
+export default useHeightCalculator;

package/build/cjs/hooks/useHeightCalculator.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;
+const DEFAULT_OPTIONS = {
+    recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,
+};
+const useHeightCalculator = (containerRef, options = DEFAULT_OPTIONS) => {
+    const recalculateOnResizeDelay = options.recalculateOnResizeDelay;
+    const [containerHeight, setContainerHeight] = (0, react_1.useState)(undefined);
+    const calculateContainerHeight = (0, react_1.useCallback)(() => {
+        if (containerRef.current && containerRef.current.offsetHeight !== containerHeight)
+            setContainerHeight(containerRef.current.offsetHeight);
+    }, [containerRef, containerHeight, setContainerHeight]);
+    (0, react_1.useEffect)(() => {
+        const handleResize = (0, debounce_1.default)(calculateContainerHeight, recalculateOnResizeDelay);
+        handleResize();
+        window.addEventListener('resize', handleResize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [calculateContainerHeight, recalculateOnResizeDelay]);
+    return containerHeight;
+};
+exports.default = useHeightCalculator;

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

@@ -0,0 +1 @@
+

package/build/cjs/hooks/useMetrika.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,3 @@
+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 react_1 = require("react");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+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 = (0, debounce_1.default)(() => {
+            setBreakpoint(calculate(window.innerWidth));
+        }, 100);
+        detect();
+        window.addEventListener('resize', detect, { passive: true });
+        return () => window.removeEventListener('resize', detect);
+    }, []);
+    return breakpoint;
+}
+exports.default = useWindowBreakpoint;

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

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

package/build/cjs/icons/BrandIconDark.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconDark = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const BrandIconDark = (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: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.8424 19.8433C24.3958 15.2896 24.3958 7.90683 19.8424 3.35327L16.5682 6.6277C19.244 9.40598 19.2329 13.8068 16.5192 16.5207C13.8055 19.2345 9.4048 19.2457 6.62664 16.5697L3.35327 19.8433C7.90663 24.3967 15.2891 24.3967 19.8424 19.8433Z", fill: "url(#paint0_radial_6_104)" }),
+    react_1.default.createElement("mask", { id: "mask0_6_104", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" })),
+    react_1.default.createElement("g", { mask: "url(#mask0_6_104)" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" }),
+        react_1.default.createElement("g", { filter: "url(#filter0_f_6_104)" },
+            react_1.default.createElement("path", { d: "M3.66425 16.9431C1.23717 13.223 1.65507 8.18643 4.91797 4.91963C8.18443 1.64924 13.2224 1.2335 16.9393 3.67239C17.2067 3.84045 17.3423 3.92521 17.4693 3.97423C17.7646 4.08818 18.008 4.10447 18.3158 4.03088C18.4503 3.99874 18.6311 3.91633 18.9928 3.75149C20.1947 3.20385 21.8808 2.02762 22.4725 2.62002C23.3813 3.52987 20.6464 8.26011 14.4508 14.4631C8.25521 20.666 3.53061 23.5804 2.62184 22.6706C2.03011 22.0781 3.20502 20.2137 3.75214 19.0102C3.91609 18.6497 3.99806 18.4693 4.03013 18.3355C4.10438 18.0256 4.08784 17.7804 3.97268 17.4833C3.92291 17.355 3.83661 17.2178 3.66402 16.9433L3.66425 16.9431Z", fill: "#FFFF00" }))),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("filter", { id: "filter0_f_6_104", x: "-1.54024", y: "-1.54195", width: "27.8346", height: "28.0273", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+            react_1.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            react_1.default.createElement("feGaussianBlur", { stdDeviation: "1.82578", result: "effect1_foregroundBlur_6_104" })),
+        react_1.default.createElement("radialGradient", { id: "paint0_radial_6_104", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)" },
+            react_1.default.createElement("stop", { offset: "0.646153", stopColor: "#FFFF00" }),
+            react_1.default.createElement("stop", { offset: "1", stopColor: "#FF3377" })))));
+exports.BrandIconDark = BrandIconDark;

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

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

package/build/cjs/icons/BrandIconLight.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconLight = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const BrandIconLight = (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: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.7891 19.7868C24.3297 15.2461 24.3297 7.88434 19.7891 3.34375L16.524 6.60884C19.1924 9.37921 19.1813 13.7675 16.4752 16.4736C13.7691 19.1797 9.38075 19.1909 6.61038 16.5225L3.34619 19.7868C7.88678 24.3272 15.2485 24.3272 19.7891 19.7868Z", fill: "url(#paint0_radial_1904_306060)" }),
+    react_1.default.createElement("mask", { id: "mask0_1904_306060", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.40641 3.40544C-0.552633 7.36448 -1.05969 13.4683 1.88525 17.9768L1.88503 17.977C2.09444 18.3096 2.19916 18.4758 2.25954 18.6314C2.39926 18.9914 2.41932 19.2886 2.32926 19.6642C2.29034 19.8264 2.19088 20.0449 1.99197 20.4819C1.3281 21.9403 1.18462 23.0247 1.68892 23.5289C3.11208 24.9522 7.66944 22.7022 15.1868 15.1848C22.7042 7.66744 24.9542 3.11007 23.531 1.68691C23.0268 1.18266 21.9425 1.32606 20.4843 1.98977C20.0454 2.18953 19.8259 2.28939 19.6627 2.32836C19.2893 2.41753 18.994 2.39779 18.6357 2.2597C18.481 2.20009 18.3159 2.09689 17.9894 1.89189C13.4798 -1.06154 7.36887 -0.557021 3.40641 3.40544ZM13.0381 13.0364C15.7762 10.2983 17.6226 7.70544 16.3526 6.4354C13.5886 3.67144 9.12834 3.65047 6.39026 6.38855C3.65219 9.12662 3.67316 13.5869 6.43711 16.3509C7.70715 17.6209 10.3001 15.7745 13.0381 13.0364Z", fill: "#FF3377" })),
+    react_1.default.createElement("g", { mask: "url(#mask0_1904_306060)" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.40641 3.40544C-0.552633 7.36448 -1.05969 13.4683 1.88525 17.9768L1.88503 17.977C2.09444 18.3096 2.19916 18.4758 2.25954 18.6314C2.39926 18.9914 2.41932 19.2886 2.32926 19.6642C2.29034 19.8264 2.19088 20.0449 1.99197 20.4819C1.3281 21.9403 1.18462 23.0247 1.68892 23.5289C3.11208 24.9522 7.66944 22.7022 15.1868 15.1848C22.7042 7.66744 24.9542 3.11007 23.531 1.68691C23.0268 1.18266 21.9425 1.32606 20.4843 1.98977C20.0454 2.18953 19.8259 2.28939 19.6627 2.32836C19.2893 2.41753 18.994 2.39779 18.6357 2.2597C18.481 2.20009 18.3159 2.09689 17.9894 1.89189C13.4798 -1.06154 7.36887 -0.557021 3.40641 3.40544ZM13.0381 13.0364C15.7762 10.2983 17.6226 7.70544 16.3526 6.4354C13.5886 3.67144 9.12834 3.65047 6.39026 6.38855C3.65219 9.12662 3.67316 13.5869 6.43711 16.3509C7.70715 17.6209 10.3001 15.7745 13.0381 13.0364Z", fill: "#FF3377" }),
+        react_1.default.createElement("g", { filter: "url(#filter0_f_1904_306060)" },
+            react_1.default.createElement("path", { d: "M3.65471 16.8928C1.23443 13.1833 1.65116 8.16106 4.90491 4.90356C8.16221 1.6425 13.1861 1.22794 16.8925 3.65988C17.1591 3.82746 17.2943 3.91198 17.4211 3.96086C17.7155 4.07449 17.9582 4.09073 18.2651 4.01735C18.3993 3.9853 18.5796 3.90313 18.9403 3.73876C20.1388 3.19267 21.8201 2.0198 22.4102 2.61051C23.3164 3.51777 20.5892 8.23453 14.411 14.4198C8.23279 20.6051 3.52144 23.5112 2.61522 22.604C2.02515 22.0132 3.19677 20.1541 3.74235 18.954C3.90584 18.5945 3.98758 18.4147 4.01956 18.2812C4.0936 17.9722 4.07711 17.7277 3.96227 17.4315C3.91264 17.3035 3.82681 17.1664 3.65471 16.8928Z", fill: "#FFFF00" }))),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("filter", { id: "filter0_f_1904_306060", x: "-7.02277", y: "-7.02734", width: "38.7317", height: "38.9219", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+            react_1.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            react_1.default.createElement("feGaussianBlur", { stdDeviation: "4.56445", result: "effect1_foregroundBlur_1904_306060" })),
+        react_1.default.createElement("radialGradient", { id: "paint0_radial_1904_306060", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.5415 11.714) rotate(45) scale(11.4732)" },
+            react_1.default.createElement("stop", { offset: "0.646153", stopColor: "#FFFF00" }),
+            react_1.default.createElement("stop", { offset: "1", stopColor: "#FF3377" })))));
+exports.BrandIconLight = BrandIconLight;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const BRAND_NAME_RATIO: number;
+export declare const BrandName: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/BrandName.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandName = exports.BRAND_NAME_RATIO = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+exports.BRAND_NAME_RATIO = 72 / 16;
+const BrandName = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "72", height: "16", viewBox: "0 0 72 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M44.5735 4.8708V10.0416C44.5735 10.8586 44.8356 11.1333 45.6361 11.1333H47.1703V12.443H45.5499C43.8471 12.443 43.117 11.6006 43.117 10.0416V4.8708H42.1166V3.69447H43.117V2.91773C43.117 2.63676 43.117 2.49628 43.1413 2.37965C43.235 1.9302 43.5862 1.57903 44.0355 1.48527C44.1521 1.46094 44.2926 1.46094 44.5735 1.46094V3.69447H47.1703V4.8708H44.5735Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M39.7865 2.07806C39.4913 2.07806 39.2415 1.97751 39.0371 1.77641C38.8328 1.5753 38.7306 1.32951 38.7306 1.03903C38.7306 0.748549 38.8328 0.502757 39.0371 0.301654C39.2415 0.100551 39.4913 0 39.7865 0C40.0703 0 40.3088 0.100551 40.5018 0.301654C40.7062 0.502757 40.8083 0.748549 40.8083 1.03903C40.8083 1.32951 40.7062 1.5753 40.5018 1.77641C40.3088 1.97751 40.0703 2.07806 39.7865 2.07806Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M40.4687 3.69531V12.4681H39.0121V3.69531H40.4687Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M33.3053 10.8155L36.0264 3.69531H37.579L34.1377 12.4681H32.441L28.9996 3.69531H30.5683L33.3053 10.8155Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M0 6.90674C0 3.78236 2.53196 1.25 5.65735 1.25C7.89546 1.25 9.83088 2.55273 10.7467 4.44036H9.00843C8.24879 3.41155 7.0294 2.74186 5.65589 2.74186C3.3594 2.74186 1.49164 4.6099 1.49164 6.90674C1.49164 9.20358 3.3594 11.0716 5.65589 11.0716C7.67558 11.0716 9.36205 9.62632 9.74061 7.71703L9.75337 7.65267H5.3328V6.44507H11.2924C11.3051 6.59728 11.3118 6.75107 11.3118 6.90674C11.3118 10.0311 8.77982 12.5635 5.65589 12.5635C2.53197 12.5635 0 10.0311 0 6.90674Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.7007 8.0199V1.30469H61.1628V7.86597C61.1628 9.6411 61.74 11.1178 63.9139 11.1178C66.0878 11.1178 66.665 9.5142 66.665 7.71204V1.30469H68.1271V7.86597C68.1271 9.40341 67.6979 10.6037 66.899 11.4213C66.1003 12.2385 65.023 12.5801 63.9139 12.5801C62.8056 12.5801 61.7334 12.2393 60.9366 11.4484C60.1364 10.6539 59.7007 9.4915 59.7007 8.0199Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M72 1.30469V12.4646H70.5378V1.30469H72Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M51.8192 12.0142L47.8882 3.69531H49.5053L52.6061 10.2569L55.5448 3.69531H57.1468L52.2483 14.6339C51.9515 15.2967 51.8032 15.628 51.5168 15.8136C51.2304 15.9992 50.8674 15.9992 50.1413 15.9992H50.0121L51.8192 12.0142Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9062 8.08001C19.9062 6.35326 21.3058 4.95346 23.0323 4.95346C24.7588 4.95346 26.1584 6.35326 26.1584 8.08001C26.1584 9.80676 24.7588 11.2066 23.0323 11.2066C21.3058 11.2066 19.9062 9.80676 19.9062 8.08001ZM23.0323 3.53906C20.5248 3.53906 18.4921 5.57211 18.4921 8.08001C18.4921 10.5879 20.5248 12.621 23.0323 12.621C24.3932 12.621 25.4536 12.0874 26.1643 11.2298V12.4676H27.6264V3.69352L26.1643 3.69352V4.93026C25.4536 4.07263 24.3932 3.53906 23.0323 3.53906Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M14.5617 4.88814C15.2983 3.77122 16.4374 3.61719 17.7993 3.61719V4.96808H17.0304C15.3977 4.96808 14.5814 5.93086 14.5814 7.7025L14.5617 12.4671H13.1051V3.69426H14.5617V4.88814Z", fill: "currentColor" })));
+exports.BrandName = BrandName;

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 = 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/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CloseIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/build/cjs/icons/CloseIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const CloseIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, { 'aria-hidden': true }, props),
+    react_1.default.createElement("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" })));
+exports.CloseIcon = CloseIcon;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownArrowIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/build/cjs/icons/DropdownArrowIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownArrowIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const DropdownArrowIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, { 'aria-hidden': true }, props),
+    react_1.default.createElement("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" })));
+exports.DropdownArrowIcon = DropdownArrowIcon;

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

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

package/build/cjs/icons/Facebook.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Facebook = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const Facebook = (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: "M13.79 22H9.93v-9.501H8V9.225h1.93V7.26C9.93 4.589 11.017 3 14.113 3h2.577v3.275h-1.61c-1.206 0-1.285.457-1.285 1.311l-.006 1.639h2.918l-.341 3.274H13.79V22z" })));
+exports.Facebook = Facebook;

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 = 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/Linkedin.d.ts

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