@nascentdigital/funnel-editor 4.4.18

package/dist/core/components/layout/index.js

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

package/dist/core/components/transitions/FadeIn.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export declare function FadeIn({ className, variant, ...props }: FadeIn.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace FadeIn {
+    type Props = Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'className' | 'children'> & {
+        variant?: Variant;
+        layout?: Layout;
+    };
+    type Variant = 'default' | 'blur';
+    type Layout = boolean | 'position' | 'size' | 'preserve-aspect';
+}

package/dist/core/components/transitions/FadeIn.js

@@ -0,0 +1,41 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FadeIn = FadeIn;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("motion/react");
+// component
+function FadeIn(_a) {
+    var { className, variant = 'default' } = _a, props = __rest(_a, ["className", "variant"]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(react_1.motion.div, Object.assign({ className: (0, classnames_1.default)(className, {
+            'will-change-[opacity,filter]': variant === 'blur'
+        }), variants: Animations[variant], initial: "initial", animate: "animate", exit: "exit" }, props)));
+}
+// helper
+const Animations = {
+    default: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.4, ease: 'easeIn' } },
+        exit: { opacity: 0, transition: { duration: 0.2, ease: 'easeOut' } }
+    },
+    blur: {
+        initial: { opacity: 0, filter: 'blur(5px)' },
+        animate: { opacity: 1, filter: 'blur(0px)' },
+        exit: { opacity: 0, filter: 'blur(5px)', transition: { duration: 0.2 } }
+    }
+};

package/dist/core/components/transitions/LoadingUntilReady.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export declare function LoadingUntilReady({ className, ready, children }: LoadingUntilReady.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace LoadingUntilReady {
+    type Props = PropsWithChildren & {
+        className?: string;
+        ready?: boolean;
+    };
+}

package/dist/core/components/transitions/LoadingUntilReady.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingUntilReady = LoadingUntilReady;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("motion/react");
+const Loader_1 = require("../interaction/Loader");
+const FadeIn_1 = require("./FadeIn");
+// component
+function LoadingUntilReady({ className, ready = false, children }) {
+    // render
+    return ((0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: !ready
+            ? ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 flex justify-center items-center z-overlay", children: (0, jsx_runtime_1.jsx)(Loader_1.Loader, { className: "text-ix-primary", size: "xl" }) }, "loader"))
+            : ((0, jsx_runtime_1.jsx)(FadeIn_1.FadeIn, { className: className, children: children }, "content")) }));
+}

package/dist/core/components/transitions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FadeIn';
+export * from './LoadingUntilReady';

package/dist/core/components/transitions/index.js

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

package/dist/core/components/visuals/BlockIcon.d.ts

@@ -0,0 +1,11 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { Icon } from './Icon';
+export declare function BlockIcon({ className, block }: BlockIcon.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace BlockIcon {
+    type Props = Omit<Icon.Props, 'variant'> & {
+        className?: string;
+        block: BlockOrIcon;
+    };
+    type BlockOrIcon = Schema.Block | Icon.Variant;
+    function resolve(block: BlockOrIcon): Icon.Variant;
+}

package/dist/core/components/visuals/BlockIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockIcon = BlockIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const funnel_ui_1 = require("@nascentdigital/funnel-ui");
+const classnames_1 = __importDefault(require("classnames"));
+const Icon_1 = require("./Icon");
+// component
+function BlockIcon({ className, block }) {
+    // render
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(className, 'w-32 h-32 inline-flex justify-center items-center rounded-full'), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "text-content-primary", variant: BlockIcon.resolve(block), size: "sm" }) }));
+}
+// extension
+(function (BlockIcon) {
+    function resolve(block) {
+        // return settings
+        if (typeof block === 'string') {
+            return block;
+        }
+        // or handle block
+        switch (block.id) {
+            case funnel_core_1.Schema.Seo.id:
+                return 'SearchCode';
+            case funnel_ui_1.Message.schema.id:
+                return 'Star';
+            default:
+                return 'TextAlignStart';
+        }
+    }
+    BlockIcon.resolve = resolve;
+})(BlockIcon || (exports.BlockIcon = BlockIcon = {}));

package/dist/core/components/visuals/Icon.d.ts

@@ -0,0 +1,19 @@
+export declare function Icon({ className, variant, size: sizing }: Icon.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Icon {
+    type Props = {
+        className?: string;
+        variant: Variant;
+        size?: Size;
+    };
+    type Size = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'nav' | Sizing;
+    type Variant = 'Archive' | 'ArrowLeft' | 'Atom' | 'Blocks' | 'Bold' | 'Check' | 'ChevronDown' | 'ChevronRight' | 'ChevronUp' | 'Circle' | 'CircleAlert' | 'CircleCheck' | 'CircleCheckBig' | 'CirclePlus' | 'CircleQuestionMark' | 'CloudCheck' | 'CloudUpload' | 'CornerDownRight' | 'EllipsisVertical' | 'Eye' | 'EyeOff' | 'File' | 'FileDown' | 'FilePlusCorner' | 'FileSearchCorner' | 'Goal' | 'Globe' | 'GripVertical' | 'HatGlasses' | 'History' | 'Highlighter' | 'Image' | 'ImageDown' | 'Info' | 'Italic' | 'Layers' | 'LayoutTemplate' | 'Link' | 'Link2' | 'List' | 'ListChecks' | 'ListIndentDecrease' | 'ListIndentIncrease' | 'ListOrdered' | 'Lock' | 'LockOpen' | 'Mail' | 'MessageSquareQuote' | 'Minus' | 'MonitorCog' | 'Moon' | 'NotebookPen' | 'Pencil' | 'Pin' | 'Plus' | 'Redo' | 'RefreshCw' | 'RotateCcw' | 'RotateCw' | 'SearchCode' | 'Settings' | 'SquarePlay' | 'Star' | 'Strikethrough' | 'Subscript' | 'Sun' | 'Superscript' | 'TextAlignStart' | 'Trash' | 'TriangleAlert' | 'Trophy' | 'Underline' | 'Undo' | 'Upload' | 'UserRound' | 'X';
+    namespace Variant {
+        function filter(value: any): value is Variant;
+    }
+}
+type Sizing = {
+    size: number;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+};
+export {};

package/dist/core/components/visuals/Icon.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = Icon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const lucide_react_1 = require("lucide-react");
+// component
+function Icon({ className, variant, size: sizing = 'md' }) {
+    // resolve component
+    const IconComponent = getIcon(variant);
+    const { size, strokeWidth = 2, absoluteStrokeWidth = false } = getSizing(sizing);
+    // render icon
+    return ((0, jsx_runtime_1.jsx)(IconComponent, { className: className, size: size, strokeWidth: strokeWidth, absoluteStrokeWidth: absoluteStrokeWidth }));
+}
+// extension
+(function (Icon) {
+    let Variant;
+    (function (Variant) {
+        // constants
+        const values = [
+            'Archive',
+            'ArrowLeft',
+            'Atom',
+            'Blocks',
+            'Bold',
+            'Check',
+            'ChevronDown',
+            'ChevronRight',
+            'ChevronUp',
+            'Circle',
+            'CircleAlert',
+            'CircleCheck',
+            'CircleCheckBig',
+            'CirclePlus',
+            'CircleQuestionMark',
+            'CloudCheck',
+            'CloudUpload',
+            'CornerDownRight',
+            'EllipsisVertical',
+            'Eye',
+            'EyeOff',
+            'File',
+            'FileDown',
+            'FilePlusCorner',
+            'FileSearchCorner',
+            'Goal',
+            'Globe',
+            'GripVertical',
+            'HatGlasses',
+            'Highlighter',
+            'History',
+            'Image',
+            'ImageDown',
+            'Info',
+            'Italic',
+            'Layers',
+            'LayoutTemplate',
+            'Link',
+            'Link2',
+            'List',
+            'ListChecks',
+            'ListIndentDecrease',
+            'ListIndentIncrease',
+            'ListOrdered',
+            'Lock',
+            'LockOpen',
+            'Mail',
+            'MessageSquareQuote',
+            'Minus',
+            'MonitorCog',
+            'Moon',
+            'NotebookPen',
+            'Pencil',
+            'Pin',
+            'Plus',
+            'Redo',
+            'RefreshCw',
+            'RotateCcw',
+            'RotateCw',
+            'SearchCode',
+            'Settings',
+            'SquarePlay',
+            'Star',
+            'Strikethrough',
+            'Subscript',
+            'Sun',
+            'Superscript',
+            'TextAlignStart',
+            'Trash',
+            'TriangleAlert',
+            'Trophy',
+            'Underline',
+            'Undo',
+            'Upload',
+            'UserRound',
+            'X'
+        ];
+        // helpers
+        function filter(value) {
+            return funnel_core_1.Value.typeOf(value) === 'string'
+                ? values.includes(value)
+                : false;
+        }
+        Variant.filter = filter;
+    })(Variant = Icon.Variant || (Icon.Variant = {}));
+})(Icon || (exports.Icon = Icon = {}));
+// helpers
+function getIcon(variant) {
+    switch (variant) {
+        case 'Archive':
+            return lucide_react_1.Archive;
+        case 'ArrowLeft':
+            return lucide_react_1.ArrowLeft;
+        case 'Atom':
+            return lucide_react_1.Atom;
+        case 'Blocks':
+            return lucide_react_1.Blocks;
+        case 'Bold':
+            return lucide_react_1.Bold;
+        case 'Check':
+            return lucide_react_1.Check;
+        case 'ChevronDown':
+            return lucide_react_1.ChevronDown;
+        case 'ChevronRight':
+            return lucide_react_1.ChevronRight;
+        case 'ChevronUp':
+            return lucide_react_1.ChevronUp;
+        case 'Circle':
+            return lucide_react_1.Circle;
+        case 'CircleAlert':
+            return lucide_react_1.CircleAlert;
+        case 'CircleCheck':
+            return lucide_react_1.CircleCheck;
+        case 'CircleCheckBig':
+            return lucide_react_1.CircleCheckBig;
+        case 'CirclePlus':
+            return lucide_react_1.CirclePlus;
+        case 'CircleQuestionMark':
+            return lucide_react_1.CircleQuestionMark;
+        case 'CloudCheck':
+            return lucide_react_1.CloudCheck;
+        case 'CloudUpload':
+            return lucide_react_1.CloudUpload;
+        case 'CornerDownRight':
+            return lucide_react_1.CornerDownRight;
+        case 'EllipsisVertical':
+            return lucide_react_1.EllipsisVertical;
+        case 'Eye':
+            return lucide_react_1.Eye;
+        case 'EyeOff':
+            return lucide_react_1.EyeOff;
+        case 'File':
+            return lucide_react_1.File;
+        case 'FileDown':
+            return lucide_react_1.FileDown;
+        case 'FilePlusCorner':
+            return lucide_react_1.FilePlusCorner;
+        case 'FileSearchCorner':
+            return lucide_react_1.FileSearchCorner;
+        case 'Goal':
+            return lucide_react_1.Goal;
+        case 'Globe':
+            return lucide_react_1.Globe;
+        case 'GripVertical':
+            return lucide_react_1.GripVertical;
+        case 'HatGlasses':
+            return lucide_react_1.HatGlasses;
+        case 'Highlighter':
+            return lucide_react_1.Highlighter;
+        case 'History':
+            return lucide_react_1.History;
+        case 'Image':
+            return lucide_react_1.Image;
+        case 'ImageDown':
+            return lucide_react_1.ImageDown;
+        case 'Info':
+            return lucide_react_1.Info;
+        case 'Italic':
+            return lucide_react_1.Italic;
+        case 'Layers':
+            return lucide_react_1.Layers;
+        case 'LayoutTemplate':
+            return lucide_react_1.LayoutTemplate;
+        case 'Link':
+            return lucide_react_1.Link;
+        case 'Link2':
+            return lucide_react_1.Link2;
+        case 'List':
+            return lucide_react_1.List;
+        case 'ListChecks':
+            return lucide_react_1.ListChecks;
+        case 'ListIndentDecrease':
+            return lucide_react_1.ListIndentDecrease;
+        case 'ListIndentIncrease':
+            return lucide_react_1.ListIndentIncrease;
+        case 'ListOrdered':
+            return lucide_react_1.ListOrdered;
+        case 'Lock':
+            return lucide_react_1.Lock;
+        case 'LockOpen':
+            return lucide_react_1.LockOpen;
+        case 'Mail':
+            return lucide_react_1.Mail;
+        case 'MessageSquareQuote':
+            return lucide_react_1.MessageSquareQuote;
+        case 'Minus':
+            return lucide_react_1.Minus;
+        case 'MonitorCog':
+            return lucide_react_1.MonitorCog;
+        case 'Moon':
+            return lucide_react_1.Moon;
+        case 'NotebookPen':
+            return lucide_react_1.NotebookPen;
+        case 'Pencil':
+            return lucide_react_1.Pencil;
+        case 'Pin':
+            return lucide_react_1.Pin;
+        case 'Plus':
+            return lucide_react_1.Plus;
+        case 'Redo':
+            return lucide_react_1.Redo2;
+        case 'RefreshCw':
+            return lucide_react_1.RefreshCw;
+        case 'RotateCcw':
+            return lucide_react_1.RotateCcw;
+        case 'RotateCw':
+            return lucide_react_1.RotateCw;
+        case 'SearchCode':
+            return lucide_react_1.SearchCode;
+        case 'Settings':
+            return lucide_react_1.Settings;
+        case 'SquarePlay':
+            return lucide_react_1.SquarePlay;
+        case 'Star':
+            return lucide_react_1.Star;
+        case 'Strikethrough':
+            return lucide_react_1.Strikethrough;
+        case 'Subscript':
+            return lucide_react_1.Subscript;
+        case 'Sun':
+            return lucide_react_1.Sun;
+        case 'Superscript':
+            return lucide_react_1.Superscript;
+        case 'TextAlignStart':
+            return lucide_react_1.TextAlignStart;
+        case 'Trash':
+            return lucide_react_1.Trash;
+        case 'TriangleAlert':
+            return lucide_react_1.TriangleAlert;
+        case 'Trophy':
+            return lucide_react_1.Trophy;
+        case 'Underline':
+            return lucide_react_1.Underline;
+        case 'Undo':
+            return lucide_react_1.Undo2;
+        case 'Upload':
+            return lucide_react_1.Upload;
+        case 'UserRound':
+            return lucide_react_1.UserRound;
+        case 'X':
+            return lucide_react_1.X;
+    }
+}
+function getSizing(size) {
+    if (typeof size === 'object') {
+        return size;
+    }
+    switch (size) {
+        case 'nav':
+            return { size: 20, strokeWidth: 2 };
+        case 'xl':
+            return { size: 96, strokeWidth: 3.5, absoluteStrokeWidth: true };
+        case 'lg':
+            return { size: 32, strokeWidth: 2 };
+        case 'sm':
+            return { size: 16, strokeWidth: 2 };
+        case 'xs':
+            return { size: 14, strokeWidth: 2 };
+        default:
+            return { size: 20, strokeWidth: 2 };
+    }
+}

package/dist/core/components/visuals/Illustration.d.ts

@@ -0,0 +1,11 @@
+export declare function Illustration({ className, variant, size }: Illustration.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Illustration {
+    type Props = {
+        className?: string;
+        variant: Variant;
+        size?: Size;
+    };
+    type Size = 'xs' | 'sm' | 'md' | 'lg' | number;
+    type Variant = 'chat' | 'exit' | 'image' | 'level-up' | 'missing';
+    function getHeight(size: Size): number;
+}

package/dist/core/components/visuals/Illustration.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Illustration = Illustration;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const classnames_1 = __importDefault(require("classnames"));
+// component
+function Illustration({ className, variant, size = 'sm' }) {
+    // get dimensions
+    const height = Illustration.getHeight(size);
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className), children: renderVisual({ variant, height }) }));
+}
+// extension
+(function (Illustration) {
+    // methods
+    function getHeight(size) {
+        // return number if specified
+        if (typeof size === 'number') {
+            return size;
+        }
+        // or map size
+        switch (size) {
+            case 'xs':
+                return 150;
+            case 'sm':
+                return 200;
+            case 'md':
+                return 250;
+            case 'lg':
+                return 300;
+            default:
+                throw new funnel_core_1.ArgumentError(`Invalid size: ${size}`);
+        }
+    }
+    Illustration.getHeight = getHeight;
+})(Illustration || (exports.Illustration = Illustration = {}));
+function renderVisual({ variant, height }) {
+    switch (variant) {
+        case 'chat':
+            return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 349 300", height: height, fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M174.194 14.516C99.3679 14.516 38.7097 75.1742 38.7097 150C38.7097 224.826 99.3679 285.484 174.194 285.484C249.019 285.484 309.677 224.826 309.677 150C309.677 75.1742 249.019 14.516 174.194 14.516Z", fill: "#121212", fillOpacity: "0.08" }), (0, jsx_runtime_1.jsx)("path", { d: "M324.241 109.385C330.28 109.385 335.176 104.49 335.176 98.4506C335.176 92.4115 330.28 87.5159 324.241 87.5159C318.202 87.5159 313.307 92.4115 313.307 98.4506C313.307 104.49 318.202 109.385 324.241 109.385Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M340.243 65.7417C344.367 65.7417 347.71 62.3983 347.71 58.2741C347.71 54.1498 344.367 50.8065 340.243 50.8065C336.119 50.8065 332.775 54.1498 332.775 58.2741C332.775 62.3983 336.119 65.7417 340.243 65.7417Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M48.9165 65.6794C53.0407 65.6794 56.3841 62.336 56.3841 58.2118C56.3841 54.0875 53.0407 50.7441 48.9165 50.7441C44.7922 50.7441 41.4489 54.0875 41.4489 58.2118C41.4489 62.336 44.7922 65.6794 48.9165 65.6794Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.0781 214.972C22.7375 214.972 28.9466 208.763 28.9466 201.103C28.9466 193.444 22.7375 187.235 15.0781 187.235C7.41882 187.235 1.20972 193.444 1.20972 201.103C1.20972 208.763 7.41882 214.972 15.0781 214.972Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M265.212 254.1H76.7874C73.1168 254.1 70.105 251.088 70.105 247.417V201.393C70.105 197.723 73.1168 194.711 76.7874 194.711H265.212C268.883 194.711 271.895 197.723 271.895 201.393V247.417C271.895 251.088 268.883 254.1 265.212 254.1Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M233.965 217.017H129.023C126.764 217.017 124.976 215.645 124.976 213.911C124.976 212.178 126.764 210.805 129.023 210.805H233.965C236.224 210.805 238.012 212.178 238.012 213.911C238.012 215.645 236.224 217.017 233.965 217.017Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M196.318 235.935H129.023C126.764 235.935 124.976 234.563 124.976 232.829C124.976 231.095 126.764 229.723 129.023 229.723H196.318C198.577 229.723 200.365 231.095 200.365 232.829C200.365 234.563 198.577 235.935 196.318 235.935Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M98.1646 242.03C107.417 242.03 114.918 234.529 114.918 225.277C114.918 216.024 107.417 208.524 98.1646 208.524C88.9121 208.524 81.4115 216.024 81.4115 225.277C81.4115 234.529 88.9121 242.03 98.1646 242.03Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M107.556 220.798L95.664 232.69L89.0425 226.069L91.7441 223.367L95.664 227.287L104.854 218.097L107.556 220.798Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M271.543 104.535H83.1186C79.4479 104.535 76.4362 101.523 76.4362 97.8521V51.8283C76.4362 48.1577 79.4479 45.1459 83.1186 45.1459H271.543C275.214 45.1459 278.226 48.1577 278.226 51.8283V97.8521C278.226 101.523 275.214 104.535 271.543 104.535Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M240.296 67.4517H135.354C133.096 67.4517 131.307 66.0793 131.307 64.3458C131.307 62.6123 133.096 61.2399 135.354 61.2399H240.296C242.555 61.2399 244.343 62.6123 244.343 64.3458C244.343 66.0793 242.555 67.4517 240.296 67.4517Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M202.649 86.3696H135.354C133.096 86.3696 131.307 84.9972 131.307 83.2637C131.307 81.5301 133.096 80.1577 135.354 80.1577H202.649C204.908 80.1577 206.696 81.5301 206.696 83.2637C206.696 84.9972 204.908 86.3696 202.649 86.3696Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M103.896 91.221C113.148 91.221 120.649 83.7204 120.649 74.4679C120.649 65.2155 113.148 57.7149 103.896 57.7149C94.6431 57.7149 87.1425 65.2155 87.1425 74.4679C87.1425 83.7204 94.6431 91.221 103.896 91.221Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M113.287 69.9894L101.395 81.8815L94.7736 75.26L97.4751 72.5585L101.395 76.4783L110.585 67.2878L113.287 69.9894Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M242.228 179.097H53.7086C50.038 179.097 47.0262 176.086 47.0262 172.415V126.391C47.0262 122.721 50.038 119.709 53.7086 119.709H242.133C245.804 119.709 248.816 122.721 248.816 126.391V172.415C248.91 176.18 245.898 179.097 242.228 179.097Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M75.2412 166.587C84.4936 166.587 91.9942 159.086 91.9942 149.834C91.9942 140.581 84.4936 133.081 75.2412 133.081C65.9887 133.081 58.4881 140.581 58.4881 149.834C58.4881 159.086 65.9887 166.587 75.2412 166.587Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M84.6326 145.355L72.7406 157.247L66.1192 150.626L68.8208 147.924L72.7406 151.844L81.9311 142.654L84.6326 145.355Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M211.377 141.84H106.435C104.176 141.84 102.388 140.468 102.388 138.734C102.388 137.001 104.176 135.628 106.435 135.628H211.377C213.636 135.628 215.424 137.001 215.424 138.734C215.424 140.468 213.542 141.84 211.377 141.84Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M173.73 160.852H106.435C104.176 160.852 102.388 159.479 102.388 157.746C102.388 156.012 104.176 154.64 106.435 154.64H173.73C175.989 154.64 177.777 156.012 177.777 157.746C177.683 159.479 175.894 160.852 173.73 160.852Z", fill: "#E0E3E2" })] }));
+        case 'exit':
+            return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 349 300", height: height, fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M179.032 292.742C259.203 292.742 324.194 227.751 324.194 147.58C324.194 67.4101 259.203 2.41919 179.032 2.41919C98.8619 2.41919 33.871 67.4101 33.871 147.58C33.871 227.751 98.8619 292.742 179.032 292.742Z", fill: "#121212", fillOpacity: "0.08" }), (0, jsx_runtime_1.jsx)("path", { d: "M201.048 254.516C206.527 254.516 210.968 250.075 210.968 244.597C210.968 239.119 206.527 234.677 201.048 234.677C195.57 234.677 191.129 239.119 191.129 244.597C191.129 250.075 195.57 254.516 201.048 254.516Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M330.968 187.742C334.709 187.742 337.742 184.709 337.742 180.968C337.742 177.226 334.709 174.193 330.968 174.193C327.226 174.193 324.194 177.226 324.194 180.968C324.194 184.709 327.226 187.742 330.968 187.742Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M67.2581 57.0967C70.9994 57.0967 74.0323 54.0638 74.0323 50.3225C74.0323 46.5813 70.9994 43.5483 67.2581 43.5483C63.5168 43.5483 60.4839 46.5813 60.4839 50.3225C60.4839 54.0638 63.5168 57.0967 67.2581 57.0967Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M153.986 61.2721L164.384 54.4502C165.085 53.9556 164.693 52.659 163.914 52.8942L151.478 52.9739C151.219 53.0523 150.881 52.8714 150.802 52.6121L143.981 42.2216C143.486 41.5221 142.189 41.9142 142.424 42.6922L142.499 55.1217C142.577 55.3811 142.396 55.7188 142.137 55.7972L131.739 62.6191C131.039 63.1137 131.431 64.4103 132.209 64.175L144.645 64.0954C144.904 64.017 145.242 64.1979 145.321 64.4572L152.143 74.8476C152.637 75.5472 153.935 75.155 153.699 74.3771L153.624 61.9475C153.546 61.6882 153.727 61.3505 153.986 61.2721Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M312.959 75.262L319.113 76.354C319.539 76.4146 319.843 75.8055 319.477 75.623L314.904 71.3636C314.782 71.3028 314.72 71.1202 314.781 70.9983L315.871 64.8474C315.931 64.4211 315.321 64.1171 315.139 64.4826L310.88 69.0524C310.82 69.1742 310.637 69.2352 310.515 69.1744L304.361 68.0825C303.935 68.0218 303.631 68.631 303.997 68.8134L308.57 73.0728C308.692 73.1337 308.753 73.3163 308.693 73.4381L307.603 79.589C307.543 80.0153 308.152 80.3194 308.335 79.9539L312.593 75.3841C312.654 75.2623 312.837 75.2012 312.959 75.262Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M50.9053 190.813L60.0179 188.121C60.6392 187.914 60.6392 186.878 60.0179 186.878L50.9053 184.186C50.6982 184.186 50.4911 183.979 50.4911 183.772L47.7987 174.659C47.5916 174.038 46.5561 174.038 46.5561 174.659L43.8637 183.772C43.8637 183.979 43.6567 184.186 43.4495 184.186L34.337 186.878C33.7156 187.086 33.7156 188.121 34.337 188.121L43.4495 190.813C43.6567 190.813 43.8637 191.021 43.8637 191.228L46.5561 200.34C46.7632 200.962 47.7987 200.962 47.7987 200.34L50.4911 191.228C50.4911 191.021 50.6982 190.813 50.9053 190.813Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M287.014 202.761L305.152 202.475C306.401 202.412 306.931 200.507 305.789 200.189L290.407 190.572C290.027 190.466 289.752 189.979 289.858 189.598L289.571 171.461C289.509 170.212 287.604 169.682 287.286 170.824L277.669 186.205C277.563 186.586 277.076 186.861 276.695 186.755L258.557 187.041C257.309 187.104 256.778 189.009 257.921 189.327L273.302 198.944C273.683 199.05 273.958 199.537 273.852 199.918L274.138 218.056C274.201 219.304 276.105 219.835 276.424 218.692L286.041 203.311C286.147 202.93 286.634 202.655 287.014 202.761Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.9327 254.386C38.8818 252.621 41.0822 251.959 42.8475 252.908C45.5736 254.374 48.3625 255.558 51.1962 256.488C53.1006 257.113 54.1381 259.163 53.5134 261.067C52.8887 262.972 50.8385 264.009 48.9341 263.384C45.7037 262.325 42.5209 260.974 39.4105 259.301C37.6452 258.352 36.9835 256.152 37.9327 254.386ZM145.853 220.285C147.602 221.263 148.227 223.474 147.249 225.223C145.73 227.94 143.567 230.8 140.935 233.67C139.58 235.147 137.284 235.246 135.807 233.891C134.33 232.536 134.231 230.24 135.586 228.763C137.96 226.175 139.746 223.77 140.914 221.681C141.892 219.932 144.104 219.306 145.853 220.285ZM65.5868 262.864C65.5788 260.86 67.1971 259.228 69.2013 259.22C75.3259 259.196 81.5012 258.302 87.5516 256.75C89.4931 256.253 91.4704 257.423 91.9681 259.365C92.4659 261.306 91.2955 263.283 89.354 263.781C82.8108 265.459 76.0364 266.451 69.2303 266.478C67.2261 266.486 65.5948 264.868 65.5868 262.864ZM126.496 241.786C127.645 243.429 127.245 245.691 125.602 246.84C120.397 250.481 114.541 253.933 108.258 256.898C106.446 257.753 104.283 256.977 103.428 255.165C102.572 253.352 103.348 251.19 105.161 250.334C111.058 247.551 116.559 244.308 121.442 240.893C123.085 239.744 125.347 240.144 126.496 241.786Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M291.275 68.55L128.461 177.307L109.799 221.711L155.49 190.821", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M291.275 68.55L128.461 177.307L109.799 221.711L155.49 190.821", stroke: "#C4C7C6", strokeWidth: "4.83871", strokeMiterlimit: "10", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M46.0891 139.341L291.275 68.5525L199.893 213.347L128.461 177.309L109.799 221.713L98.8588 165.726L46.0891 139.341Z", fill: "white", stroke: "white", strokeWidth: "4.83871", strokeMiterlimit: "10", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M98.293 165.014L109.642 220.622L128.934 176.362L291.22 67.4153L98.293 165.014Z", fill: "#E0E3E2", stroke: "white", strokeWidth: "2.41935", strokeLinecap: "round" })] }));
+        case 'image':
+            return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 166 166", height: height, fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M15 111.273L49.4453 76.8281L123.615 151H24.2773C19.1537 151 15.0002 146.846 15 141.723V111.273ZM15 24.2773C15.0002 19.1537 19.1537 15.0002 24.2773 15H141.723C146.846 15.0002 151 19.1537 151 24.2773V141.723C151 145.905 148.232 149.44 144.428 150.598L54.748 60.9189L54.4785 60.6621C53.1027 59.4164 51.3091 58.7227 49.4443 58.7227C47.4554 58.7227 45.5481 59.5126 44.1416 60.9189L15 90.0596V24.2773ZM92.2773 53.6387C92.2773 64.7304 101.27 73.7227 112.361 73.7227C123.453 73.7225 132.444 64.7303 132.444 53.6387C132.444 42.5471 123.453 33.5558 112.361 33.5557C101.27 33.5557 92.2775 42.5471 92.2773 53.6387ZM0 141.723C0.000228882 155.131 10.8694 166 24.2773 166H141.723C155.131 166 166 155.131 166 141.723V24.2773C166 10.8694 155.131 0.000235019 141.723 0H24.2773C10.8694 0.00023091 0.000228882 10.8694 0 24.2773V141.723Z", fill: "#D1D1D1" }) }));
+        case 'level-up':
+            return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 349 300", height: height, fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M171.429 283.333C244.983 283.333 304.762 223.701 304.762 150.129C304.762 76.557 244.983 16.6667 171.429 16.6667C97.8743 16.6667 38.0952 76.2988 38.0952 149.871C38.0952 223.443 97.8743 283.333 171.429 283.333Z", fill: "#EFF1F0" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M171.429 283.974C170.982 283.978 170.535 283.981 170.087 283.981C147.443 283.981 126.139 278.14 107.588 267.881H171.429V283.974Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M171.429 7.14285L171.428 140.476H57.1428L171.429 7.14285Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("rect", { x: "107.143", y: "138.095", width: "64.2857", height: "66.6667", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("rect", { x: "107.143", y: "245.238", width: "64.2857", height: "16.6667", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("rect", { x: "107.143", y: "209.524", width: "64.2857", height: "30.9524", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M171.428 283.974C171.875 283.978 172.322 283.981 172.77 283.981C195.414 283.981 216.719 278.14 235.269 267.881H171.428V283.974Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M171.428 7.14288L171.429 140.476H285.714L171.428 7.14288Z", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { width: "64.2857", height: "66.6667", transform: "matrix(-1 0 0 1 235.714 138.095)", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { width: "64.2857", height: "16.6667", transform: "matrix(-1 0 0 1 235.714 245.238)", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { width: "64.2857", height: "30.9524", transform: "matrix(-1 0 0 1 235.714 209.524)", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M120.757 100.744L133.166 96.9607C134.179 96.7085 134.179 95.4475 133.166 95.1953L120.757 91.4124C120.504 91.4124 120.251 91.1602 119.997 90.6558L116.452 78.5502C116.199 77.5414 114.933 77.5414 114.679 78.5502L110.881 90.908C110.881 91.1602 110.627 91.4124 110.121 91.6646L97.7121 95.4475C96.6991 95.6997 96.6991 96.9607 97.7121 97.2129L110.121 100.996C110.374 100.996 110.627 101.248 110.881 101.753L114.679 114.11C114.933 115.119 116.199 115.119 116.452 114.11L120.251 101.753C120.251 100.996 120.504 100.744 120.757 100.744Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M89.8757 20.6308L95.7003 16.0912C96.2068 15.839 95.9536 15.0824 95.1938 15.0824L87.8498 15.839C87.5965 15.839 87.5965 15.839 87.3433 15.5868L82.7849 9.78622C82.5317 9.28182 81.772 9.53402 81.772 10.2906L82.5317 17.6044C82.5317 17.8566 82.5317 17.8566 82.2784 18.1088L76.4539 22.6484C75.9474 22.9005 76.2006 23.6571 76.9604 23.6571L84.3044 22.9006C84.5576 22.9006 84.5576 22.9006 84.8109 23.1527L89.3692 28.9533C89.6225 29.4577 90.3822 29.2055 90.3822 28.4489L89.6225 21.1352C89.6225 20.883 89.6225 20.6308 89.8757 20.6308Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M233.703 22.0579L241.301 25.8409C241.807 26.0931 242.314 25.5887 242.06 25.0843L238.009 17.7706C238.009 17.5184 238.009 17.2662 238.009 17.2662L241.807 9.9524C242.06 9.448 241.554 8.94361 241.047 9.19581L233.703 13.231C233.45 13.231 233.197 13.231 233.197 13.231L225.346 8.94361C224.84 8.69141 224.333 9.19581 224.587 9.7002L228.639 17.014C228.639 17.2662 228.639 17.5184 228.639 17.5184L224.84 25.0843C224.587 25.5887 225.093 26.0931 225.6 25.8409L232.944 22.0579C233.197 21.8057 233.45 21.8057 233.703 22.0579Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M186.092 52.5741L200.274 48.2867C201.287 48.0345 201.287 46.5213 200.274 46.2691L186.092 41.9817C185.839 41.9817 185.333 41.7295 185.333 41.2251L181.028 27.102C180.774 26.0932 179.255 26.0932 179.002 27.102L174.696 41.2251C174.696 41.4773 174.443 41.9817 173.937 41.9817L159.502 46.2691C158.489 46.5213 158.489 48.0345 159.502 48.2867L173.683 52.5741C173.937 52.5741 174.443 52.8263 174.443 53.3307L178.748 67.4538C179.002 68.4626 180.521 68.4626 180.774 67.4538L185.079 53.3307C185.333 53.0785 185.586 52.8263 186.092 52.5741Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M37.8261 165.27L42.7077 161.824C42.9949 161.578 42.8513 161.086 42.4205 161.086L36.1031 161.578C35.9595 161.578 35.816 161.578 35.6724 161.455L31.6522 157.271C31.365 157.025 30.7907 157.148 30.7907 157.517L31.365 162.932C31.365 163.055 31.365 163.178 31.2215 163.301L26.3398 166.747C26.0527 166.993 26.1962 167.485 26.627 167.485L32.9444 166.993C33.088 166.993 33.2316 166.993 33.3751 167.116L37.3953 171.301C37.6825 171.547 38.2568 171.424 38.2568 171.054L37.6825 165.639C37.5389 165.516 37.6825 165.393 37.8261 165.27Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M264.538 214.379L268.578 216.5C268.881 216.702 269.184 216.298 268.982 215.995L266.76 211.955C266.659 211.854 266.659 211.753 266.76 211.652L268.881 207.612C269.083 207.309 268.679 207.006 268.376 207.208L264.336 209.43C264.235 209.531 264.134 209.531 264.033 209.43L259.993 207.309C259.69 207.107 259.387 207.511 259.589 207.814L261.811 211.854C261.912 211.955 261.912 212.056 261.811 212.157L259.69 216.197C259.488 216.5 259.892 216.803 260.195 216.601L264.235 214.379C264.336 214.379 264.437 214.379 264.538 214.379Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M77.6145 229.206L84.8589 232.945C85.3263 233.179 86.0274 232.712 85.56 232.244L81.5873 225.234C81.5873 225 81.5873 224.766 81.5873 224.766L85.3263 217.522C85.56 217.054 85.0926 216.353 84.6252 216.821L77.6145 220.794C77.3808 220.794 77.1471 220.794 77.1471 220.794L69.9027 217.054C69.4353 216.821 68.7342 217.288 69.2016 217.756L73.1744 224.766C73.1744 225 73.1744 225.234 73.1744 225.234L69.4353 232.478C69.2016 232.945 69.669 233.647 70.1364 233.179L77.1471 229.206C77.3808 229.206 77.6145 229.206 77.6145 229.206Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M308.764 148.796L318.547 145.905C319.214 145.683 319.214 144.571 318.547 144.571L308.764 141.681C308.542 141.681 308.319 141.458 308.319 141.236L305.429 131.453C305.207 130.786 304.095 130.786 304.095 131.453L301.204 141.236C301.204 141.458 300.982 141.681 300.76 141.681L290.976 144.571C290.309 144.793 290.309 145.905 290.976 145.905L300.76 148.796C300.982 148.796 301.204 149.018 301.204 149.24L304.095 159.024C304.317 159.691 305.429 159.691 305.429 159.024L308.319 149.24C308.319 149.018 308.542 148.796 308.764 148.796Z", fill: "#C4C7C6" })] }));
+        case 'missing':
+            return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 349 300", height: height, fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M174.194 295.161C254.364 295.161 319.355 230.17 319.355 150C319.355 69.8295 254.364 4.83862 174.194 4.83862C94.0232 4.83862 29.0323 69.8295 29.0323 150C29.0323 230.17 94.0232 295.161 174.194 295.161Z", fill: "#121212", fillOpacity: "0.08" }), (0, jsx_runtime_1.jsx)("mask", { id: "mask0_8384_79029", maskUnits: "userSpaceOnUse", x: "29", y: "4", width: "291", height: "292", children: (0, jsx_runtime_1.jsx)("path", { d: "M174.194 295.161C254.364 295.161 319.355 230.17 319.355 150C319.355 69.8295 254.364 4.83862 174.194 4.83862C94.0232 4.83862 29.0323 69.8295 29.0323 150C29.0323 230.17 94.0232 295.161 174.194 295.161Z", fill: "white" }) }), (0, jsx_runtime_1.jsxs)("g", { mask: "url(#mask0_8384_79029)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M92.6392 181.144C68.0937 173.622 49.6187 149.472 24.0175 147.625C22.5659 147.493 21.1143 147.493 19.7946 147.625C19.7946 147.625 19.7946 147.625 19.7946 147.757C19.7946 198.959 44.736 244.355 83.0058 272.331C98.4456 259.795 116.921 250.821 136.32 246.598C152.551 243.035 169.311 242.771 185.542 239.208C209.824 233.93 231.994 221.525 255.748 213.739C274.751 207.537 296.393 204.633 315 210.836C315.396 209.912 315.792 208.988 316.188 207.933C275.41 201.862 238.46 168.475 196.232 168.343C161.129 168.343 126.29 191.305 92.6392 181.144Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M312.625 79.1349C302.727 79.7947 292.83 81.3783 283.328 83.4897C252.053 90.6158 221.965 102.757 194.516 119.384C182.111 126.906 170.103 135.484 156.642 140.762C137.243 148.416 115.205 148.944 95.4105 142.214C83.5337 138.255 72.4486 131.657 60.1759 129.677C46.7155 127.434 33.387 130.865 20.3225 135.22C20.0586 139.311 19.7947 143.27 19.7947 147.361C21.2463 147.361 22.6979 147.229 24.0175 147.361C49.6187 149.076 68.0938 173.358 92.6393 180.88C126.29 191.173 161.129 168.079 196.364 168.211C238.592 168.475 275.674 201.862 316.32 207.801C324.238 189.194 328.592 168.871 328.592 147.361C328.592 123.079 322.786 99.8534 312.625 79.1349Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M255.88 213.871C232.258 221.657 210.088 233.93 185.674 239.34C169.443 242.903 152.683 243.167 136.452 246.73C116.921 250.953 98.5776 259.795 83.1378 272.464C108.739 291.203 140.147 302.288 174.325 302.288C237.009 302.288 290.982 264.942 315.132 211.232C296.393 204.766 274.883 207.669 255.88 213.871Z", fill: "#EFF1F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M121.804 102.625C106.1 97.214 97.7861 78.8709 82.3462 72.9324C72.1849 69.1055 60.704 71.3489 50.1468 74.516C45.2641 75.9676 40.3814 77.6832 35.4987 79.5307C27.053 96.5541 21.7744 115.425 20.1908 135.352C33.1233 130.865 46.5838 127.566 60.0442 129.809C72.3169 131.789 83.4019 138.387 95.2788 142.346C115.073 149.076 137.112 148.548 156.51 140.894C169.179 135.88 180.396 128.226 192.009 121.1C177.889 112.786 162.977 106.056 146.877 105C138.563 104.34 129.854 105.396 121.804 102.625Z", fill: "#E0E3E2" }), (0, jsx_runtime_1.jsx)("path", { d: "M89.7362 232.346C89.7362 231.422 89.6042 230.499 89.2083 229.707C88.5485 228.651 87.0969 228.255 85.7772 228.123C80.4986 227.2 74.9561 226.408 70.7333 223.241C65.0588 218.886 63.3432 211.232 62.4195 204.238C59.7802 185.763 59.5162 166.76 62.4195 148.285C62.9473 145.249 63.4752 142.082 65.4547 139.575C67.4341 137.068 70.9972 135.748 73.6365 137.331C75.0881 138.255 76.0118 139.839 76.6717 141.422C80.1028 149.604 79.311 158.842 78.9151 167.683C78.3872 178.768 78.7831 189.853 79.8388 200.939C80.2347 204.37 80.8945 208.329 83.7978 210.308C84.4576 210.704 85.2494 211.1 86.1731 210.968C88.4165 210.572 88.8124 207.669 88.8124 205.557C88.2846 188.006 88.0206 170.455 88.0206 152.903C88.0206 146.701 88.2846 141.158 87.8887 134.956C87.4928 128.754 87.4928 122.287 89.2083 116.085C90.396 111.598 93.0353 107.375 96.9942 105.264C101.085 103.153 106.628 103.548 109.663 106.98C111.642 109.223 112.302 112.39 112.566 115.425C113.754 125.587 112.566 136.144 112.83 146.437C112.962 155.939 112.038 165.176 111.774 174.546C111.774 176.261 111.774 177.977 112.434 179.428C112.83 180.22 113.49 180.88 114.282 181.012C114.678 181.012 115.073 181.012 115.601 180.88C117.053 180.484 118.505 179.824 119.824 179.032C122.331 177.185 123.783 174.15 124.311 170.982C126.026 160.953 124.707 150.66 124.443 140.631C124.311 135.748 123.387 117.669 133.812 123.871C136.98 125.851 138.431 130.469 138.959 133.9C140.543 145.117 140.147 156.73 137.639 167.815C135.264 178.636 129.194 193.021 115.997 192.493C115.205 192.493 114.414 192.361 113.754 192.757C112.698 193.285 112.434 194.736 112.302 195.924C110.455 211.892 111.246 228.123 112.17 244.223C112.302 245.411 112.302 246.598 112.962 247.654C115.337 250.953 121.804 246.994 122.991 244.487C124.179 241.98 124.179 239.208 124.179 236.437C124.179 233.27 124.311 230.103 124.575 226.936C124.971 222.317 125.631 217.566 128.666 214.003C130.249 212.024 132.889 210.572 135.264 211.364C138.299 212.287 139.355 215.982 139.751 219.018C140.411 224.296 140.279 229.443 139.619 234.722C139.091 239.604 139.355 243.959 137.771 248.842C136.056 253.988 131.833 257.947 126.95 260.323C124.575 261.51 121.804 262.434 119.164 262.83C116.789 263.094 113.622 262.17 112.566 265.205C111.246 269.032 111.774 272.859 111.642 276.818C111.51 282.625 112.302 293.182 105.308 294.766C103.197 295.293 100.821 295.425 98.7098 294.634C95.5426 293.446 93.4312 290.543 92.5074 287.375C91.4517 283.68 91.4517 279.59 91.0558 275.763C90.396 271.144 90.6599 266.261 90.528 261.642C90.264 251.481 90.1321 241.848 89.7362 232.346Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M228.695 142.214C228.167 139.179 228.299 136.144 228.299 133.108C228.431 130.073 228.563 126.906 230.279 124.399C230.806 123.607 231.73 122.947 232.522 123.211C232.918 123.343 233.182 123.607 233.314 124.003C235.425 126.906 235.953 130.601 236.085 134.164C236.349 138.651 236.085 144.325 239.912 147.493C241.1 148.548 242.815 149.076 244.399 148.812C244.927 148.68 245.455 148.416 245.718 148.02C246.114 147.492 246.114 146.833 246.114 146.305C246.114 144.457 245.85 120.836 245.455 120.836C241.496 120.968 237.141 120.968 234.37 118.064C232.522 116.217 231.994 113.446 231.466 110.806C229.751 101.437 228.563 91.8033 229.883 82.4338C230.147 80.8503 230.411 79.2667 231.466 77.947C232.39 76.7593 234.238 75.9676 235.689 76.6274C236.613 77.0233 237.141 77.947 237.537 78.8708C239.384 82.8297 239.12 87.4485 239.12 91.9353C239.12 97.6098 239.12 103.944 240.572 109.487C240.836 110.41 241.1 111.334 241.628 112.126C242.155 112.918 242.947 113.578 244.003 113.578C244.531 113.578 245.059 113.446 245.323 112.918C245.587 112.39 245.587 111.862 245.587 111.334C244.927 103.68 244.663 96.0262 244.135 88.5042C243.607 80.3224 243.079 72.0086 244.267 63.8268C244.663 61.3195 245.191 58.8121 246.642 56.8327C248.094 54.8532 250.733 53.5335 253.108 54.1934C255.88 54.9852 257.199 58.1523 257.463 61.0556C257.727 64.0907 255.484 91.0116 257.067 90.7476C264.194 89.6919 260.367 79.1347 263.402 74.7799C263.93 73.9881 264.853 73.0644 265.777 72.9324C266.833 72.8004 267.889 73.1963 268.548 73.9881C269.208 74.7799 269.736 75.7036 270 76.7594C272.243 85.601 267.097 92.991 259.311 96.6861C258.915 96.95 258.387 97.0819 258.123 97.4778C257.727 98.0057 257.727 98.6655 257.727 99.3253C257.595 107.903 257.595 116.481 257.727 125.058C257.727 126.114 257.991 127.566 259.047 127.698C259.443 127.83 259.839 127.566 260.235 127.434C265.777 124.927 264.985 120.044 265.645 115.161C266.041 112.126 266.437 109.223 266.569 106.188C266.569 104.472 266.701 102.756 267.493 101.305C268.284 99.8532 270.132 98.7975 271.584 99.3253C273.299 99.9852 273.959 101.965 274.223 103.68C275.279 109.751 275.674 116.085 273.695 121.891C272.375 125.85 269.868 129.677 266.437 132.185C264.721 133.504 263.534 133.768 261.422 133.9C259.707 134.032 257.067 133.504 257.199 136.012C257.595 142.082 257.067 148.284 257.595 154.355C257.991 158.05 258.915 161.481 256.012 164.516C254.428 166.1 251.921 166.891 249.809 166.231C247.698 165.572 245.85 163.724 245.455 161.481C245.059 159.501 246.642 156.466 244.663 155.146C244.267 154.883 243.739 154.751 243.343 154.751C238.065 154.091 233.05 152.771 230.411 147.624C229.619 145.909 229.091 144.061 228.695 142.214Z", fill: "#C4C7C6" }), (0, jsx_runtime_1.jsx)("path", { d: "M174.194 70.8209C183.668 70.8209 191.349 63.1401 191.349 53.6654C191.349 44.1908 183.668 36.51 174.194 36.51C164.719 36.51 157.038 44.1908 157.038 53.6654C157.038 63.1401 164.719 70.8209 174.194 70.8209Z", fill: "white" })] })] }));
+    }
+}

package/dist/core/components/visuals/Logo.d.ts

@@ -0,0 +1,7 @@
+export declare function Logo({ className, size }: Logo.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Logo {
+    type Props = {
+        className?: string;
+        size: number;
+    };
+}

package/dist/core/components/visuals/Logo.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = Logo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+// component
+function Logo({ className, size }) {
+    // render
+    return ((0, jsx_runtime_1.jsx)("svg", { className: (0, classnames_1.default)(className, 'fill-current stroke-1 svg-stroke-abs'), xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 64 64", children: (0, jsx_runtime_1.jsx)("path", { d: "M24.2809 28.2163V47.1812H18.1726V20.1738L24.2809 28.2163ZM18.1962 16.7092C18.1954 16.7008 18.1964 16.6971 18.1962 16.697C18.1986 16.695 18.2064 16.6927 18.2119 16.6924H24.3001V26.8189L18.1966 18.7765V16.7163L18.1962 16.7092ZM38.8901 35.8206V46.0188L25.1727 27.9524V17.7494L38.8901 35.8206ZM45.8711 45.049V47.1572H39.7628V36.9597L45.8711 45.049ZM45.8951 16.6684V43.6275L39.7628 35.5326V16.6684H45.8951ZM46.7958 16.6108C46.7366 16.1749 46.3326 15.8203 45.8951 15.8203H39.7628C39.2898 15.8203 38.8902 16.2196 38.8902 16.6923V34.3996L24.9876 16.1377C24.8172 15.9389 24.5709 15.8203 24.3289 15.8203H18.1966C17.7236 15.8203 17.324 16.2196 17.324 16.6923V47.2051C17.324 47.6778 17.7236 48.0771 18.1966 48.0771H24.3289C24.8019 48.0771 25.2015 47.6778 25.2015 47.2051V29.3546L39.0509 47.6093C39.203 47.8647 39.4658 48.0052 39.7916 48.0052H45.9239C46.3969 48.0052 46.7965 47.6059 46.7965 47.1332V16.6205L46.7958 16.6108Z", fillRule: "evenodd", clipRule: "evenodd" }) }));
+}

package/dist/core/components/visuals/SkeletonLayout.d.ts

@@ -0,0 +1,9 @@
+import { BlockLayout } from '@nascentdigital/funnel-core';
+export declare function SkeletonLayout({ variant, layout }: SkeletonLayout.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkeletonLayout {
+    type Variant = 'mobile' | 'desktop';
+    type Props = {
+        variant: Variant;
+        layout?: Readonly<BlockLayout>;
+    };
+}