@noxlovette/material 0.1.0

package/dist/actions/clickOutside.d.ts

@@ -0,0 +1,3 @@
+export declare function clickOutside(node: HTMLElement, callback: () => void): {
+    destroy(): void;
+};

package/dist/actions/clickOutside.js

@@ -0,0 +1,13 @@
+export function clickOutside(node, callback) {
+    const handleClick = (event) => {
+        if (!node.contains(event.target)) {
+            callback();
+        }
+    };
+    document.addEventListener('click', handleClick, true);
+    return {
+        destroy() {
+            document.removeEventListener('click', handleClick, true);
+        }
+    };
+}

package/dist/actions/floating.d.ts

@@ -0,0 +1,20 @@
+import { type Middleware, type Placement } from '@floating-ui/dom';
+export type FloatingParams = {
+    reference: HTMLElement;
+    placement?: Placement;
+    strategy?: 'absolute' | 'fixed';
+    offsetPx?: number;
+    middleware?: Middleware[];
+    arrowEl?: HTMLElement | null;
+    arrowPadding?: number;
+    enabled?: boolean;
+    onUpdate?: (data: {
+        x: number;
+        y: number;
+        placement: Placement;
+    }) => void;
+};
+export declare function floating(node: HTMLElement, params: FloatingParams): {
+    update(next: FloatingParams): void;
+    destroy(): void;
+};

package/dist/actions/floating.js

@@ -0,0 +1,87 @@
+import { arrow as arrowMw, autoUpdate, computePosition, offset, shift } from '@floating-ui/dom';
+export function floating(node, params) {
+    let cleanup = null;
+    let p = { ...params };
+    p.strategy ??= 'absolute';
+    p.offsetPx ??= 8;
+    p.enabled ??= true;
+    async function update() {
+        if (!p.enabled)
+            return;
+        if (!p.reference)
+            return;
+        const middleware = [
+            offset(p.offsetPx ?? 8),
+            shift({ padding: 8 }),
+            ...(p.middleware ?? [])
+        ];
+        if (p.arrowEl) {
+            middleware.push(arrowMw({
+                element: p.arrowEl,
+                padding: p.arrowPadding ?? 6
+            }));
+        }
+        const { x, y, placement, middlewareData } = await computePosition(p.reference, node, {
+            placement: p.placement,
+            strategy: p.strategy,
+            middleware
+        });
+        Object.assign(node.style, {
+            position: p.strategy,
+            left: `${x}px`,
+            top: `${y}px`
+        });
+        // Optional arrow positioning
+        if (p.arrowEl && middlewareData.arrow) {
+            const { x: ax, y: ay } = middlewareData.arrow;
+            const side = placement.split('-')[0]; // 'top'|'bottom'|'left'|'right'
+            const staticSide = {
+                top: 'bottom',
+                bottom: 'top',
+                left: 'right',
+                right: 'left'
+            };
+            Object.assign(p.arrowEl.style, {
+                left: ax != null ? `${ax}px` : '',
+                top: ay != null ? `${ay}px` : '',
+                right: '',
+                bottom: '',
+                [staticSide[side]]: `-4px` // arrow size tweak
+            });
+        }
+        p.onUpdate?.({ x, y, placement: placement });
+    }
+    function startAutoUpdate() {
+        stopAutoUpdate();
+        if (!p.enabled || !p.reference)
+            return;
+        cleanup = autoUpdate(p.reference, node, update, {
+            // works well for scroll containers too
+            ancestorScroll: true,
+            ancestorResize: true,
+            elementResize: true,
+            layoutShift: true,
+            animationFrame: false
+        });
+    }
+    function stopAutoUpdate() {
+        cleanup?.();
+        cleanup = null;
+    }
+    // init
+    startAutoUpdate();
+    void update();
+    return {
+        update(next) {
+            p = { ...p, ...next };
+            p.strategy ??= 'absolute';
+            p.offsetPx ??= 8;
+            p.enabled ??= true;
+            startAutoUpdate();
+            void update();
+        },
+        destroy() {
+            stopAutoUpdate();
+        }
+    };
+}

package/dist/actions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './clickOutside.js';
+export * from './floating.js';
+export * from './keyboard.js';
+export * from './positionFloating.js';

package/dist/actions/index.js

@@ -0,0 +1,4 @@
+export * from './clickOutside.js';
+export * from './floating.js';
+export * from './keyboard.js';
+export * from './positionFloating.js';

package/dist/actions/keyboard.d.ts

@@ -0,0 +1,3 @@
+export declare function keyEscape(node: HTMLElement, callback: () => void): {
+    destroy(): void;
+};

package/dist/actions/keyboard.js

@@ -0,0 +1,14 @@
+export function keyEscape(node, callback) {
+    const handleKeydown = (event) => {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            callback();
+        }
+    };
+    window.addEventListener('keydown', handleKeydown);
+    return {
+        destroy() {
+            window.removeEventListener('keydown', handleKeydown);
+        }
+    };
+}

package/dist/actions/positionFloating.d.ts

@@ -0,0 +1,10 @@
+type FloatingOptions = {
+    anchor: HTMLElement;
+    offset?: number;
+    viewportPadding?: number;
+};
+export declare function positionFloating(node: HTMLElement, options: FloatingOptions): {
+    update(newOptions: FloatingOptions): void;
+    destroy(): void;
+};
+export {};

package/dist/actions/positionFloating.js

@@ -0,0 +1,59 @@
+export function positionFloating(node, options) {
+    let { anchor, offset = 8, viewportPadding = 8 } = options;
+    function updatePosition() {
+        if (!anchor || !node)
+            return;
+        const anchorRect = anchor.getBoundingClientRect();
+        const pickerRect = node.getBoundingClientRect();
+        const vh = window.innerHeight;
+        const vw = window.innerWidth;
+        const spaceBelow = vh - anchorRect.bottom;
+        const spaceAbove = anchorRect.top;
+        let placement = 'bottom';
+        if (spaceBelow < pickerRect.height && spaceAbove > spaceBelow) {
+            placement = 'top';
+        }
+        let top;
+        if (placement === 'bottom') {
+            top = anchorRect.bottom + offset;
+        }
+        else {
+            top = anchorRect.top - pickerRect.height - offset;
+        }
+        node.style.position = 'fixed';
+        const maxWidth = Math.max(vw - viewportPadding * 2, 0);
+        const maxHeight = Math.max(vh - viewportPadding * 2, 0);
+        const minWidth = Math.min(anchorRect.width, maxWidth);
+        const clamp = (value, min, max) => max < min ? min : Math.min(Math.max(value, min), max);
+        const clampedTop = clamp(top, viewportPadding, vh - pickerRect.height - viewportPadding);
+        const clampedLeft = clamp(anchorRect.left, viewportPadding, vw - pickerRect.width - viewportPadding);
+        node.style.top = `${isFinite(clampedTop) ? clampedTop : viewportPadding}px`;
+        node.style.left = `${isFinite(clampedLeft) ? clampedLeft : viewportPadding}px`;
+        node.style.minWidth = `${minWidth}px`;
+        node.style.maxWidth = `${maxWidth}px`;
+        node.style.maxHeight = `${maxHeight}px`;
+        node.style.overflow = 'auto';
+        node.dataset.placement = placement;
+    }
+    const ro = new ResizeObserver(() => updatePosition());
+    ro.observe(node);
+    ro.observe(anchor);
+    const onScroll = () => updatePosition();
+    const onResize = () => updatePosition();
+    window.addEventListener('scroll', onScroll, true);
+    window.addEventListener('resize', onResize);
+    queueMicrotask(updatePosition);
+    return {
+        update(newOptions) {
+            anchor = newOptions.anchor;
+            offset = newOptions.offset ?? 8;
+            viewportPadding = newOptions.viewportPadding ?? 8;
+            updatePosition();
+        },
+        destroy() {
+            ro.disconnect();
+            window.removeEventListener('scroll', onScroll, true);
+            window.removeEventListener('resize', onResize);
+        }
+    };
+}

package/dist/animation/containerTransform.d.ts

@@ -0,0 +1,13 @@
+import type { TransitionConfig } from 'svelte/transition';
+import type { TransitionOptions } from './transitionTypes.js';
+interface ContainerOptions {
+    fallback?: (node: Element, params: TransitionOptions & ContainerOptions & ContainerParamOptions, intro: boolean) => TransitionConfig;
+    bgContainerZ?: number;
+    fgContainerZ?: number;
+}
+interface ContainerParamOptions {
+    key: string;
+}
+export declare const containerTransform: ({ fallback, ...defaults }: TransitionOptions & ContainerOptions) => ((node: Element, params: TransitionOptions & ContainerOptions & ContainerParamOptions) => () => TransitionConfig)[];
+export declare const parseSize: (size: string) => number;
+export {};

package/dist/animation/containerTransform.js

@@ -0,0 +1,138 @@
+import { easeEmphasized } from './easing.js';
+const getBackgroundColor = (node, defaultColor) => {
+    if (!defaultColor) {
+        const tmp = document.createElement('div');
+        document.body.appendChild(tmp);
+        defaultColor = getComputedStyle(tmp).backgroundColor;
+        tmp.remove();
+    }
+    const color = getComputedStyle(node).backgroundColor;
+    if (color != defaultColor)
+        return color;
+    if (node.parentElement)
+        return getBackgroundColor(node.parentElement, defaultColor);
+    return defaultColor;
+};
+const parseColor = (color) => {
+    const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
+    if (match) {
+        const [r, g, b, opacity = 1.0] = match.slice(1, 5).map((val) => val && parseFloat(val));
+        if (typeof r != 'number' ||
+            typeof g != 'number' ||
+            typeof b != 'number' ||
+            typeof opacity != 'number') {
+            throw new Error('something went down in the color parser, see previous info');
+        }
+        return [r, g, b, opacity];
+    }
+    return [0, 0, 0, 0];
+};
+export const containerTransform = ({ fallback, ...defaults }) => {
+    /* This code is based on the crossfade function from Svelte. Svelte is under the MIT license.
+    https://github.com/sveltejs/svelte/blob/master/src/runtime/transition/index.ts
+    If you have an idea for cleaning up this mess of code, please make a PR. */
+    const to_receive = new Map();
+    const to_send = new Map();
+    function calcTransition(from, fromNode, node, params) {
+        const to = node.getBoundingClientRect();
+        const isEntering = from.width * from.height < to.width * to.height;
+        const dx = from.left + from.width / 2 - (to.left + to.width / 2);
+        const dy = from.top - to.top;
+        const style = getComputedStyle(node);
+        const transform = style.transform == 'none' ? '' : style.transform;
+        const opacity = +style.opacity;
+        const bgContainerZ = params.bgContainerZ ?? defaults.bgContainerZ ?? 4;
+        const fgContainerZ = params.fgContainerZ ?? defaults.fgContainerZ ?? 5;
+        let container = {
+            fromColor: parseColor(getBackgroundColor(node)),
+            fromRadius: parseSize(style.borderRadius),
+            fromBorderWidth: parseSize(style.borderLeftWidth),
+            fromBorderColor: parseColor(style.borderLeftColor),
+            toColor: parseColor(getBackgroundColor(fromNode)),
+            toRadius: parseSize(getComputedStyle(fromNode).borderRadius),
+            toBorderWidth: parseSize(getComputedStyle(fromNode).borderLeftWidth),
+            toBorderColor: parseColor(getComputedStyle(fromNode).borderLeftColor)
+        };
+        return {
+            delay: params.delay ?? defaults.delay ?? 0,
+            duration: params.duration ?? defaults.duration ?? 500,
+            easing: params.easing ?? defaults.easing ?? easeEmphasized,
+            css: (t, u) => {
+                const dw = t + u * (from.width / to.width);
+                const dh = t + u * (from.height / to.height);
+                const tOpacity = (isEntering ? (10 * t - 3) / 7 : (-10 / 3) * u + 1) * opacity;
+                const tScale = isEntering ? Math.max(dw, dh) : Math.min(dw, dh);
+                const horizontalTrim = ((tScale - dw) * to.width) / tScale / 2;
+                const verticalTrim = ((tScale - dh) * to.height) / tScale;
+                return `
+					opacity: ${tOpacity};
+					transform-origin: top center;
+					transform: ${transform} translate(${u * dx}px, ${u * dy}px) scale(${tScale});
+					clip-path: inset(0 ${horizontalTrim}px ${verticalTrim}px ${horizontalTrim}px);
+					z-index: ${fgContainerZ};
+					${t < 0.98 ? 'background-color: transparent;' : ''}
+					border-color: transparent;
+					pointer-events: none;
+				`;
+            },
+            tick: (t, u) => {
+                if (!isEntering || !container)
+                    return;
+                if (container.backwards == null)
+                    container.backwards = Boolean(t);
+                if (!container.e) {
+                    container.e = document.createElement('div');
+                    container.e.style.position = 'fixed';
+                    container.e.style.zIndex = bgContainerZ.toString();
+                    container.e.style.boxSizing = 'border-box';
+                    container.e.style.borderStyle = 'solid';
+                    document.body.appendChild(container.e);
+                }
+                else if (t == (container.backwards ? 0 : 1)) {
+                    document.body.removeChild(container.e);
+                    container = null;
+                    return;
+                }
+                if (!container?.e)
+                    return;
+                container.e.style.top = (u * from.top + t * to.top).toFixed(1) + 'px';
+                container.e.style.left = (u * from.left + t * to.left).toFixed(1) + 'px';
+                container.e.style.width = (u * from.width + t * to.width).toFixed(1) + 'px';
+                container.e.style.height = (u * from.height + t * to.height).toFixed(1) + 'px';
+                const { fromColor, fromRadius, fromBorderWidth, fromBorderColor, toColor, toRadius, toBorderWidth, toBorderColor } = container;
+                const interpColor = [0, 0, 0, 0].map((_, i) => Math.trunc(t * fromColor[i] + u * toColor[i]));
+                container.e.style.backgroundColor = `rgba(${interpColor.join(',')})`;
+                container.e.style.borderRadius = (t * fromRadius + u * toRadius).toFixed(1) + 'px';
+                container.e.style.borderWidth = (t * fromBorderWidth + u * toBorderWidth).toFixed(1) + 'px';
+                const interpBorder = [0, 0, 0, 0].map((_, i) => Math.trunc(t * fromBorderColor[i] + u * toBorderColor[i]));
+                container.e.style.borderColor = `rgba(${interpBorder.join(',')})`;
+            }
+        };
+    }
+    function makeTransition(items, counterparts, intro) {
+        return (node, params) => {
+            items.set(params.key, {
+                rect: node.getBoundingClientRect(),
+                node
+            });
+            return () => {
+                const counterpart = counterparts.get(params.key);
+                if (counterpart) {
+                    counterparts.delete(params.key);
+                    return calcTransition(counterpart.rect, counterpart.node, node, params);
+                }
+                // if the node is disappearing altogether
+                // (i.e. wasn't claimed by the other list)
+                // then we need to supply an outro
+                items.delete(params.key);
+                return fallback ? fallback(node, params, intro) : {};
+            };
+        };
+    }
+    return [makeTransition(to_send, to_receive, false), makeTransition(to_receive, to_send, true)];
+};
+export const parseSize = (size) => (size.endsWith('px')
+    ? +size.slice(0, -2)
+    : size.endsWith('rem')
+        ? +size.slice(0, -3) * 16
+        : null) || 0;

package/dist/animation/easing.d.ts

@@ -0,0 +1,6 @@
+export declare const easeEmphasized: (t: number) => number;
+export declare const easeEmphasizedDecel: (t: number) => number;
+export declare const easeEmphasizedAccel: (t: number) => number;
+export declare const easeStandard: (t: number) => number;
+export declare const easeStandardDecel: (t: number) => number;
+export declare const easeStandardAccel: (t: number) => number;

package/dist/animation/easing.js

@@ -0,0 +1,78 @@
+// TODO: update for Expressive
+const createBezierLUT = (points, pointCount = 100) => {
+    const lut = [];
+    for (let t = 0; t < 1; t += 1 / pointCount) {
+        const a = (1 - t) * (1 - t) * (1 - t);
+        const b = (1 - t) * (1 - t) * t;
+        const c = (1 - t) * t * t;
+        const d = t * t * t;
+        const x = a * points[0][0] + 3 * b * points[1][0] + 3 * c * points[2][0] + d * points[3][0];
+        const y = a * points[0][1] + 3 * b * points[1][1] + 3 * c * points[2][1] + d * points[3][1];
+        lut.push([x, y]);
+    }
+    return lut;
+};
+const createEase = (lutOptions) => {
+    let lut;
+    return (t) => {
+        if (!lut)
+            lut = lutOptions.map((args) => createBezierLUT(args)).flat();
+        const closestPoint = lut.find((p) => p[0] >= t);
+        const closestY = closestPoint ? closestPoint[1] : 1;
+        return closestY;
+    };
+};
+export const easeEmphasized = createEase([
+    [
+        [0, 0],
+        [0.05, 0],
+        [0.133, 0.06],
+        [0.166, 0.4]
+    ],
+    [
+        [0.166, 0.4],
+        [0.208, 0.82],
+        [0.25, 1],
+        [1, 1]
+    ]
+]);
+export const easeEmphasizedDecel = createEase([
+    [
+        [0, 0],
+        [0.05, 0.7],
+        [0.1, 1],
+        [1, 1]
+    ]
+]);
+export const easeEmphasizedAccel = createEase([
+    [
+        [0, 0],
+        [0.3, 0],
+        [0.8, 0.15],
+        [1, 1]
+    ]
+]);
+export const easeStandard = createEase([
+    [
+        [0, 0],
+        [0.2, 0],
+        [0, 1],
+        [1, 1]
+    ]
+]);
+export const easeStandardDecel = createEase([
+    [
+        [0, 0],
+        [0, 0],
+        [0, 1],
+        [1, 1]
+    ]
+]);
+export const easeStandardAccel = createEase([
+    [
+        [0, 0],
+        [0.3, 0],
+        [1, 1],
+        [1, 1]
+    ]
+]);

package/dist/animation/enterExit.d.ts

@@ -0,0 +1,3 @@
+import type { TransitionConfig } from 'svelte/transition';
+import type { TransitionOptions } from './transitionTypes.js';
+export declare const enterExit: (node: Element, options?: TransitionOptions) => TransitionConfig;

package/dist/animation/enterExit.js

@@ -0,0 +1,23 @@
+import { easeEmphasized } from './easing.js';
+export const enterExit = (node, options = {}) => {
+    const mode = options.mode ?? 'fade';
+    return {
+        delay: options.delay ?? 0,
+        duration: options.duration ?? 300,
+        easing: options.easing ?? easeEmphasized,
+        css: (t) => {
+            switch (mode) {
+                case 'scale':
+                    return `opacity: ${t}; transform: scale(${0.85 + t * 0.15});`;
+                case 'slide-up':
+                    return `opacity: ${t}; transform: translateY(${(1 - t) * 12}px);`;
+                case 'dialog':
+                    return `opacity: ${t}; transform: translateY(${(1 - t) * -24}px) scale(${0.9 + t * 0.1});`;
+                case 'dialog-m3':
+                    return `opacity: ${t}; transform: scale(${0.9 + t * 0.1});`;
+                default:
+                    return `opacity: ${t};`;
+            }
+        }
+    };
+};

package/dist/animation/index.d.ts

@@ -0,0 +1,5 @@
+export * from './easing.js';
+export * from './shapes.js';
+export * from './shapesAnimatable.js';
+export * from './shapesAnimatableSmall.js';
+export * from './transition.js';

package/dist/animation/index.js

@@ -0,0 +1,5 @@
+export * from './easing.js';
+export * from './shapes.js';
+export * from './shapesAnimatable.js';
+export * from './shapesAnimatableSmall.js';
+export * from './transition.js';

package/dist/animation/outroClass.d.ts

@@ -0,0 +1,3 @@
+export declare const outroClass: (node: Element) => {
+    destroy(): void;
+};

package/dist/animation/outroClass.js

@@ -0,0 +1,20 @@
+export const outroClass = (node) => {
+    const addClass = (e) => {
+        if (!(e.target instanceof Element))
+            return;
+        e.target.classList.add('leaving');
+    };
+    const removeClass = (e) => {
+        if (!(e.target instanceof Element))
+            return;
+        e.target.classList.remove('leaving');
+    };
+    node.addEventListener('outrostart', addClass);
+    node.addEventListener('outroend', removeClass);
+    return {
+        destroy() {
+            node.removeEventListener('outrostart', addClass);
+            node.removeEventListener('outroend', removeClass);
+        }
+    };
+};

package/dist/animation/shapes.d.ts

@@ -0,0 +1,35 @@
+export declare const pathCircle = "M350 190a160 160 0 1 1-320 0 160 160 0 0 1 320 0";
+export declare const pathSquare = "M350 202c0 44.7 0 67-7 84.8a100 100 0 0 1-56.2 56.2c-17.7 7-40 7-84.8 7h-24c-44.7 0-67 0-84.8-7A100 100 0 0 1 37 286.8c-7-17.7-7-40-7-84.8v-24c0-44.7 0-67 7-84.8A100 100 0 0 1 93.2 37c17.7-7 40-7 84.8-7h24c44.7 0 67 0 84.8 7A100 100 0 0 1 343 93.2c7 17.7 7 40 7 84.8z";
+export declare const pathSlanted = "M45.7 120.5C48.3 96 49.6 83.7 54.3 74a61 61 0 0 1 33.3-30.3C97.6 40 110 40 134.4 40h123.7c29.7 0 44.5 0 55.8 4.9 16.4 7 28.8 21 34 38.1 3.6 11.9 2 26.7-1 56.5l-12.6 120c-2.6 24.5-3.9 36.8-8.6 46.5a61 61 0 0 1-33.3 30.3c-10 3.7-22.3 3.7-46.8 3.7H121.9c-29.7 0-44.5 0-55.8-4.9-16.4-7-28.8-21-34-38.1-3.6-11.9-2-26.7 1-56.5z";
+export declare const pathArch = "M345 293.7c0 6.3 0 9.4-.3 12a44.6 44.6 0 0 1-39 39c-2.6.3-5.7.3-12 .3H86.3c-6.3 0-9.4 0-12-.3a44.6 44.6 0 0 1-39-39c-.3-2.6-.3-5.7-.3-12V190a155 155 0 0 1 310 0z";
+export declare const pathFan = "M40 87.4v-3.2C40.8 60 60.1 40.8 84.2 40h3.2l17.1.1A243 243 0 0 1 340 292.6v3.2c-.8 24.1-20.1 43.4-44.2 44.2H107.4c-20.3 0-30.5 0-38.6-3.2a46 46 0 0 1-25.6-25.6c-3.2-8-3.2-18.3-3.2-38.6z";
+export declare const pathArrow = "M262.4 105a201 201 0 0 0-31-41.1C218.9 52.2 202.8 44 186.3 45c-14.6 1-28 9-38.6 19.5a202 202 0 0 0-27 36.3l-66 103.8c-10.4 16.4-21 33.6-24 53.2a74 74 0 0 0 22.6 63.5c17.5 16.5 45.7 15.1 67 10.6 23.2-5 46-14.2 69.7-14.2 20.3 0 40 6.9 59.7 11.9s41 8 60 .6a67 67 0 0 0 40.3-62c-.4-24.4-26.5-66.5-26.5-66.5z";
+export declare const pathSemicircle = "M350 257a33 33 0 0 1-33 33H63a33 33 0 0 1-33-33v-7a160 160 0 1 1 320 0z";
+export declare const pathOval = "M271.3 271.3C201.7 341 109 361 64 316s-25-137.7 44.7-207.3C178.3 39 271 19 316 64s25 137.7-44.7 207.3";
+export declare const pathPill = "M116.1 71.8a135.8 135.8 0 1 1 192.1 192L264 308.3a135.8 135.8 0 1 1-192.1-192z";
+export declare const pathTriangle = "M136.5 98.2c15.1-26.4 22.7-39.6 31.8-45.1 13.4-8.1 30-8.1 43.4 0 9.1 5.5 16.7 18.7 31.8 45.1l81.8 142.5c15 26.1 22.5 39.2 22.7 49.9.3 15.5-8 29.8-21.6 37.3-9.4 5.1-24.5 5.1-54.6 5.1H108.2c-30.1 0-45.2 0-54.6-5.1A42 42 0 0 1 32 290.6c.2-10.7 7.7-23.8 22.7-49.9z";
+export declare const pathDiamond = "M247.4 306.5c-16.8 22-25.2 33-35 38a49 49 0 0 1-44.9 0c-9.7-5-18.1-16-35-38l-55.8-73.2c-10.3-13.4-15.4-20-18-27.3a48 48 0 0 1 0-32c2.6-7.2 7.7-14 18-27.3l55.9-73.2c16.8-22 25.2-33 35-38a49 49 0 0 1 44.9 0c9.7 5 18.1 16 35 38l55.8 73.2c10.3 13.4 15.4 20 18 27.3a48 48 0 0 1 0 32c-2.6 7.2-7.7 14-18 27.3z";
+export declare const pathClamshell = "M360.2 147c7.8 13.6 11.7 20.3 13.7 27.4a58 58 0 0 1 0 31.2c-2 7-6 13.8-13.7 27.3l-23.8 41.2a128 128 0 0 1-16.8 25.5 58 58 0 0 1-27 15.6c-7 1.8-14.9 1.8-30.5 1.8H118c-15.6 0-23.4 0-30.5-1.8a58 58 0 0 1-27-15.6c-5.1-5.3-9-12-16.8-25.5l-23.8-41.2C12 219.4 8.1 212.7 6.1 205.6a58 58 0 0 1 0-31.2c2-7 6-13.8 13.7-27.3l23.8-41.2c7.8-13.5 11.7-20.2 16.8-25.5a58 58 0 0 1 27-15.6c7-1.8 14.9-1.8 30.5-1.8H262c15.6 0 23.4 0 30.5 1.8a58 58 0 0 1 27 15.6c5.1 5.3 9 12 16.8 25.5z";
+export declare const pathPentagon = "M154.7 39.2a60 60 0 0 1 70.6 0l97.3 70.7a60 60 0 0 1 21.8 67l-37.1 114.5a60 60 0 0 1-57.1 41.4H129.9a60 60 0 0 1-57-41.4L35.5 177.0a60 60 0 0 1 21.8-67.1z";
+export declare const pathGem = "M133.4 65.8C151 53 159.8 46.6 169.1 43.4a65 65 0 0 1 41.8 0c9.3 3.2 18.1 9.6 35.7 22.4L286 94.4c10.4 7.6 15.6 11.4 19.9 16a65 65 0 0 1 13.8 22.8c2 5.9 3 12.2 5 25l7.2 49.3c3.4 22.4 5 33.6 3.3 43.6a65 65 0 0 1-20.7 37.8c-7.6 6.8-18 11.4-38.6 20.6l-46.8 20.9A140 140 0 0 1 204 340a65 65 0 0 1-28.2 0c-6.4-1.4-12.6-4.2-25-9.7L104 309.5c-20.7-9.2-31-13.8-38.6-20.6a65 65 0 0 1-20.7-37.8c-1.7-10 0-21.2 3.3-43.6l7.3-49.3c1.9-12.8 2.8-19.1 4.9-25q4.6-12.9 13.8-22.8c4.3-4.6 9.5-8.4 20-16z";
+export declare const pathVerySunny = "M166.7 43.2a27 27 0 0 1 46.6 0L225 63A27 27 0 0 0 255 75.3l22.4-5.6c19.8-5 37.9 13 32.9 33l-5.6 22.3A27 27 0 0 0 317 155l19.8 11.8a27 27 0 0 1 0 46.6L317 225a27 27 0 0 0-12.3 29.9l5.6 22.3c5 20-13 38-33 33l-22.3-5.6A27 27 0 0 0 225 317l-11.8 19.8a27 27 0 0 1-46.6 0L155 317a27 27 0 0 0-29.9-12.3l-22.4 5.6c-19.8 5-37.9-13-32.9-33l5.6-22.3c3-11.6-2-23.7-12.3-29.9l-19.8-11.8a27 27 0 0 1 0-46.6L63 155A27 27 0 0 0 75.3 125l-5.6-22.3c-5-20 13-38 33-33l22.3 5.6c11.6 3 23.7-2 29.9-12.3z";
+export declare const pathSunny = "M276.5 68.8c9.9.7 14.9 1 18.9 2.8a25 25 0 0 1 13 13c1.8 4 2.1 9 2.8 19l1.5 22.7c.3 4 .4 6 .9 8q1 4.1 3.2 7.8c1 1.6 2.4 3.2 5 6.2l15 17.1a60 60 0 0 1 11.5 15.4c2.3 6 2.3 12.5 0 18.4-1.6 4-5 7.8-11.5 15.4l-15 17.1c-2.6 3-4 4.6-5 6.2q-2.3 3.7-3.2 7.9c-.5 1.9-.6 4-.9 8l-1.5 22.7c-.7 10-1 14.9-2.8 18.9a25 25 0 0 1-13 13c-4 1.8-9 2.1-19 2.8l-22.7 1.5c-4 .3-6 .4-8 .9q-4 1-7.8 3.2c-1.6 1-3.1 2.4-6.2 5l-17.1 15a61 61 0 0 1-15.4 11.5c-6 2.3-12.5 2.3-18.4 0-4-1.6-7.8-5-15.4-11.5l-17.1-15c-3-2.6-4.6-4-6.2-5q-3.7-2.3-7.9-3.2c-1.9-.5-4-.6-8-.9l-22.7-1.5c-9.9-.7-14.9-1-18.9-2.8a25 25 0 0 1-13-13c-1.8-4-2.1-9-2.8-19l-1.5-22.7c-.3-4-.4-6-.9-8q-1-4.1-3.2-7.8c-1-1.6-2.4-3.2-5-6.2l-15-17.1a60 60 0 0 1-11.5-15.4c-2.3-6-2.3-12.5 0-18.4 1.6-4 5-7.8 11.5-15.4l15-17.1c2.6-3 4-4.6 5-6.2q2.3-3.7 3.2-7.9c.5-1.9.6-4 .9-8l1.5-22.7c.7-10 1-14.9 2.8-18.9a25 25 0 0 1 13-13c4-1.8 9-2.1 19-2.8l22.7-1.5c4-.3 6-.4 8-.9q4-1 7.8-3.2c1.6-1 3.1-2.4 6.2-5l17.1-15a61 61 0 0 1 15.4-11.5c6-2.3 12.5-2.3 18.4 0 4 1.6 7.8 5 15.4 11.5l17.1 15c3 2.6 4.6 4 6.2 5q3.7 2.3 7.9 3.2c1.9.5 4 .6 8 .9z";
+export declare const pathFourSidedCookie = "M230.4 50.5a75.4 75.4 0 0 1 99.1 99.1L325 160a75 75 0 0 0 0 60l4.5 10.4a75.4 75.4 0 0 1-99.1 99.1L220 325a75 75 0 0 0-60 0l-10.4 4.5a75.4 75.4 0 0 1-99.1-99.1L55 220a75 75 0 0 0 0-60l-4.5-10.4a75.4 75.4 0 0 1 99.1-99.1L160 55a75 75 0 0 0 60 0z";
+export declare const pathSixSidedCookie = "M134.2 54.6c31-30.1 80.5-30.1 111.6 0 9.5 9.2 21.2 15.9 34 19.5a80 80 0 0 1 55.7 96.4 80 80 0 0 0 0 39 80 80 0 0 1-55.8 96.4 80 80 0 0 0-33.9 19.5c-31 30.1-80.5 30.1-111.6 0a80 80 0 0 0-34-19.5 80 80 0 0 1-55.7-96.4 80 80 0 0 0 0-39A80 80 0 0 1 100.3 74a80 80 0 0 0 33.9-19.5";
+export declare const pathSevenSidedCookie = "m142.7 51.8 7-6a66 66 0 0 1 87.6 6l2.4 2A66 66 0 0 0 272 68.6l9 1.8a66 66 0 0 1 50.4 63.2l-.3 9.2-.2 3.2a66 66 0 0 0 7.2 31.6l1.5 2.9a66.2 66.2 0 0 1-13.7 87l-7.3 5.4c-1.3 1-2 1.4-2.6 2a66 66 0 0 0-21.4 28.2c-2 4.4-2.8 6.6-3.8 8.5a66 66 0 0 1-81.5 32.7l-3.1-.8a66 66 0 0 0-32.4 0l-3 .8-9 2.4A66 66 0 0 1 85.5 303l-1.3-2.9A66 66 0 0 0 64 274.7l-2.6-1.9a66.2 66.2 0 0 1-25.3-84.3c.9-1.9 2-4 4.3-8.1l1.5-2.9A66 66 0 0 0 49 146l-.2-3.2-.3-9.2A66 66 0 0 1 99 70.3c2-.5 4.4-1 9-1.8l3.2-.5a66 66 0 0 0 31.6-16.2";
+export declare const pathNineSidedCookie = "m154.8 43.3 3.4-2.8a53 53 0 0 1 67 2.8l1.5 1.2a53 53 0 0 0 33 11.3h4.3a52.6 52.6 0 0 1 48.7 40.8l.8 4.3.4 2a53 53 0 0 0 18 29.7l3.3 2.9a52.4 52.4 0 0 1 8.9 66.2l-1 1.8a52 52 0 0 0-5.4 34.3l.7 4.3a52.5 52.5 0 0 1-35.8 56.5l-2 .7a53 53 0 0 0-26.2 22.8l-2.2 3.7a53 53 0 0 1-63.9 20.3l-1.9-.6a53 53 0 0 0-32.9 0l-1.8.6-4.2 1.4a53 53 0 0 1-63-27.1c-6-9.6-14.7-17-25.2-21.1l-1.9-.7-4-1.6a52.5 52.5 0 0 1-30.8-61.2 52 52 0 0 0-5.7-32.3l-1-1.8-2.1-3.8a52.4 52.4 0 0 1 11-62.4l3.3-2.9 1.5-1.3A53 53 0 0 0 66.1 103l.4-2 .8-4.3A52.6 52.6 0 0 1 116 56l4.3-.1h2c11.3-.4 22.1-4.3 31-11.3z";
+export declare const pathTwelveSidedCookie = "m166.7 39.9 1-1a32.5 32.5 0 0 1 44.6 0l1 1 .6.6c8 7.6 19.4 10.6 30.1 8q.3 0 .9-.2l1.4-.3C263 44 280 53.8 285 70.2l.4 1.4.2.9a33 33 0 0 0 22 22l.9.2 1.4.4a32.5 32.5 0 0 1 22.3 38.6l-.4 1.4-.2.9c-2.6 10.7.4 22 8 30l.7.7 1 1a32.5 32.5 0 0 1 0 44.6l-1 1-.7.6a33 33 0 0 0-8 30.1q0 .3.2.9l.4 1.4c3.9 16.7-5.9 33.6-22.3 38.6l-1.4.4q-.7 0-.9.2a33 33 0 0 0-22 22l-.2.9q-.3 1-.4 1.4a32.5 32.5 0 0 1-38.6 22.2l-1.4-.3-.9-.2a33 33 0 0 0-30.7 8.7l-1 1a32.5 32.5 0 0 1-44.6 0l-1-1-.6-.7a33 33 0 0 0-30.1-8q-.3 0-.9.2l-1.4.3A32.5 32.5 0 0 1 95 309.8l-.4-1.4-.2-.9a33 33 0 0 0-22-22l-.9-.2-1.4-.4A32.5 32.5 0 0 1 48 246.3l.4-1.4.2-.9c2.6-10.7-.4-22-8-30l-.7-.7-1-1a32.5 32.5 0 0 1 0-44.6l1-1 .7-.6c7.6-8 10.6-19.4 8-30.1q0-.3-.2-.9l-.4-1.4A32.5 32.5 0 0 1 70.2 95l1.4-.4q.7 0 .9-.2a33 33 0 0 0 22-22l.2-.9q.4-1 .4-1.4A32.5 32.5 0 0 1 133.7 48l1.4.3.9.2c10.7 2.6 22-.4 30-8z";
+export declare const pathGhostish = "M40 182.9C40 103.9 107.2 40 190 40s150 64 150 142.9v100c0 31.5-26.9 57.1-60 57.1q-14.8-.1-27.3-6.2-6.2-3.1-12.5-6.5c-14.7-7.9-29.6-15.9-46-15.9h-8.5c-16.3 0-31.2 8-46 15.9l-12.4 6.5q-12.5 6.1-27.3 6.2c-33.1 0-60-25.6-60-57.1z";
+export declare const pathFourLeafClover = "M63 190a90 90 0 0 1-21-58c0-49.7 40.1-90 89.6-90a89 89 0 0 1 58.6 22 89 89 0 0 1 58.4-22 89.7 89.7 0 0 1 89.4 90c0 22.1-7.9 42.3-21 58 13.1 15.7 21 35.9 21 58 0 49.7-40 90-89.4 90a89 89 0 0 1-58.4-22 89 89 0 0 1-58.6 22A90 90 0 0 1 42 248a90 90 0 0 1 21-58";
+export declare const pathEightLeafClover = "M339.6 190c25.8 48.2 6.3 91.8-43.5 105-13.3 49.9-57 69.4-105.1 43.6-48.2 25.8-91.8 6.3-105-43.5C36 281.8 16.5 238 42.3 190 16.6 141.8 36.1 98.2 86 85 99.2 35 143 15.5 191 41.3c48.2-25.8 91.8-6.3 105 43.5 49.9 13.3 69.4 57 43.6 105.1";
+export declare const pathBurst = "M188.3 26.6q1-1.9 1.6-2.3 1.1-.6 2.2 0 .6.4 1.6 2.3L220 73.5q.6 1.2 1 1.5.7.6 1.7.4.5 0 1.6-.8l46.1-27.4q1.9-1.2 2.6-1.2 1.3 0 1.9 1 .3.6.2 2.9l-.7 53.7.1 1.8q.4.8 1.2 1.2l1.8.1 53.7-.7q2.3 0 2.8.2 1.1.6 1.1 2 0 .6-1.2 2.5l-27.4 46q-.8 1.3-.8 1.7-.2 1 .4 1.7l1.5 1 46.9 26.2q1.9 1 2.3 1.6.6 1.1 0 2.2-.4.6-2.3 1.6L307.5 219l-1.5 1a2 2 0 0 0-.4 1.7q0 .5.8 1.6l27.4 46.1q1.2 1.9 1.2 2.6 0 1.3-1 1.9-.6.3-2.9.2l-53.7-.7-1.8.1q-.8.4-1.2 1.2l-.1 1.8.7 53.7q0 2.3-.2 2.8-.6 1.1-2 1.1-.6 0-2.5-1.2l-46-27.4q-1.3-.8-1.7-.8a2 2 0 0 0-1.7.4l-1 1.5-26.2 46.9q-1 1.9-1.6 2.3-1.1.6-2.2 0-.6-.4-1.6-2.3L162 306.5l-1-1.5a2 2 0 0 0-1.7-.4q-.5 0-1.6.8l-46.1 27.4c-1.4.8-2 1.2-2.6 1.2q-1.2 0-1.9-1-.3-.6-.2-2.9l.7-53.7-.1-1.8q-.4-.8-1.2-1.2l-1.8-.1-53.7.7q-2.3 0-2.8-.2a2 2 0 0 1-1.1-2q0-.6 1.2-2.5l27.4-46q.8-1.3.8-1.7a2 2 0 0 0-.4-1.7q-.3-.4-1.5-1l-46.9-26.2q-1.9-1-2.3-1.6-.6-1.1 0-2.2.4-.6 2.3-1.6L74.5 161q1.2-.6 1.5-1 .6-.7.4-1.7 0-.5-.8-1.6l-27.4-46.1c-.8-1.4-1.2-2-1.2-2.6q0-1.2 1-1.9.6-.3 2.9-.2l53.7.7 1.8-.1q.8-.4 1.2-1.2l.1-1.8-.7-53.7q0-2.3.2-2.8.6-1.2 2-1.1.6 0 2.5 1.2l46 27.4q1.3.8 1.7.8a2 2 0 0 0 1.7-.4q.4-.3 1-1.5z";
+export declare const pathSoftBurst = "M176.2 33.2a17.6 17.6 0 0 1 29.6 0l16.4 26c4.5 7.1 13.6 10 21.5 6.9l28.8-11.6c12-4.8 25 4.5 24 17.2l-2.3 30.6c-.6 8.4 5 16 13.3 18l30.2 7.3c12.6 3 17.5 18 9.2 27.9l-20.1 23.4a17 17 0 0 0 0 22.2l20 23.4a17.2 17.2 0 0 1-9.1 27.9l-30.2 7.3c-8.3 2-13.9 9.6-13.3 18l2.3 30.6c1 12.7-12 22-24 17.2l-28.8-11.6c-7.9-3.1-17-.2-21.5 6.9l-16.4 26a17.6 17.6 0 0 1-29.6 0l-16.4-26a17.6 17.6 0 0 0-21.5-6.9l-28.8 11.6c-12 4.8-25-4.5-24-17.2l2.3-30.6c.6-8.4-5-16-13.3-18l-30.2-7.3c-12.6-3-17.5-18-9.2-27.9l20.1-23.4a17 17 0 0 0 0-22.2l-20-23.4a17.2 17.2 0 0 1 9.1-27.9l30.2-7.3c8.3-2 13.9-9.6 13.3-18l-2.3-30.6c-1-12.7 12-22 24-17.2l28.8 11.6c7.9 3.2 17 .2 21.5-6.9z";
+export declare const pathBoom = "M187.7 36.4q1-9.1 1.8-9.8c.8-.8 2.2-.8 3 0q.8.7 1.8 9.8L204 115q.4 3.6.9 4.3 1 1.2 2.6.5.8-.4 2.6-3.5l40.7-67.7q4.6-8 5.5-8.2c1.1-.4 2.4.1 2.8 1.2.3.8-.6 3.7-2.4 9.7l-22.7 75.7q-1.2 3.4-1 4.3.6 1.6 2.2 1.5c.7 0 1.7-.7 3.8-2.1l64.6-45.2Q311 80 312 80q1.8.3 2 2.3c0 .8-2 3.1-6 7.9L256.5 150q-2.5 2.8-2.5 3.5-.2 1.7 1.3 2.4.7.3 4.3-.5l77.3-14.8q8.8-1.9 9.8-1.4 1.5 1 1 2.9-.5.8-8.8 4.7l-71.2 33.6q-3.3 1.5-3.8 2.2-.7 1.5.3 2.7.6.7 4.1 1.3l76.6 18q8.9 2 9.6 2.8c.7 1 .5 2.3-.4 3q-.7.8-9.9.8l-78.6 1.6q-3.7-.1-4.3.5-1.3 1-.8 2.5c.2.7 1.2 1.4 3.2 3l62.7 47.7c4.9 3.8 7.4 5.7 7.5 6.5.3 1.1-.4 2.3-1.5 2.6q-.9.3-9.3-3.4l-72.5-30.7q-3.3-1.5-4.1-1.3-1.6.4-1.8 2 0 .9 1.7 4l38 69.3a34 34 0 0 1 4.3 9c-.2 1-1.3 1.9-2.5 1.7-.8 0-2.9-2.3-7.1-6.9l-53.8-57.7q-2.4-2.6-3.3-2.9-1.7-.3-2.4 1.1-.4.8 0 4.4l6.6 78.8q.9 9.1.3 10c-.6 1-2 1.2-3 .6q-.7-.6-3.7-9.2l-25.8-74.8q-1-3.4-1.8-4-1.3-.7-2.6 0-.7.6-1.8 4L162 344.5c-2 5.8-3 8.8-3.8 9.2-1 .6-2.3.3-3-.7q-.5-.7.4-10l6.6-78.7q.4-3.7 0-4.4a2 2 0 0 0-2.4-1q-.9 0-3.3 2.8l-53.8 57.7c-4.2 4.6-6.3 6.8-7.1 7q-2 0-2.5-1.9a34 34 0 0 1 4.3-9l38-69.2q1.8-3.1 1.7-4-.2-1.6-1.8-2-.8-.2-4 1.3l-72.6 30.7c-5.7 2.4-8.5 3.6-9.3 3.4a2 2 0 0 1-1.5-2.6c.1-.8 2.6-2.7 7.5-6.5l62.7-47.8c2-1.5 3-2.2 3.2-2.9q.5-1.6-.8-2.5-.6-.5-4.3-.5l-78.6-1.6q-9.1 0-10-.7c-.8-.8-1-2.1-.3-3q.6-.9 9.6-2.8l76.6-18q3.5-.8 4.1-1.4 1-1.2.3-2.7-.5-.7-3.8-2.2L43 147q-8.3-3.8-8.7-4.7c-.5-1-.1-2.3 1-3q.8-.4 9.7 1.5l77.3 14.8q3.6.8 4.3.5 1.6-.8 1.3-2.4 0-.8-2.5-3.5L74 90.3c-4-4.8-6-7.1-6.1-8s.9-2 2-2.2q1 0 8.4 5.3l64.6 45.2q2.9 2.1 3.8 2.1 1.6 0 2.1-1.5.3-.9-.9-4.3l-22.7-75.7q-2.8-8.8-2.4-9.7c.5-1 1.7-1.6 2.8-1.2q.9.3 5.5 8.2l40.7 67.7q1.8 3.1 2.6 3.5 1.5.6 2.6-.5.5-.7 1-4.3z";
+export declare const pathSoftBoom = "M205.6 116.8c22-110.4-51.1-110.4-29.1 0-22-110.4-89.5-82.5-27 11.2C87 34.3 35.4 86 129 148.5c-93.7-62.5-121.6 5-11.2 27-110.4-22-110.4 51 0 29-110.4 22-82.4 89.5 11.2 27C35.4 294 87 345.7 149.6 252c-62.6 93.6 4.9 121.6 26.8 11.2-22 110.4 51.1 110.4 29.2 0 22 110.4 89.4 82.4 26.8-11.2 62.6 93.6 114.3 42 20.6-20.5 93.6 62.5 121.6-5 11.2-27 110.4 22 110.4-51 0-29 110.4-22 82.4-89.5-11.2-27C346.6 86 295 34.3 232.4 128c62.6-93.6-4.9-121.6-26.8-11.2";
+export declare const pathFlower = "M303.1 76.9c-11.8-12-39-6-71.6 12.8C221.8 53.3 206.8 30 190 30s-31.8 23.3-41.6 59.7C115.8 70.9 88.7 65 77 76.9c-11.9 11.8-6 38.9 12.8 71.5C53.3 158.2 30 173.2 30 190s23.3 31.8 59.7 41.6C70.8 264.2 65 291.3 76.9 303c11.8 12 38.9 6 71.5-12.8 9.8 36.4 24.8 59.7 41.6 59.7s31.8-23.3 41.6-59.7c32.6 18.8 59.7 24.7 71.5 12.8 12-11.8 6-38.9-12.8-71.5 36.4-9.8 59.7-24.8 59.7-41.6s-23.3-31.8-59.7-41.6c18.8-32.6 24.7-59.7 12.8-71.5";
+export declare const pathPuffy = "M372 187.6a40 40 0 0 0-44.2-39.3q1.5-1 2.7-2.4a40 40 0 0 0 .8-56.5l-2.7-2.7a40 40 0 0 0-59 3.4l.2-3.6A40 40 0 0 0 230.4 46H227a40 40 0 0 0-36.6 23.9A40 40 0 0 0 153.9 46h-3.3a40 40 0 0 0-39.2 44.1l-2.4-2.7a40 40 0 0 0-59.3 2 40 40 0 0 0 3.4 59q-1.6-.3-3.6-.3A40 40 0 0 0 9 187.6v3.9a40 40 0 0 0 44.1 39.2l-2.7 2.4a40 40 0 0 0-.7 56.5l2.7 2.7a40 40 0 0 0 59-3.4l-.2 3.6a40 40 0 0 0 39.4 40.5h3.3a40 40 0 0 0 36.6-23.9 40 40 0 0 0 36.6 23.9h3.3a40 40 0 0 0 39.2-44.1l2.4 2.7a40 40 0 0 0 59.3-2 40 40 0 0 0-3.4-59q1.6.3 3.6.3a40 40 0 0 0 40.5-39.5v-3.9";
+export declare const pathPuffyDiamond = "M279.4 279.8c12-12.1 16.2-29.2 12.3-44.6a46.8 46.8 0 1 0 .2-90.8 46.7 46.7 0 0 0-57.2-55.7 46.7 46.7 0 1 0-90.5-.2 46.7 46.7 0 0 0-56.1 56 46.8 46.8 0 1 0 .2 90.7 46.8 46.8 0 0 0 55.7 57.1 46.8 46.8 0 1 0 90.9-.3 47 47 0 0 0 44.5-12.2";
+export declare const pathPixelCircle = "M253.6 34H126.4v20.2H83.1v26h-26v46.2H34v127.2h23.1v46.2h26v26h43.3V346h127.2v-20.2h43.3v-26h26v-46.2H346V126.4h-23.1V80.2h-26v-26h-43.3z";
+export declare const pathPixelTriangle = "M121.6 30H66v320h55.6v-27.8h43v-26.5H209v-30.6h36.5v-25h36.6v-30.6H314v-39h-31.8V140h-36.6v-25h-36.5V84.3h-44.5V57.8h-43z";
+export declare const pathBun = "M38.9 113.3A79.3 79.3 0 0 1 118.2 34h143.6a79.3 79.3 0 0 1 22.1 155.5q-.3.1-.3.5 0 .3.3.5A79.4 79.4 0 0 1 261.8 346H118.2a79.3 79.3 0 0 1-22.8-155.3q.5-.2.5-.7t-.5-.7a79 79 0 0 1-56.5-76";
+export declare const pathHeart = "M281.1 47.1c-21.7 0-41 10.2-53.6 26.1L190 114.5v-.1L152.5 73A68 68 0 0 0 99 47C60.9 47 30 78.4 30 117c0 34 28.4 59.5 49 83.9l61.3 73 46 54.5 3.7 4.5v.1l3.7-4.4 46-54.6 61.4-73c20.5-24.4 48.9-49.8 48.9-83.8 0-38.7-30.8-70-68.9-70";