@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

package/build/cjs/grid/types.js

@@ -8,13 +8,13 @@ var GridJustifyContent;
     GridJustifyContent["End"] = "justify-content-end";
     GridJustifyContent["Around"] = "justify-content-around";
     GridJustifyContent["Between"] = "justify-content-between";
-})(GridJustifyContent = exports.GridJustifyContent || (exports.GridJustifyContent = {}));
+})(GridJustifyContent || (exports.GridJustifyContent = 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 = {}));
+})(GridAlignItems || (exports.GridAlignItems = GridAlignItems = {}));
 var GridColumnSize;
 (function (GridColumnSize) {
     GridColumnSize["Sm"] = "sm";
@@ -22,26 +22,27 @@ var GridColumnSize;
     GridColumnSize["Lg"] = "lg";
     GridColumnSize["Xl"] = "xl";
     GridColumnSize["All"] = "all";
-})(GridColumnSize = exports.GridColumnSize || (exports.GridColumnSize = {}));
+})(GridColumnSize || (exports.GridColumnSize = 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 = {}));
+})(GridColumnAlignSelf || (exports.GridColumnAlignSelf = GridColumnAlignSelf = {}));
 var GridColumnClassPrefix;
 (function (GridColumnClassPrefix) {
     GridColumnClassPrefix["Col"] = "col";
     GridColumnClassPrefix["Offset"] = "offset";
     GridColumnClassPrefix["Order"] = "order";
-})(GridColumnClassPrefix = exports.GridColumnClassPrefix || (exports.GridColumnClassPrefix = {}));
+})(GridColumnClassPrefix || (exports.GridColumnClassPrefix = GridColumnClassPrefix = {}));
 var GridColumnVisibilityClass;
 (function (GridColumnVisibilityClass) {
     GridColumnVisibilityClass["None"] = "none";
     GridColumnVisibilityClass["Block"] = "block";
-})(GridColumnVisibilityClass = exports.GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = {}));
+})(GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = GridColumnVisibilityClass = {}));
 var GridColumnOrderClasses;
 (function (GridColumnOrderClasses) {
     GridColumnOrderClasses["First"] = "first";
     GridColumnOrderClasses["Last"] = "last";
-})(GridColumnOrderClasses = exports.GridColumnOrderClasses || (exports.GridColumnOrderClasses = {}));
+})(GridColumnOrderClasses || (exports.GridColumnOrderClasses = GridColumnOrderClasses = {}));
+//# sourceMappingURL=types.js.map

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.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, GridJustifyContent } from './types';
+import { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, GridJustifyContent } from "./types.js";
 export declare function getClasses(items: GridColumnSizesType | GridColumnOrderSizesType, prefix: GridColumnClassPrefix): string;
 export declare function getOffsetClass(offsets: GridColumnSizesType): string;
 export declare function getOrderClass(orders: GridColumnOrderSizesType): string;

package/build/cjs/grid/utils.js

@@ -1,7 +1,14 @@
 "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");
+exports.getClasses = getClasses;
+exports.getOffsetClass = getOffsetClass;
+exports.getOrderClass = getOrderClass;
+exports.getVisibilityClasses = getVisibilityClasses;
+exports.getSizeClass = getSizeClass;
+exports.getJustifyClass = getJustifyClass;
+exports.getResetClass = getResetClass;
+exports.getColClass = getColClass;
+const types_1 = require("./types.js");
 function getVisibilityClass(visibility, size) {
     return `d${size ? `-${size}` : ''}-${visibility}`;
 }
@@ -13,37 +20,30 @@ function getClasses(items, prefix) {
         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 [
@@ -61,4 +61,4 @@ function getColClass(params) {
         .filter(Boolean)
         .join(' ');
 }
-exports.getColClass = getColClass;
+//# sourceMappingURL=utils.js.map

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

@@ -1,4 +1,4 @@
-import { HubspotEventHandlers } from '../utils/hubspot';
+import { HubspotEventHandlers } from "../utils/hubspot.js";
 /**
  * @param {string} formId
  * @returns {void}

package/build/cjs/hooks/hubspot.js

@@ -1,8 +1,10 @@
 "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");
+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}
@@ -10,7 +12,7 @@ const hubspot_1 = require("../utils/hubspot");
  * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
  */
 function useLoopBackHubspotEvents(formId) {
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const topHandler = (0, hubspot_1.loopBackHabspotEvents)(formId);
         window.addEventListener('message', topHandler, { passive: true });
         return () => {
@@ -18,7 +20,6 @@ function useLoopBackHubspotEvents(formId) {
         };
     }, [formId]);
 }
-exports.useLoopBackHubspotEvents = useLoopBackHubspotEvents;
 /**
  * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
  * @param {string} formId
@@ -27,7 +28,7 @@ exports.useLoopBackHubspotEvents = useLoopBackHubspotEvents;
  * @description Use this hook in any frame to handle hubspot forms events
  */
 function useHandleHubspotEvents(handlers, formId) {
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const topHandler = (0, hubspot_1.handleHubspotEvents)(handlers, formId);
         window.addEventListener('message', topHandler, { passive: true });
         return () => {
@@ -35,4 +36,4 @@ function useHandleHubspotEvents(handlers, formId) {
         };
     }, [handlers, formId]);
 }
-exports.useHandleHubspotEvents = useHandleHubspotEvents;
+//# 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

@@ -1,6 +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';
+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 "./useAnalytics.js";
+export * from "./hubspot.js";

package/build/cjs/hooks/index.js

@@ -2,13 +2,14 @@
 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");
+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");
+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");
+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");
+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("./useAnalytics"), exports);
-tslib_1.__exportStar(require("./hubspot"), exports);
+tslib_1.__exportStar(require("./useAnalytics.js"), exports);
+tslib_1.__exportStar(require("./hubspot.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,uDAA0B","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 './useAnalytics';\nexport * from './hubspot';\n"]}

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

@@ -1,2 +1,2 @@
-import { AnalyticsEventsProp } from '../models';
+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

@@ -1,14 +1,15 @@
 "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 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 } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
-    const context = (0, react_1.useContext)(blockIdContext_1.BlockIdContext);
-    const defaultEvent = (0, react_1.useMemo)(() => name
+    const { sendEvents, autoEvents } = React.useContext(analyticsContext_1.AnalyticsContext);
+    const context = React.useContext(blockIdContext_1.BlockIdContext);
+    const defaultEvent = React.useMemo(() => name
         ? {
             name,
             context,
@@ -35,3 +36,4 @@ const useAnalytics = (name = '', target) => {
     };
 };
 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,iCACf,KAAK,GACL,iBAAiB,EACtB,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/useFocus.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useFocus;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
+const React = tslib_1.__importStar(require("react"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
-const mobileContext_1 = require("../context/mobileContext");
+const mobileContext_1 = require("../context/mobileContext/index.js");
 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)(() => {
+    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const [hasFocus, setHasFocus] = React.useState(false);
+    const setFocus = React.useCallback(() => setHasFocus(true), []);
+    const unsetFocus = React.useCallback(() => setHasFocus(false), []);
+    React.useEffect(() => {
         if (element) {
             if (isMobile) {
                 element.addEventListener('pointerdown', setFocus, { passive: true });
@@ -36,4 +37,4 @@ function useFocus(element) {
         unsetFocus,
     };
 }
-exports.default = useFocus;
+//# sourceMappingURL=useFocus.js.map

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,+DAA+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.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 type HeightCalculatorOptions = {
     recalculateOnResizeDelay: number;
 };

package/build/cjs/hooks/useHeightCalculator.js

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

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,uEAAuC;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/useMetrika.d.ts

@@ -1 +1 @@
-
+export {};

package/build/cjs/hooks/useMetrika.js

@@ -1 +1,3 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=useMetrika.js.map

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

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

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.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useWindowBreakpoint;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
+const React = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const constants_1 = require("../constants");
+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];
@@ -18,8 +19,8 @@ function calculate(windowWidth) {
     return result;
 }
 function useWindowBreakpoint() {
-    const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.sm);
-    (0, react_1.useEffect)(() => {
+    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));
@@ -30,4 +31,4 @@ function useWindowBreakpoint() {
     }, []);
     return breakpoint;
 }
-exports.default = useWindowBreakpoint;
+//# 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,uEAAuC;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.d.ts

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

package/build/cjs/icons/BrandIconDark.js

@@ -1,23 +1,8 @@
 "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" })))));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const BrandIconDark = (props) => ((0, jsx_runtime_1.jsxs)("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, { 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,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,+CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,wBAAkB,EAClB,KAAK,eAET,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,KACL,CACT,CAAC;AAzEW,QAAA,aAAa,iBAyExB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const BrandIconDark: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\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"]}

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

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

package/build/cjs/icons/BrandIconLight.js

@@ -1,23 +1,8 @@
 "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" })))));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const BrandIconLight = (props) => ((0, jsx_runtime_1.jsxs)("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, { children: [(0, jsx_runtime_1.jsx)("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)" }), (0, jsx_runtime_1.jsx)("mask", { id: "mask0_1904_306060", 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.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" }) }), (0, jsx_runtime_1.jsxs)("g", { mask: "url(#mask0_1904_306060)", children: [(0, jsx_runtime_1.jsx)("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" }), (0, jsx_runtime_1.jsx)("g", { filter: "url(#filter0_f_1904_306060)", children: (0, jsx_runtime_1.jsx)("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" }) })] }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "filter0_f_1904_306060", x: "-7.02277", y: "-7.02734", width: "38.7317", height: "38.9219", 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: "4.56445", result: "effect1_foregroundBlur_1904_306060" })] }), (0, jsx_runtime_1.jsxs)("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)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0.646153", stopColor: "#FFFF00" }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: "#FF3377" })] })] })] })));
 exports.BrandIconLight = BrandIconLight;
+//# sourceMappingURL=BrandIconLight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrandIconLight.js","sourceRoot":"../../../src","sources":["icons/BrandIconLight.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9E,+CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,wBAAkB,EAClB,KAAK,eAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,iCAAiC,GACxC,EACF,iCACI,EAAE,EAAC,mBAAmB,EACtB,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,mzBAAmzB,EACrzB,IAAI,EAAC,SAAS,GAChB,GACC,EACP,+BAAG,IAAI,EAAC,yBAAyB,aAC7B,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mzBAAmzB,EACrzB,IAAI,EAAC,SAAS,GAChB,EACF,8BAAG,MAAM,EAAC,6BAA6B,YACnC,iCACI,CAAC,EAAC,4kBAA4kB,EAC9kB,IAAI,EAAC,SAAS,GAChB,GACF,IACJ,EACJ,6CACI,oCACI,EAAE,EAAC,uBAAuB,EAC1B,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,2CACI,YAAY,EAAC,SAAS,EACtB,MAAM,EAAC,oCAAoC,GAC7C,IACG,EACT,4CACI,EAAE,EAAC,2BAA2B,EAC9B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,qDAAqD,aAEvE,iCAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,iCAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IAC1B,IACd,KACL,CACT,CAAC;AA5EW,QAAA,cAAc,kBA4EzB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const BrandIconLight: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\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.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\"\n            fill=\"url(#paint0_radial_1904_306060)\"\n        />\n        <mask\n            id=\"mask0_1904_306060\"\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.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\"\n                fill=\"#FF3377\"\n            />\n        </mask>\n        <g mask=\"url(#mask0_1904_306060)\">\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                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\"\n                fill=\"#FF3377\"\n            />\n            <g filter=\"url(#filter0_f_1904_306060)\">\n                <path\n                    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\"\n                    fill=\"#FFFF00\"\n                />\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"filter0_f_1904_306060\"\n                x=\"-7.02277\"\n                y=\"-7.02734\"\n                width=\"38.7317\"\n                height=\"38.9219\"\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\n                    stdDeviation=\"4.56445\"\n                    result=\"effect1_foregroundBlur_1904_306060\"\n                />\n            </filter>\n            <radialGradient\n                id=\"paint0_radial_1904_306060\"\n                cx=\"0\"\n                cy=\"0\"\n                r=\"1\"\n                gradientUnits=\"userSpaceOnUse\"\n                gradientTransform=\"translate(11.5415 11.714) rotate(45) scale(11.4732)\"\n            >\n                <stop offset=\"0.646153\" stopColor=\"#FFFF00\" />\n                <stop offset=\"1\" stopColor=\"#FF3377\" />\n            </radialGradient>\n        </defs>\n    </svg>\n);\n"]}

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

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