@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

package/build/cjs/editor/types/index.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { PageConstructorProps, PageConstructorProviderProps } from "../../containers/PageConstructor/index.js";
-import { SchemaCustomConfig } from "../../gravity-blocks/schema/index.js";
-import { BlockWrapperDataProps, PageContent } from "../../models/index.js";
+import { BlockDecorationProps, PageContent } from "../../models/index.js";
 import { Theme } from "../../models/common.js";
+import { SchemaCustomConfig } from "../../schema/index.js";
 import { EditBlockActions } from "../components/EditBlock/EditBlock.js";
 export type EditorBlockId = number | string;
 interface ContentTransformersOptions {
@@ -27,7 +26,7 @@ export interface EditBlockEditorProps {
     onSelect: () => void;
     actions: EditBlockActions;
 }
-export interface EditBlockProps extends EditBlockEditorProps, BlockWrapperDataProps, React.PropsWithChildren {
+export interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {
     isHeader?: boolean;
 }
 export declare enum ViewModeItem {

package/build/cjs/editor/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":";;;AAiDA,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB","sourcesContent":["import * as React from 'react';\n\nimport {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {SchemaCustomConfig} from '../../gravity-blocks/schema';\nimport {BlockWrapperDataProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number | string;\n\ninterface ContentTransformersOptions {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n    content: PageContent,\n    options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n    customStyles?: string;\n    applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n    extends Required<Pick<PageConstructorProps, 'content'>>,\n        Partial<Omit<PageConstructorProps, 'content'>> {\n    providerProps?: PageConstructorProviderProps;\n    onChange?: (data: PageContent) => void;\n    transformContent?: ContentTransformer;\n    customSchema?: SchemaCustomConfig;\n    deviceEmulationSettings?: DeviceEmulationSettings;\n    theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n    isActive?: boolean;\n    onSelect: () => void;\n    actions: EditBlockActions;\n}\n\nexport interface EditBlockProps\n    extends EditBlockEditorProps,\n        BlockWrapperDataProps,\n        React.PropsWithChildren {\n    isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n    Desktop = 'desktop',\n    Tablet = 'tablet',\n    Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n    View = 'view',\n    Form = 'form',\n    Code = 'code',\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":";;;AA4CA,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB","sourcesContent":["import {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {BlockDecorationProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {SchemaCustomConfig} from '../../schema';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number | string;\n\ninterface ContentTransformersOptions {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n    content: PageContent,\n    options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n    customStyles?: string;\n    applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n    extends Required<Pick<PageConstructorProps, 'content'>>,\n        Partial<Omit<PageConstructorProps, 'content'>> {\n    providerProps?: PageConstructorProviderProps;\n    onChange?: (data: PageContent) => void;\n    transformContent?: ContentTransformer;\n    customSchema?: SchemaCustomConfig;\n    deviceEmulationSettings?: DeviceEmulationSettings;\n    theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n    isActive?: boolean;\n    onSelect: () => void;\n    actions: EditBlockActions;\n}\n\nexport interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {\n    isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n    Desktop = 'desktop',\n    Tablet = 'tablet',\n    Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n    View = 'view',\n    Form = 'form',\n    Code = 'code',\n}\n"]}

package/build/cjs/editor/utils/code.d.ts

@@ -1,4 +1,6 @@
 export declare function parseCode(code: string): {
     blocks: import("../../models/index.js").ConstructorBlock[];
+    menu?: import("../../models/index.js").Menu;
+    background?: import("../../models/index.js").ThemedMediaProps;
     animated?: boolean;
 };

package/build/cjs/editor/utils/index.d.ts

@@ -1,5 +1,15 @@
-import { BlockWrapperDataProps } from "../../models/index.js";
+import { BlockDecorationProps, BlockDecorator, CustomConfig } from "../../models/index.js";
 import { ViewModeItem } from "../types/index.js";
 export declare const formatBlockName: (name: string) => string;
-export declare const getBlockId: ({ index, type }: BlockWrapperDataProps) => string;
+export declare const addCustomDecorator: (decorators: BlockDecorator[], custom?: CustomConfig) => {
+    decorators: {
+        block: ((props: BlockDecorationProps) => React.ReactElement)[];
+    };
+    blocks?: import("../../models/index.js").CustomItems;
+    subBlocks?: import("../../models/index.js").CustomItems;
+    headers?: import("../../models/index.js").CustomItems;
+    navigation?: import("../../models/index.js").CustomItems;
+    loadable?: import("../../models/index.js").LoadableConfig;
+};
+export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;
 export declare const checkIsMobile: (viewMode: ViewModeItem) => boolean;

package/build/cjs/editor/utils/index.js

@@ -1,11 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIsMobile = exports.getBlockId = exports.formatBlockName = void 0;
+exports.checkIsMobile = exports.getBlockId = exports.addCustomDecorator = exports.formatBlockName = void 0;
 const tslib_1 = require("tslib");
 const capitalize_1 = tslib_1.__importDefault(require("lodash/capitalize.js"));
 const types_1 = require("../types/index.js");
 const formatBlockName = (name) => (0, capitalize_1.default)(name).replace(/(block|-)/g, ' ');
 exports.formatBlockName = formatBlockName;
+const addCustomDecorator = (decorators, custom = {}) => {
+    const customDecorators = custom.decorators || {};
+    return {
+        ...custom,
+        decorators: {
+            ...customDecorators,
+            block: [...(customDecorators.block || []), ...decorators],
+        },
+    };
+};
+exports.addCustomDecorator = addCustomDecorator;
 const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
 exports.getBlockId = getBlockId;
 const checkIsMobile = (viewMode) => [types_1.ViewModeItem.Mobile, types_1.ViewModeItem.Tablet].includes(viewMode);

package/build/cjs/editor/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA2C;AAG3C,6CAAsC;AAE/B,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAAhF,QAAA,eAAe,mBAAiE;AAEtF,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAwB,EAAE,EAAE,CAC/D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAD1C,QAAA,UAAU,cACgC;AAEhD,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AADrD,QAAA,aAAa,iBACwC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockWrapperDataProps} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block|-)/g, ' ');\n\nexport const getBlockId = ({index, type}: BlockWrapperDataProps) =>\n    `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n    [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA2C;AAG3C,6CAAsC;AAE/B,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAAhF,QAAA,eAAe,mBAAiE;AAEtF,MAAM,kBAAkB,GAAG,CAAC,UAA4B,EAAE,SAAS,EAAkB,EAAE,EAAE;IAC5F,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAEjD,OAAO;QACH,GAAG,MAAM;QACT,UAAU,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;SAC5D;KACJ,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAuB,EAAE,EAAE,CAC9D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAD1C,QAAA,UAAU,cACgC;AAEhD,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AADrD,QAAA,aAAa,iBACwC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockDecorationProps, BlockDecorator, CustomConfig} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block|-)/g, ' ');\n\nexport const addCustomDecorator = (decorators: BlockDecorator[], custom = {} as CustomConfig) => {\n    const customDecorators = custom.decorators || {};\n\n    return {\n        ...custom,\n        decorators: {\n            ...customDecorators,\n            block: [...(customDecorators.block || []), ...decorators],\n        },\n    };\n};\n\nexport const getBlockId = ({index, type}: BlockDecorationProps) =>\n    `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n    [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}

package/build/cjs/grid/Break/Break.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Break.js","sourceRoot":"../../../../src","sources":["grid/Break/Break.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,KAAK,GAA4B,GAAG,EAAE,CAAC,gCAAK,SAAS,EAAC,OAAO,GAAO,CAAC;AAArE,QAAA,KAAK,SAAgE","sourcesContent":["import * as React from 'react';\n\nexport const Break: React.FunctionComponent = () => <div className=\"w-100\"></div>;\n"]}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AriaProps, QAProps, Refable, Roleable } from "../../models/index.js";
+import { GridColumnClassParams } from "../types.js";
+export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable, AriaProps {
+    id?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Col: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<GridColumnProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Col/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"../../../../src","sources":["grid/Col/Col.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,uCAAqC;AAaxB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAElE,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,mBAAW,EAAC,IAAI,CAAC,EAC5B,KAAK,EAAE,KAAK,aACH,EAAE,EACX,IAAI,EAAE,IAAI,KACN,SAAS,YAEZ,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AriaProps, QAProps, Refable, Roleable} from '../../models';\nimport {GridColumnClassParams} from '../types';\nimport {getColClass} from '../utils';\n\nexport interface GridColumnProps\n    extends GridColumnClassParams,\n        Refable<HTMLDivElement>,\n        QAProps,\n        Roleable,\n        AriaProps {\n    id?: string;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Col = React.forwardRef<HTMLDivElement, React.PropsWithChildren<GridColumnProps>>(\n    (props, ref) => {\n        const {id, children, style, qa, role, ariaProps, ...rest} = props;\n\n        return (\n            <div\n                ref={ref}\n                id={id}\n                className={getColClass(rest)}\n                style={style}\n                data-qa={qa}\n                role={role}\n                {...ariaProps}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCol.displayName = 'Col';\n"]}

package/build/cjs/grid/Grid/Grid.css

@@ -0,0 +1,87 @@
+.pc-Grid .container-fluid,
+.pc-Grid .container {
+  max-width: calc(1232px + 8px * 2 + 40px * 2);
+}
+.pc-Grid .row {
+  margin-right: 0;
+  margin-left: 0;
+}
+.pc-Grid .pc-Grid .container-fluid,
+.pc-Grid .pc-Grid .container {
+  padding: 0;
+}
+.pc-Grid .row .row {
+  margin: 0 -8px;
+}
+.pc-Grid_debug .container,
+.pc-Grid_debug .container-fluid,
+.pc-Grid_debug [class*=col-] {
+  box-sizing: border-box;
+  border: 1px solid var(--g-color-line-generic);
+}
+@media only screen and (max-width: 577px) {
+  .pc-Grid .container,
+  .pc-Grid .container-fluid {
+    padding: 0 16px;
+  }
+  .pc-Grid .col,
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-0,
+  .pc-Grid .col-0 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-1,
+  .pc-Grid .col-1 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-2,
+  .pc-Grid .col-2 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-3,
+  .pc-Grid .col-3 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-4,
+  .pc-Grid .col-4 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-5,
+  .pc-Grid .col-5 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-6,
+  .pc-Grid .col-6 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-7,
+  .pc-Grid .col-7 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-8,
+  .pc-Grid .col-8 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-9,
+  .pc-Grid .col-9 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-10,
+  .pc-Grid .col-10 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-11,
+  .pc-Grid .col-11 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-12,
+  .pc-Grid .col-12 {
+    padding: 0 8px;
+  }
+  .pc-Grid .row .row {
+    margin: 0 -8px;
+  }
+}

package/build/cjs/grid/Grid/Grid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('Grid');
+const Grid = ({ debug, children, className, style, containerClass = '', }) => ((0, jsx_runtime_1.jsx)("div", { style: style, className: b({ debug }, className), children: (0, jsx_runtime_1.jsx)("div", { className: `container-fluid ${containerClass}`, children: children }) }));
+exports.Grid = Grid;
+//# sourceMappingURL=Grid.js.map

package/build/cjs/grid/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"../../../../src","sources":["grid/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAKlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AASjB,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,gCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,gCAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport './Grid.scss';\nimport '../styles/bootstrap.scss';\n\nconst b = block('Grid');\n\nexport interface GridProps {\n    debug?: boolean;\n    className?: string;\n    containerClass?: string;\n    style?: React.CSSProperties;\n}\n\nexport const Grid = ({\n    debug,\n    children,\n    className,\n    style,\n    containerClass = '',\n}: React.PropsWithChildren<GridProps>) => (\n    <div style={style} className={b({debug}, className)}>\n        <div className={`container-fluid ${containerClass}`}>{children}</div>\n    </div>\n);\n"]}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AriaProps, Roleable } from "../../models/index.js";
+import { ClassNameProps, Refable } from "../../models/common.js";
+import { GridAlignItems, GridJustifyContent } from "../types.js";
+export interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {
+    id?: string;
+    justifyContent?: GridJustifyContent;
+    alignItems?: GridAlignItems;
+    noGutter?: boolean;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Row: React.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"../../../../src","sources":["grid/Row/Row.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAelB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,GACzF,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,IAAI,WAAW,CAAC;aACzE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,YACpF,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AriaProps, Roleable} from '../../models';\nimport {ClassNameProps, Refable} from '../../models/common';\nimport {GridAlignItems, GridJustifyContent} from '../types';\n\nexport interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {\n    id?: string;\n    justifyContent?: GridJustifyContent;\n    alignItems?: GridAlignItems;\n    noGutter?: boolean;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n    const {id, className, justifyContent, alignItems, noGutter, style, role, ariaProps, children} =\n        props;\n\n    const getClassName = React.useCallback(() => {\n        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']\n            .filter(Boolean)\n            .join(' ');\n    }, [className, justifyContent, alignItems, noGutter]);\n\n    return (\n        <div ref={ref} id={id} className={getClassName()} style={style} role={role} {...ariaProps}>\n            {children}\n        </div>\n    );\n});\n\nRow.displayName = 'Row';\n"]}

package/build/cjs/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["grid/index.ts"],"names":[],"mappings":";;;AAAA,uDAA0B;AAC1B,uDAA0B;AAC1B,2DAA8B;AAC9B,yDAA4B;AAC5B,qDAAwB;AACxB,qDAAwB","sourcesContent":["export * from './Col/Col';\nexport * from './Row/Row';\nexport * from './Break/Break';\nexport * from './Grid/Grid';\nexport * from './types';\nexport * from './utils';\n"]}

package/build/cjs/grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["grid/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,yDAAmC,CAAA;AACvC,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAED,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB;AAED,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,mCAAnB,mBAAmB,QAI9B;AAED,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,qCAArB,qBAAqB,QAIhC;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,yCAAzB,yBAAyB,QAGpC;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC","sourcesContent":["export enum GridJustifyContent {\n    Start = 'justify-content-start',\n    Center = 'justify-content-center',\n    End = 'justify-content-end',\n    Around = 'justify-content-around',\n    Between = 'justify-content-between',\n}\n\nexport enum GridAlignItems {\n    Start = 'align-items-start',\n    Center = 'align-items-center',\n    End = 'align-items-end',\n}\n\nexport enum GridColumnSize {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n    All = 'all',\n}\n\nexport enum GridColumnAlignSelf {\n    Start = 'align-self-start',\n    Center = 'align-self-center',\n    End = 'align-self-end',\n}\n\nexport enum GridColumnClassPrefix {\n    Col = 'col',\n    Offset = 'offset',\n    Order = 'order',\n}\n\nexport enum GridColumnVisibilityClass {\n    None = 'none',\n    Block = 'block',\n}\n\nexport enum GridColumnOrderClasses {\n    First = 'first',\n    Last = 'last',\n}\n\nexport type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;\nexport type GridColumnOrderSizesType = Partial<\n    Record<GridColumnSize, number | GridColumnOrderClasses>\n>;\n\nexport interface GridColumnClassParams {\n    className?: string;\n    sizes?: GridColumnSizesType | number;\n    offsets?: GridColumnSizesType;\n    orders?: GridColumnOrderSizesType;\n    hidden?: GridColumnSize;\n    visible?: GridColumnSize;\n    alignSelf?: GridColumnAlignSelf;\n    justifyContent?: GridJustifyContent;\n    reset?: boolean;\n}\n\nexport type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';\n"]}

package/build/cjs/grid/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["grid/utils.ts"],"names":[],"mappings":";;AAcA,gCAWC;AAED,wCAEC;AAED,sCAEC;AAED,oDAOC;AAED,oCAMC;AAED,0CAEC;AAED,sCAEC;AAED,kCA0BC;AAtFD,sCAQiB;AAEjB,SAAS,kBAAkB,CAAC,UAAqC,EAAE,IAAqB;IACpF,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,EAAE,CAAC;AACtD,CAAC;AAED,SAAgB,UAAU,CACtB,KAAqD,EACrD,MAA6B;IAE7B,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QAC9C,MAAM,QAAQ,GAAG,IAAI,KAAK,sBAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAiC,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,MAAM,KAAK,6BAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,CAAC;QAE1F,OAAO,MAAM,GAAG,IAAI,MAAM,GAAG,QAAQ,GAAG,SAAS,EAAE,CAAC;IACxD,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC;AAED,SAAgB,cAAc,CAAC,OAA4B;IACvD,OAAO,UAAU,CAAC,OAAO,EAAE,6BAAqB,CAAC,MAAM,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,aAAa,CAAC,MAAgC;IAC1D,OAAO,UAAU,CAAC,MAAM,EAAE,6BAAqB,CAAC,KAAK,CAAC,CAAC;AAC3D,CAAC;AAED,SAAgB,oBAAoB,CAAC,IAAoB,EAAE,IAA+B;IACtF,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,GAC5B,IAAI,KAAK,iCAAyB,CAAC,IAAI;QACnC,CAAC,CAAC,CAAC,iCAAyB,CAAC,IAAI,EAAE,iCAAyB,CAAC,KAAK,CAAC;QACnE,CAAC,CAAC,CAAC,iCAAyB,CAAC,KAAK,EAAE,iCAAyB,CAAC,IAAI,CAAC,CAAC;IAE5E,OAAO,GAAG,kBAAkB,CAAC,SAAS,CAAC,IAAI,kBAAkB,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC;AACzF,CAAC;AAED,SAAgB,YAAY,CAAC,KAAmC;IAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,GAAG,6BAAqB,CAAC,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC9D,CAAC;IAED,OAAO,UAAU,CAAC,KAAK,EAAE,6BAAqB,CAAC,GAAG,CAAC,CAAC;AACxD,CAAC;AAED,SAAgB,eAAe,CAAC,cAAkC;IAC9D,OAAO,UAAU,cAAc,EAAE,CAAC;AACtC,CAAC;AAED,SAAgB,aAAa;IACzB,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,SAAgB,WAAW,CAAC,MAA6B;IACrD,MAAM,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,cAAc,EACd,KAAK,GACR,GAAG,MAAM,CAAC;IACX,OAAO;QACH,6BAAqB,CAAC,GAAG;QACzB,SAAS;QACT,cAAc,IAAI,eAAe,CAAC,cAAc,CAAC;QACjD,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;QAC5B,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC;QAClC,MAAM,IAAI,aAAa,CAAC,MAAM,CAAC;QAC/B,MAAM,IAAI,oBAAoB,CAAC,MAAM,EAAE,iCAAyB,CAAC,IAAI,CAAC;QACtE,OAAO,IAAI,oBAAoB,CAAC,OAAO,EAAE,iCAAyB,CAAC,KAAK,CAAC;QACzE,KAAK,IAAI,aAAa,EAAE;QACxB,SAAS;KACZ;SACI,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AACnB,CAAC","sourcesContent":["import {\n    GridColumnClassParams,\n    GridColumnClassPrefix,\n    GridColumnOrderSizesType,\n    GridColumnSize,\n    GridColumnSizesType,\n    GridColumnVisibilityClass,\n    GridJustifyContent,\n} from './types';\n\nfunction getVisibilityClass(visibility: GridColumnVisibilityClass, size?: GridColumnSize) {\n    return `d${size ? `-${size}` : ''}-${visibility}`;\n}\n\nexport function getClasses(\n    items: GridColumnSizesType | GridColumnOrderSizesType,\n    prefix: GridColumnClassPrefix,\n) {\n    return Object.keys(items).reduce((result, size) => {\n        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;\n        const itemSize = items[size as keyof GridColumnSizesType];\n        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;\n\n        return result + ` ${prefix}${sizeName}${sizeValue}`;\n    }, '');\n}\n\nexport function getOffsetClass(offsets: GridColumnSizesType) {\n    return getClasses(offsets, GridColumnClassPrefix.Offset);\n}\n\nexport function getOrderClass(orders: GridColumnOrderSizesType) {\n    return getClasses(orders, GridColumnClassPrefix.Order);\n}\n\nexport function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass) {\n    const [oppositeClass, mainClass] =\n        type === GridColumnVisibilityClass.None\n            ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]\n            : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];\n\n    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;\n}\n\nexport function getSizeClass(sizes: GridColumnSizesType | number): string {\n    if (typeof sizes === 'number') {\n        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;\n    }\n\n    return getClasses(sizes, GridColumnClassPrefix.Col);\n}\n\nexport function getJustifyClass(justifyContent: GridJustifyContent): string {\n    return `d-flex ${justifyContent}`;\n}\n\nexport function getResetClass() {\n    return 'col-reset';\n}\n\nexport function getColClass(params: GridColumnClassParams) {\n    const {\n        className = '',\n        sizes,\n        offsets,\n        orders,\n        hidden,\n        visible,\n        alignSelf,\n        justifyContent,\n        reset,\n    } = params;\n    return [\n        GridColumnClassPrefix.Col,\n        alignSelf,\n        justifyContent && getJustifyClass(justifyContent),\n        sizes && getSizeClass(sizes),\n        offsets && getOffsetClass(offsets),\n        orders && getOrderClass(orders),\n        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),\n        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),\n        reset && getResetClass(),\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n}\n"]}

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

@@ -0,0 +1,16 @@
+import { HubspotEventHandlers } from "../utils/hubspot.js";
+/**
+ * @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,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoopBackHubspotEvents = useLoopBackHubspotEvents;
+exports.useHandleHubspotEvents = useHandleHubspotEvents;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const hubspot_1 = require("../utils/hubspot.js");
+/**
+ * @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) {
+    React.useEffect(() => {
+        const topHandler = (0, hubspot_1.loopBackHabspotEvents)(formId);
+        window.addEventListener('message', topHandler, { passive: true });
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [formId]);
+}
+/**
+ * @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) {
+    React.useEffect(() => {
+        const topHandler = (0, hubspot_1.handleHubspotEvents)(handlers, formId);
+        window.addEventListener('message', topHandler, { passive: true });
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [handlers, formId]);
+}
+//# sourceMappingURL=hubspot.js.map

package/build/cjs/hooks/hubspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hubspot.js","sourceRoot":"../../../src","sources":["hooks/hubspot.ts"],"names":[],"mappings":";;AAUA,4DAUC;AASD,wDAUC;;AAvCD,qDAA+B;AAE/B,iDAAkG;AAElG;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,MAAc;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,+BAAqB,EAAC,MAAM,CAAC,CAAC;QAEjD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,sBAAsB,CAAC,QAA8B,EAAE,MAAc;IACjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEzD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {HubspotEventHandlers, handleHubspotEvents, loopBackHabspotEvents} from '../utils/hubspot';\n\n/**\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame\n */\nexport function useLoopBackHubspotEvents(formId: string): void {\n    React.useEffect(() => {\n        const topHandler = loopBackHabspotEvents(formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [formId]);\n}\n\n/**\n * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook in any frame to handle hubspot forms events\n */\nexport function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void {\n    React.useEffect(() => {\n        const topHandler = handleHubspotEvents(handlers, formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [handlers, formId]);\n}\n"]}

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

@@ -0,0 +1,8 @@
+export { default as useFocus } from "./useFocus.js";
+export { default as useWindowBreakpoint } from "./useWindowBreakpoint.js";
+export { default as useMount } from "./useMount.js";
+export { default as useHeightCalculator } from "./useHeightCalculator.js";
+export * from "./useImageSize.js";
+export * from "./useAnalytics.js";
+export * from "./hubspot.js";
+export * from "./useDeviceValue.js";

package/build/cjs/hooks/index.js

@@ -0,0 +1,17 @@
+"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.js");
+Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return tslib_1.__importDefault(useFocus_1).default; } });
+var useWindowBreakpoint_1 = require("./useWindowBreakpoint.js");
+Object.defineProperty(exports, "useWindowBreakpoint", { enumerable: true, get: function () { return tslib_1.__importDefault(useWindowBreakpoint_1).default; } });
+var useMount_1 = require("./useMount.js");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return tslib_1.__importDefault(useMount_1).default; } });
+var useHeightCalculator_1 = require("./useHeightCalculator.js");
+Object.defineProperty(exports, "useHeightCalculator", { enumerable: true, get: function () { return tslib_1.__importDefault(useHeightCalculator_1).default; } });
+tslib_1.__exportStar(require("./useImageSize.js"), exports);
+tslib_1.__exportStar(require("./useAnalytics.js"), exports);
+tslib_1.__exportStar(require("./hubspot.js"), exports);
+tslib_1.__exportStar(require("./useDeviceValue.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["hooks/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA+C;AAAvC,6HAAA,OAAO,OAAY;AAC3B,gEAAqE;AAA7D,mJAAA,OAAO,OAAuB;AACtC,0CAA+C;AAAvC,6HAAA,OAAO,OAAY;AAC3B,gEAAqE;AAA7D,mJAAA,OAAO,OAAuB;AACtC,4DAA+B;AAC/B,4DAA+B;AAC/B,uDAA0B;AAC1B,8DAAiC","sourcesContent":["export {default as useFocus} from './useFocus';\nexport {default as useWindowBreakpoint} from './useWindowBreakpoint';\nexport {default as useMount} from './useMount';\nexport {default as useHeightCalculator} from './useHeightCalculator';\nexport * from './useImageSize';\nexport * from './useAnalytics';\nexport * from './hubspot';\nexport * from './useDeviceValue';\n"]}

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

@@ -0,0 +1,2 @@
+import { AnalyticsEventsProp } from "../models/index.js";
+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,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalytics = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const analyticsContext_1 = require("../context/analyticsContext/index.js");
+const blockIdContext_1 = require("../context/blockIdContext/index.js");
+const models_1 = require("../models/index.js");
+const useAnalytics = (name = '', target) => {
+    const { sendEvents, autoEvents } = React.useContext(analyticsContext_1.AnalyticsContext);
+    const context = React.useContext(blockIdContext_1.BlockIdContext);
+    const defaultEvent = React.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) => ({
+                ...event,
+                ...additionalContext,
+            }))
+            : events;
+        sendEvents(preparedEvents);
+    };
+};
+exports.useAnalytics = useAnalytics;
+//# sourceMappingURL=useAnalytics.js.map

package/build/cjs/hooks/useAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2EAA6D;AAC7D,uEAAyD;AACzD,+CAAoF;AAE7E,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO;YACP,IAAI,EAAE,6BAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC;AA1CW,QAAA,YAAY,gBA0CvB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n    const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n    const context = React.useContext(BlockIdContext);\n    const defaultEvent = React.useMemo(\n        () =>\n            name\n                ? {\n                      name,\n                      context,\n                      type: PredefinedEventTypes.Default,\n                      target: target,\n                  }\n                : undefined,\n        [context, name, target],\n    );\n\n    if (!sendEvents) {\n        return () => {};\n    }\n\n    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n    return (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => {\n        let events: AnalyticsEvent[] = defaultEvents;\n\n        if (e) {\n            events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n        }\n\n        if (!events) {\n            return;\n        }\n\n        const preparedEvents = additionalContext\n            ? events.map((event) => ({\n                  ...event,\n                  ...additionalContext,\n              }))\n            : events;\n\n        sendEvents(preparedEvents);\n    };\n};\n"]}

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

@@ -0,0 +1,2 @@
+import { DeviceSupporting } from "../utils/index.js";
+export declare function useDeviceValue<T>(value: DeviceSupporting<T>, inclusive?: boolean): T;

package/build/cjs/hooks/useDeviceValue.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceValue = useDeviceValue;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../constants.js");
+const windowWidthContext_1 = require("../context/windowWidthContext/index.js");
+const models_1 = require("../models/index.js");
+const utils_1 = require("../utils/index.js");
+const getDeviceBreakpoints = (inclusive) => {
+    const shift = inclusive ? 0 : -1;
+    return [constants_1.BREAKPOINTS.md + shift, constants_1.BREAKPOINTS.sm + shift];
+};
+function useDeviceValue(value, inclusive) {
+    const windowWidth = (0, windowWidthContext_1.useWindowWidth)();
+    const [tablet, mobile] = React.useMemo(() => getDeviceBreakpoints(inclusive), [inclusive]);
+    const isMobile = windowWidth <= mobile;
+    const isTablet = windowWidth <= tablet;
+    return React.useMemo(() => {
+        if (!(0, utils_1.isDeviceValue)(value)) {
+            return value;
+        }
+        switch (true) {
+            case isMobile:
+                return value[models_1.Device.Mobile];
+            case isTablet:
+                return value[models_1.Device.Tablet] ?? value[models_1.Device.Mobile];
+            default:
+                return value[models_1.Device.Desktop];
+        }
+    }, [isMobile, isTablet, value]);
+}
+//# sourceMappingURL=useDeviceValue.js.map

package/build/cjs/hooks/useDeviceValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceValue.js","sourceRoot":"../../../src","sources":["hooks/useDeviceValue.ts"],"names":[],"mappings":";;AAaA,wCAsBC;;AAnCD,qDAA+B;AAE/B,+CAAyC;AACzC,+EAA6D;AAC7D,+CAAiC;AACjC,6CAAyD;AAEzD,MAAM,oBAAoB,GAAG,CAAC,SAAmB,EAAoC,EAAE;IACnF,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,uBAAW,CAAC,EAAE,GAAG,KAAK,EAAE,uBAAW,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,SAAgB,cAAc,CAAI,KAA0B,EAAE,SAAmB;IAC7E,MAAM,WAAW,GAAG,IAAA,mCAAc,GAAE,CAAC;IAErC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,WAAW,IAAI,MAAM,CAAC;IACvC,MAAM,QAAQ,GAAG,WAAW,IAAI,MAAM,CAAC;IAEvC,OAAO,KAAK,CAAC,OAAO,CAAI,GAAG,EAAE;QACzB,IAAI,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,QAAQ;gBACT,OAAO,KAAK,CAAC,eAAM,CAAC,MAAM,CAAC,CAAC;YAChC,KAAK,QAAQ;gBACT,OAAO,KAAK,CAAC,eAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,eAAM,CAAC,MAAM,CAAC,CAAC;YACxD;gBACI,OAAO,KAAK,CAAC,eAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BREAKPOINTS} from '../constants';\nimport {useWindowWidth} from '../context/windowWidthContext';\nimport {Device} from '../models';\nimport {DeviceSupporting, isDeviceValue} from '../utils';\n\nconst getDeviceBreakpoints = (inclusive?: boolean): [tablet: number, mobile: number] => {\n    const shift = inclusive ? 0 : -1;\n\n    return [BREAKPOINTS.md + shift, BREAKPOINTS.sm + shift];\n};\n\nexport function useDeviceValue<T>(value: DeviceSupporting<T>, inclusive?: boolean): T {\n    const windowWidth = useWindowWidth();\n\n    const [tablet, mobile] = React.useMemo(() => getDeviceBreakpoints(inclusive), [inclusive]);\n\n    const isMobile = windowWidth <= mobile;\n    const isTablet = windowWidth <= tablet;\n\n    return React.useMemo<T>(() => {\n        if (!isDeviceValue(value)) {\n            return value;\n        }\n\n        switch (true) {\n            case isMobile:\n                return value[Device.Mobile];\n            case isTablet:\n                return value[Device.Tablet] ?? value[Device.Mobile];\n            default:\n                return value[Device.Desktop];\n        }\n    }, [isMobile, isTablet, value]);\n}\n"]}

package/build/cjs/hooks/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.js","sourceRoot":"../../../src","sources":["hooks/useFocus.ts"],"names":[],"mappings":";;AAMA,2BAkCC;;AAxCD,qDAA+B;AAE/B,kEAA+B;AAE/B,qEAAuD;AAEvD,SAAwB,QAAQ,CAAC,OAAqB;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,QAAQ,EAAE,CAAC;gBACX,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClE,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACxE,CAAC;YAED,OAAO,GAAG,EAAE;gBACR,IAAI,QAAQ,EAAE,CAAC;oBACX,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACJ,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;oBACpD,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBAC1D,CAAC;YACL,CAAC,CAAC;QACN,CAAC;QAED,OAAO,cAAI,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9C,OAAO;QACH,QAAQ;QACR,QAAQ;QACR,UAAU;KACb,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport noop from 'lodash/noop';\n\nimport {MobileContext} from '../context/mobileContext';\n\nexport default function useFocus(element?: HTMLElement) {\n    const isMobile = React.useContext(MobileContext);\n\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const setFocus = React.useCallback(() => setHasFocus(true), []);\n    const unsetFocus = React.useCallback(() => setHasFocus(false), []);\n\n    React.useEffect(() => {\n        if (element) {\n            if (isMobile) {\n                element.addEventListener('pointerdown', setFocus, {passive: true});\n            } else {\n                element.addEventListener('mouseenter', setFocus, {passive: true});\n                element.addEventListener('mouseleave', unsetFocus, {passive: true});\n            }\n\n            return () => {\n                if (isMobile) {\n                    element.removeEventListener('pointerdown', setFocus);\n                } else {\n                    element.removeEventListener('mouseenter', setFocus);\n                    element.removeEventListener('mouseleave', unsetFocus);\n                }\n            };\n        }\n\n        return noop;\n    }, [element, isMobile, setFocus, unsetFocus]);\n\n    return {\n        hasFocus,\n        setFocus,\n        unsetFocus,\n    };\n}\n"]}

package/build/cjs/hooks/useHeightCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeightCalculator.js","sourceRoot":"../../../src","sources":["hooks/useHeightCalculator.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,0EAAuC;AAMvC,MAAM,mCAAmC,GAAG,IAAI,CAAC;AACjD,MAAM,eAAe,GAAG;IACpB,wBAAwB,EAAE,mCAAmC;CAChE,CAAC;AAEF,MAAM,mBAAmB,GAGC,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE;IAClE,MAAM,wBAAwB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE5F,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,YAAY,KAAK,eAAe;YAC7E,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,YAAY,GAAG,IAAA,kBAAQ,EAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC;QAElF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEzD,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\ntype HeightCalculatorOptions = {\n    recalculateOnResizeDelay: number;\n};\n\nconst DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;\nconst DEFAULT_OPTIONS = {\n    recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,\n};\n\nconst useHeightCalculator: (\n    containerRef: React.RefObject<HTMLElement>,\n    options?: HeightCalculatorOptions,\n) => number | undefined = (containerRef, options = DEFAULT_OPTIONS) => {\n    const recalculateOnResizeDelay = options.recalculateOnResizeDelay;\n    const [containerHeight, setContainerHeight] = React.useState<number | undefined>(undefined);\n\n    const calculateContainerHeight = React.useCallback(() => {\n        if (containerRef.current && containerRef.current.offsetHeight !== containerHeight)\n            setContainerHeight(containerRef.current.offsetHeight);\n    }, [containerRef, containerHeight, setContainerHeight]);\n\n    React.useEffect(() => {\n        const handleResize = debounce(calculateContainerHeight, recalculateOnResizeDelay);\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [calculateContainerHeight, recalculateOnResizeDelay]);\n\n    return containerHeight;\n};\n\nexport default useHeightCalculator;\n"]}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { MediaAllProps } from "../components/Media/Media.js";
+export declare const useImageSize: ({ onIntrinsicSizeChange, onLoad: onLoadProps, }: Pick<MediaAllProps, "onIntrinsicSizeChange"> & {
+    onLoad?: React.ReactEventHandler<HTMLImageElement>;
+}) => {
+    imageRef: React.RefObject<HTMLImageElement>;
+    onLoad: React.ReactEventHandler<HTMLImageElement>;
+};

package/build/cjs/hooks/useImageSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageSize.js","sourceRoot":"../../../src","sources":["hooks/useImageSize.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,+EAA6D;AAEtD,MAAM,YAAY,GAAG,CAAC,EACzB,qBAAqB,EACrB,MAAM,EAAE,WAAW,GAGtB,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,IAAA,mCAAc,GAAE,CAAC;IAErC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5C,SAAS,CACZ,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACD,qBAAqB;QACjB,CAAC,CAAC,CAAC,KAA8B,EAAE,EAAE;YAC/B,IAAI,KAAK,EAAE,CAAC;gBACR,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,IACI,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY;wBAClC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,EACtC,CAAC;wBACC,OAAO,IAAI,CAAC;oBAChB,CAAC;oBAED,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,EAAC,CAAC;gBACpE,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,qBAAqB,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,CAAC,EAAE,EAAE;QACF,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,iBAAiB,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACtC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,iBAAiB,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,qEAAqE;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACxD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,WAAW,EAAE,CAAC;YACd,iBAAiB,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,EAAE,CAAC;YACZ,qBAAqB,EAAE,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACH,QAAQ;QACR,MAAM;KACT,CAAC;AACN,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB","sourcesContent":["import * as React from 'react';\n\nimport {MediaAllProps} from '../components/Media/Media';\nimport {useWindowWidth} from '../context/windowWidthContext';\n\nexport const useImageSize = ({\n    onIntrinsicSizeChange,\n    onLoad: onLoadProps,\n}: Pick<MediaAllProps, 'onIntrinsicSizeChange'> & {\n    onLoad?: React.ReactEventHandler<HTMLImageElement>;\n}) => {\n    const windowWidth = useWindowWidth();\n\n    const imageRef = React.useRef<HTMLImageElement>(null);\n\n    const [imageLoaded, setImageLoaded] = React.useState(false);\n    const [imageSize, setImageSize] = React.useState<{width: number; height: number} | undefined>(\n        undefined,\n    );\n\n    const onImageSizeChange = React.useMemo(\n        () =>\n            onIntrinsicSizeChange\n                ? (image: HTMLImageElement | null) => {\n                      if (image) {\n                          setImageSize((prev) => {\n                              if (\n                                  prev?.width === image.naturalWidth &&\n                                  prev?.height === image.naturalHeight\n                              ) {\n                                  return prev;\n                              }\n\n                              return {width: image.naturalWidth, height: image.naturalHeight};\n                          });\n                      }\n                  }\n                : undefined,\n        [onIntrinsicSizeChange],\n    );\n\n    const onLoad = React.useCallback<React.ReactEventHandler<HTMLImageElement>>(\n        (e) => {\n            setImageLoaded(true);\n            onImageSizeChange?.(imageRef.current);\n            onLoadProps?.(e);\n        },\n        [onImageSizeChange, onLoadProps],\n    );\n\n    // to receive size even if the image has been loaded before hydration\n    React.useEffect(() => {\n        setImageLoaded(Boolean(imageRef.current?.complete));\n    }, []);\n\n    React.useEffect(() => {\n        if (imageLoaded) {\n            onImageSizeChange?.(imageRef.current);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [windowWidth, imageLoaded]);\n\n    React.useEffect(() => {\n        if (imageSize) {\n            onIntrinsicSizeChange?.(imageSize);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [imageSize]);\n\n    return {\n        imageRef,\n        onLoad,\n    };\n};\n"]}

package/build/cjs/hooks/useMetrika.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetrika.js","sourceRoot":"../../../src","sources":["hooks/useMetrika.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/build/cjs/hooks/useMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMount.js","sourceRoot":"../../../src","sources":["hooks/useMount.ts"],"names":[],"mappings":";;AAIA,2BAGC;;AAPD,qDAA+B;AAI/B,SAAwB,QAAQ,CAAC,OAAiC;IAC9D,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import * as React from 'react';\n\ntype Unsubscribe = () => void;\n\nexport default function useMount(handler: () => Unsubscribe | void): void {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    React.useEffect(handler, []);\n}\n"]}

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

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

package/build/cjs/hooks/useWindowBreakpoint.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useWindowBreakpoint;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
+const constants_1 = require("../constants.js");
+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] = React.useState(constants_1.BREAKPOINTS.sm);
+    React.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;
+}
+//# sourceMappingURL=useWindowBreakpoint.js.map

package/build/cjs/hooks/useWindowBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowBreakpoint.js","sourceRoot":"../../../src","sources":["hooks/useWindowBreakpoint.ts"],"names":[],"mappings":";;AAsBA,sCAkBC;;AAxCD,qDAA+B;AAE/B,0EAAuC;AAEvC,+CAAyC;AAEzC,SAAS,SAAS,CAAC,WAAmB;IAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAW,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAE/E,IAAI,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAElC,KAAK,MAAM,UAAU,IAAI,iBAAiB,EAAE,CAAC;QACzC,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;YAC5B,MAAM,GAAG,UAAU,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,SAAwB,mBAAmB;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YACzB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../constants';\n\nfunction calculate(windowWidth: number) {\n    const breakpointsSorted = Object.values(BREAKPOINTS).sort((b1, b2) => b1 - b2);\n\n    let result = breakpointsSorted[0];\n\n    for (const breakpoint of breakpointsSorted) {\n        if (windowWidth >= breakpoint) {\n            result = breakpoint;\n        } else {\n            return result;\n        }\n    }\n\n    return result;\n}\n\nexport default function useWindowBreakpoint() {\n    const [breakpoint, setBreakpoint] = React.useState(BREAKPOINTS.sm);\n\n    React.useEffect(() => {\n        setBreakpoint(calculate(window.innerWidth));\n\n        const detect = debounce(() => {\n            setBreakpoint(calculate(window.innerWidth));\n        }, 100);\n\n        detect();\n\n        window.addEventListener('resize', detect, {passive: true});\n\n        return () => window.removeEventListener('resize', detect);\n    }, []);\n\n    return breakpoint;\n}\n"]}

package/build/cjs/icons/BrandIconDark.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandIconDark = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const BrandIconDark = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...svg_1.a11yHiddenSvgProps, ...props, children: [(0, jsx_runtime_1.jsx)("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)" }), (0, jsx_runtime_1.jsx)("mask", { id: "mask0_6_104", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: (0, jsx_runtime_1.jsx)("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" }) }), (0, jsx_runtime_1.jsxs)("g", { mask: "url(#mask0_6_104)", children: [(0, jsx_runtime_1.jsx)("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" }), (0, jsx_runtime_1.jsx)("g", { filter: "url(#filter0_f_6_104)", children: (0, jsx_runtime_1.jsx)("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" }) })] }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "filter0_f_6_104", x: "-1.54024", y: "-1.54195", width: "27.8346", height: "28.0273", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [(0, jsx_runtime_1.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), (0, jsx_runtime_1.jsx)("feGaussianBlur", { stdDeviation: "1.82578", result: "effect1_foregroundBlur_6_104" })] }), (0, jsx_runtime_1.jsxs)("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)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0.646153", stopColor: "#FFFF00" }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: "#FF3377" })] })] })] }));
+exports.BrandIconDark = BrandIconDark;
+//# sourceMappingURL=BrandIconDark.js.map

package/build/cjs/icons/BrandIconDark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandIconDark.js","sourceRoot":"../../../src","sources":["icons/BrandIconDark.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACnE,iCACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,wBAAkB,KAClB,KAAK,aAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gPAAgP,EAClP,IAAI,EAAC,2BAA2B,GAClC,EACF,iCACI,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAC1B,SAAS,EAAC,gBAAgB,EAC1B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,YAEX,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,GACC,EACP,+BAAG,IAAI,EAAC,mBAAmB,aACvB,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,EACF,8BAAG,MAAM,EAAC,uBAAuB,YAC7B,iCACI,CAAC,EAAC,8lBAA8lB,EAChmB,IAAI,EAAC,SAAS,GAChB,GACF,IACJ,EACJ,6CACI,oCACI,EAAE,EAAC,iBAAiB,EACpB,CAAC,EAAC,UAAU,EACZ,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,gBAAgB,EAC5B,yBAAyB,EAAC,MAAM,aAEhC,oCAAS,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG,EACxD,oCAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,OAAO,GAAG,EACpF,2CAAgB,YAAY,EAAC,SAAS,EAAC,MAAM,EAAC,8BAA8B,GAAG,IAC1E,EACT,4CACI,EAAE,EAAC,qBAAqB,EACxB,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,2DAA2D,aAE7E,iCAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,iCAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IAC1B,IACd,IACL,CACT,CAAC;AAzEW,QAAA,aAAa,iBAyExB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const BrandIconDark = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            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\"\n            fill=\"url(#paint0_radial_6_104)\"\n        />\n        <mask\n            id=\"mask0_6_104\"\n            style={{maskType: 'alpha'}}\n            maskUnits=\"userSpaceOnUse\"\n            x=\"0\"\n            y=\"0\"\n            width=\"24\"\n            height=\"24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                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\"\n                fill=\"#FF3377\"\n            />\n        </mask>\n        <g mask=\"url(#mask0_6_104)\">\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                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\"\n                fill=\"#FF3377\"\n            />\n            <g filter=\"url(#filter0_f_6_104)\">\n                <path\n                    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\"\n                    fill=\"#FFFF00\"\n                />\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"filter0_f_6_104\"\n                x=\"-1.54024\"\n                y=\"-1.54195\"\n                width=\"27.8346\"\n                height=\"28.0273\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n                <feGaussianBlur stdDeviation=\"1.82578\" result=\"effect1_foregroundBlur_6_104\" />\n            </filter>\n            <radialGradient\n                id=\"paint0_radial_6_104\"\n                cx=\"0\"\n                cy=\"0\"\n                r=\"1\"\n                gradientUnits=\"userSpaceOnUse\"\n                gradientTransform=\"translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)\"\n            >\n                <stop offset=\"0.646153\" stopColor=\"#FFFF00\" />\n                <stop offset=\"1\" stopColor=\"#FF3377\" />\n            </radialGradient>\n        </defs>\n    </svg>\n);\n"]}