@remotion/promo-pages 4.0.430 → 4.0.432

package/dist/components/homepage/VideoPlayerWithControls.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-console */
-/* eslint-disable react/require-default-props */
-import Hls from 'hls.js';
-// eslint-disable-next-line no-restricted-imports
-import 'plyr/dist/plyr.css';
-import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
-import './video-player.css';
-const useCombinedRefs = function (...refs) {
-    const targetRef = useRef(null);
-    useEffect(() => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function') {
-                ref(targetRef.current);
-            }
-            else {
-                ref.current = targetRef.current;
-            }
-        });
-    }, [refs]);
-    return targetRef;
-};
-export const VideoPlayerWithControls = forwardRef(({ playbackId, poster, currentTime, onLoaded, onError, onSize, autoPlay }, ref) => {
-    const videoRef = useRef(null);
-    const metaRef = useCombinedRefs(ref, videoRef);
-    const playerRef = useRef(null);
-    const [playerInitTime] = useState(Date.now());
-    const videoError = useCallback((event) => onError(event), [onError]);
-    const onImageLoad = useCallback((event) => {
-        const [w, h] = [event.target.width, event.target.height];
-        if (w && h) {
-            onSize({ width: w, height: h });
-            onLoaded();
-        }
-        else {
-            onLoaded();
-            console.error('Error getting img dimensions', event);
-        }
-    }, [onLoaded, onSize]);
-    /*
-     * See comment above -- we're loading the poster image just so we can grab the dimensions
-     * which determines styles for the player
-     */
-    useEffect(() => {
-        const img = new Image();
-        img.onload = (evt) => onImageLoad(evt);
-        img.src = poster;
-    }, [onImageLoad, poster]);
-    useEffect(() => {
-        const video = videoRef.current;
-        const src = `https://stream.mux.com/${playbackId}.m3u8`;
-        let hls;
-        hls = null;
-        if (video) {
-            video.addEventListener('error', videoError);
-            const Plyr = require('plyr');
-            playerRef.current = new Plyr(video, {
-                previewThumbnails: {
-                    enabled: true,
-                    src: `https://image.mux.com/${playbackId}/storyboard.vtt`,
-                },
-                storage: { enabled: false },
-                fullscreen: {
-                    iosNative: true,
-                },
-                captions: { active: true, language: 'auto', update: true },
-            });
-            if (video.canPlayType('application/vnd.apple.mpegurl')) {
-                // This will run in safari, where HLS is supported natively
-                video.src = src;
-            }
-            else if (Hls.isSupported()) {
-                // This will run in all other modern browsers
-                hls = new Hls();
-                hls.loadSource(src);
-                hls.attachMedia(video);
-                hls.on(Hls.Events.ERROR, (_event, data) => {
-                    if (data.fatal) {
-                        videoError(new ErrorEvent('HLS.js fatal error'));
-                    }
-                });
-            }
-            else {
-                console.error('This is an old browser that does not support MSE https://developer.mozilla.org/en-US/docs/Web/API/Media_Source_Extensions_API');
-            }
-        }
-        return () => {
-            if (video) {
-                video.removeEventListener('error', videoError);
-            }
-            if (hls) {
-                hls.destroy();
-            }
-        };
-    }, [playbackId, playerInitTime, videoError, videoRef]);
-    useEffect(() => {
-        const video = videoRef.current;
-        if (currentTime && video) {
-            video.currentTime = currentTime;
-        }
-    }, [currentTime]);
-    return (_jsx("div", { className: "video-container", children: _jsx("video", { ref: metaRef, autoPlay: autoPlay, poster: poster, controls: true, playsInline: true }) }));
-});

package/dist/components/homepage/WriteInReact.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const WriteInReact: React.FC;

package/dist/components/homepage/WriteInReact.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChooseTemplate } from './ChooseTemplate';
-import { GetStarted } from './GetStartedStrip';
-export const WriteInReact = () => {
-    return (_jsxs("div", { children: [_jsx("h1", { className: "text-5xl lg:text-[5em] text-center fontbrand font-black leading-none ", style: {
-                    textShadow: '0 5px 30px var(--background)',
-                }, children: "Make videos programmatically." }), _jsxs("p", { style: {
-                    textShadow: '0 5px 30px var(--background)',
-                }, className: "font-medium text-center text-lg", children: ["Create real MP4 videos with React. ", _jsx("br", {}), "Parametrize content, render server-side and build applications."] }), _jsx("br", {}), _jsx("div", { children: _jsx(GetStarted, {}) }), _jsx("br", {}), _jsx("br", {}), _jsx(ChooseTemplate, {})] }));
-};

package/dist/components/homepage/YouAreHere.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const YouAreHere: React.FC;

package/dist/components/homepage/YouAreHere.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const container = {
-    width: '100%',
-    display: 'inline-flex',
-    justifyContent: 'center',
-    position: 'relative',
-};
-const label = {
-    backgroundColor: 'var(--ifm-color-primary)',
-    fontWeight: 'bold',
-    color: 'white',
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 4,
-    paddingBottom: 4,
-    borderRadius: 6,
-    fontSize: 13,
-    position: 'absolute',
-    marginTop: -25,
-};
-export const YouAreHere = () => {
-    return (_jsx("div", { style: container, children: _jsx("div", { style: label, children: "YOU ARE HERE" }) }));
-};

package/dist/components/homepage/layout/Button.d.ts

@@ -1,22 +0,0 @@
-import type { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
-import React from 'react';
-type ExtraProps = {
-    readonly size: Size;
-    readonly fullWidth?: boolean;
-    readonly background: string;
-    readonly hoverColor?: string;
-    readonly color: string;
-    readonly loading: boolean;
-};
-type Size = 'sm' | 'bg';
-type Props = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & ExtraProps;
-type MandatoryProps = Omit<ExtraProps, 'background' | 'color' | 'hoverColor' | 'fullWidth'> & {
-    readonly fullWidth?: boolean;
-};
-type PrestyledProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & MandatoryProps;
-export declare const Button: React.FC<Props>;
-export declare const BlueButton: React.FC<PrestyledProps>;
-export declare const PlainButton: React.FC<PrestyledProps>;
-export declare const RedButton: React.FC<PrestyledProps>;
-export declare const ClearButton: React.FC<PrestyledProps>;
-export {};

package/dist/components/homepage/layout/Button.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { opacify } from 'polished';
-import { cn } from '../../../cn';
-import { RED, UNDERLAY_RED } from './colors';
-export const Button = (props) => {
-    var _a, _b, _c;
-    const { children, loading, hoverColor, fullWidth, color, size, className, ...other } = props;
-    const actualDisabled = other.disabled || loading;
-    return (_jsx("button", { type: "button", className: cn('text-base rounded-lg font-bold appearance-none border-2 border-solid border-black border-b-4 font-sans flex flex-row items-center justify-center ', className), disabled: actualDisabled, ...other, style: {
-            ...((_a = props.style) !== null && _a !== void 0 ? _a : {}),
-            padding: (_c = (_b = props.style) === null || _b === void 0 ? void 0 : _b.padding) !== null && _c !== void 0 ? _c : (props.size === 'sm' ? '10px 16px' : '16px 22px'),
-            color: props.color,
-            cursor: props.disabled ? 'default' : 'pointer',
-            backgroundColor: props.background,
-            opacity: props.disabled ? 0.7 : 1,
-            ...(fullWidth ? { width: '100%' } : {}),
-        }, children: children }));
-};
-export const BlueButton = (props) => {
-    return _jsx(Button, { ...props, background: "var(--blue-underlay)", color: "white" });
-};
-export const PlainButton = (props) => {
-    return (_jsx(Button, { ...props, background: "var(--plain-button)", color: "var(--text-color)" }));
-};
-export const RedButton = (props) => {
-    return (_jsx(Button, { ...props, background: UNDERLAY_RED, hoverColor: opacify(0.1, UNDERLAY_RED), color: RED }));
-};
-export const ClearButton = (props) => {
-    return (_jsx(Button, { ...props, background: "transparent", color: "var(--text-color)", hoverColor: "var(--clear-hover)" }));
-};

package/dist/components/homepage/layout/colors.d.ts

@@ -1,13 +0,0 @@
-export declare const PALETTE: {
-    BOX_STROKE: string;
-    TEXT_COLOR: string;
-    BORDER_COLOR: string;
-    BRAND: string;
-};
-export declare const FONTS: {
-    GTPLANAR: string;
-};
-export declare const UNDERLAY_BLUE: string;
-export declare const RED = "#e74c3c";
-export declare const UNDERLAY_RED: string;
-export declare const BLUE_TEXT: string;

package/dist/components/homepage/layout/colors.js

@@ -1,14 +0,0 @@
-import { darken, transparentize } from 'polished';
-export const PALETTE = {
-    BOX_STROKE: 'var(--box-stroke)',
-    TEXT_COLOR: 'var(--text-color)',
-    BORDER_COLOR: 'var(--border-color)',
-    BRAND: 'var(--ifm-color-primary)',
-};
-export const FONTS = {
-    GTPLANAR: 'GTPlanar',
-};
-export const UNDERLAY_BLUE = transparentize(0.85, '#42e9f5');
-export const RED = '#e74c3c';
-export const UNDERLAY_RED = transparentize(0.9, RED);
-export const BLUE_TEXT = darken(0.3, '#42e9f5');

package/dist/components/homepage/layout/use-color-mode.d.ts

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React, { type ReactNode } from 'react';
-type ContextValue = {
-    /** Current color mode. */
-    readonly colorMode: ColorMode;
-    /** Set new color mode. */
-    readonly setColorMode: (colorMode: ColorMode) => void;
-};
-export type ColorMode = 'light' | 'dark';
-export declare const ColorModeProvider: ({ children, colorMode, setColorMode, }: {
-    readonly children: React.ReactNode;
-    readonly setColorMode: (colorMode: ColorMode) => void;
-    readonly colorMode: ColorMode;
-}) => ReactNode;
-export declare function useColorMode(): ContextValue;
-export {};

package/dist/components/homepage/layout/use-color-mode.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React, { useContext, useMemo } from 'react';
-const Context = React.createContext(undefined);
-export const ColorModeProvider = ({ children, colorMode, setColorMode, }) => {
-    const value = useMemo(() => {
-        return { colorMode, setColorMode };
-    }, [colorMode, setColorMode]);
-    return _jsx(Context.Provider, { value: value, children: children });
-};
-export function useColorMode() {
-    const context = useContext(Context);
-    if (context === null || context === undefined) {
-        throw new Error('ColorModeProvider');
-    }
-    return context;
-}

package/dist/components/homepage/layout/use-el-size.d.ts

@@ -1,5 +0,0 @@
-export type Size = {
-    width: number;
-    height: number;
-};
-export declare const useElementSize: (ref: HTMLElement | null) => Size | null;

package/dist/components/homepage/layout/use-el-size.js

@@ -1,40 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-export const useElementSize = (ref) => {
-    const [size, setSize] = useState(null);
-    const observer = useMemo(() => {
-        if (typeof ResizeObserver === 'undefined') {
-            return;
-        }
-        return new ResizeObserver((entries) => {
-            setSize({
-                width: entries[0].contentRect.width,
-                height: entries[0].contentRect.height,
-            });
-        });
-    }, []);
-    const updateSize = useCallback(() => {
-        if (ref === null) {
-            return;
-        }
-        const rect = ref.getClientRects();
-        setSize({
-            width: rect[0].width,
-            height: rect[0].height,
-        });
-    }, [ref]);
-    useEffect(() => {
-        updateSize();
-        if (!observer) {
-            return;
-        }
-        if (ref) {
-            observer.observe(ref);
-        }
-        return () => {
-            if (ref) {
-                observer.unobserve(ref);
-            }
-        };
-    }, [observer, ref, updateSize]);
-    return size;
-};

package/dist/components/homepage/layout/use-mobile-layout.d.ts

@@ -1 +0,0 @@
-export declare const useMobileLayout: () => boolean;

package/dist/components/homepage/layout/use-mobile-layout.js

@@ -1,6 +0,0 @@
-import { useElementSize } from './use-el-size';
-export const useMobileLayout = () => {
-    var _a;
-    const containerSize = useElementSize(typeof document === 'undefined' ? null : document.body);
-    return ((_a = containerSize === null || containerSize === void 0 ? void 0 : containerSize.width) !== null && _a !== void 0 ? _a : Infinity) < 900;
-};

package/dist/components/icons/blank.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const Blank: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/blank.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Blank = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: _jsx("path", { fill: "currentColor", d: "M0 64C0 28.65 28.65 0 64 0H220.1C232.8 0 245.1 5.057 254.1 14.06L369.9 129.9C378.9 138.9 384 151.2 384 163.9V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM352 192H240C213.5 192 192 170.5 192 144V32H64C46.33 32 32 46.33 32 64V448C32 465.7 46.33 480 64 480H320C337.7 480 352 465.7 352 448V192zM347.3 152.6L231.4 36.69C229.4 34.62 226.8 33.18 224 32.48V144C224 152.8 231.2 160 240 160H351.5C350.8 157.2 349.4 154.6 347.3 152.6z" }) }));
-};

package/dist/components/icons/brain.d.ts

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

package/dist/components/icons/brain.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const BrainIcon = (props) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx("path", { d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z" }), _jsx("path", { d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z" }), _jsx("path", { d: "M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4" }), _jsx("path", { d: "M17.599 6.5a3 3 0 0 0 .399-1.375" }), _jsx("path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5" }), _jsx("path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396" }), _jsx("path", { d: "M19.938 10.5a4 4 0 0 1 .585.396" }), _jsx("path", { d: "M6 18a4 4 0 0 1-1.967-.516" }), _jsx("path", { d: "M19.967 17.484A4 4 0 0 1 18 18" })] }));
-};

package/dist/components/icons/clone.d.ts

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

package/dist/components/icons/clone.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CloneIcon = (props) => (_jsx("svg", { ...props, viewBox: "0 0 512 512", children: _jsx("path", { fill: "currentcolor", d: "M288 448L64 448l0-224 64 0 0-64-64 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-64-64 0 0 64zm-64-96l224 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L224 0c-35.3 0-64 28.7-64 64l0 224c0 35.3 28.7 64 64 64z" }) }));

package/dist/components/icons/code-hike.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const CodeHike: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/code-hike.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CodeHike = (props) => {
-    return (_jsxs("svg", { ...props, viewBox: "-100 -100 200 200", fill: "currentColor", children: [_jsx("path", { d: "M 70 60 L 42 -27 L 72 -27 L 100 60 Z" }), _jsx("path", { d: "M 20.419540229885058 40.05357142857142 L 42 -27 L 72 -27 L 50.41954022988506 40.05357142857142 Z" }), _jsx("path", { d: "M 20.419540229885058 40.05357142857142 L -15 -70 L 15 -70 L 50.41954022988506 40.05357142857142 Z" }), _jsx("path", { d: "M -50.41954022988506 40.05357142857142 L -15 -70 L 15 -70 L -20.419540229885058 40.05357142857142 Z" }), _jsx("path", { d: "M -50.41954022988506 40.05357142857142 L -72 -27 L -42 -27 L -20.419540229885058 40.05357142857142 Z" }), _jsx("path", { d: "M -100 60 L -72 -27 L -42 -27 L -70 60 Z" })] }));
-};

package/dist/components/icons/cubes.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const Cubes: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/cubes.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Cubes = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: _jsx("path", { fill: "currentColor", d: "M239.5 5.018C250.1 1.106 261.9 1.106 272.5 5.018L480.5 81.28C499.4 88.22 512 106.2 512 126.4V385.7C512 405.8 499.4 423.8 480.5 430.7L272.5 506.1C261.9 510.9 250.1 510.9 239.5 506.1L31.48 430.7C12.57 423.8 0 405.8 0 385.7V126.4C0 106.2 12.57 88.22 31.48 81.28L239.5 5.018zM261.5 35.06C257.1 33.76 254 33.76 250.5 35.06L44.14 110.7L256 193.1L467.9 110.7L261.5 35.06zM42.49 400.7L240 473.1V222L32 140.3V385.7C32 392.4 36.19 398.4 42.49 400.7V400.7zM272 473.1L469.5 400.7C475.8 398.4 480 392.4 480 385.7V140.3L272 222V473.1z" }) }));
-};

package/dist/components/icons/editor.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const EditorIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/editor.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const EditorIcon = (props) => {
-    return (_jsxs("svg", { viewBox: "0 0 251 251", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "4", y: "4", width: "52", height: "52", rx: "15", stroke: "currentColor", strokeWidth: "16" }), _jsx("rect", { x: "195", y: "4", width: "52", height: "52", rx: "15", stroke: "currentColor", strokeWidth: "16" }), _jsx("rect", { x: "4", y: "195", width: "52", height: "52", rx: "15", stroke: "currentColor", strokeWidth: "16" }), _jsx("rect", { x: "195", y: "195", width: "52", height: "52", rx: "15", stroke: "currentColor", strokeWidth: "16" }), _jsx("path", { d: "M55 222H196", stroke: "currentColor", strokeWidth: "16" }), _jsx("path", { d: "M30 60L30 191", stroke: "currentColor", strokeWidth: "16" }), _jsx("path", { d: "M221 60V191", stroke: "currentColor", strokeWidth: "16" }), _jsx("path", { d: "M55 30H196", stroke: "currentColor", strokeWidth: "16" })] }));
-};

package/dist/components/icons/js.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const JSIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/js.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const JSIcon = (props) => {
-    return (_jsx("svg", { className: "svg-inline--fa fa-js-square fa-w-14", viewBox: "0 0 448 512", ...props, children: _jsx("path", { fill: "currentColor", d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z" }) }));
-};

package/dist/components/icons/music.d.ts

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

package/dist/components/icons/music.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MusicIcon = (props) => {
-    return (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: _jsx("path", { fill: "currentColor", d: "M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7l0 72 0 264c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6L448 147 192 223.8 192 432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6L128 200l0-72c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z" }) }));
-};

package/dist/components/icons/next.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const NextIcon: React.FC<{
-    readonly style: React.CSSProperties;
-}>;

package/dist/components/icons/next.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const NextIcon = ({ style }) => {
-    return (_jsxs("svg", { fill: "none", viewBox: "0 0 180 180", style: style, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("mask", { height: "180", id: "mask0_292_250", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' }, width: "180", x: "0", y: "0", children: _jsx("circle", { cx: "90", cy: "90", fill: "currentcolor", r: "90" }) }), _jsxs("g", { mask: "url(#mask0_292_250)", children: [_jsx("circle", { cx: "90", cy: "90", fill: "currentcolor", r: "90" }), _jsx("path", { d: "M149.508 157.52L69.142 54H54V125.97H66.1136V69.3836L139.999 164.845C143.333 162.614 146.509 160.165 149.508 157.52Z", fill: "url(#paint0_linear_292_250)" }), _jsx("rect", { fill: "url(#paint1_linear_292_250)", height: "72", width: "12", x: "115", y: "54" })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: "paint0_linear_292_250", x1: "109", x2: "144.5", y1: "116.5", y2: "160.5", children: [_jsx("stop", { stopColor: "var(--background)" }), _jsx("stop", { offset: "1", stopColor: "var(--background)", stopOpacity: "0" })] }), _jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: "paint1_linear_292_250", x1: "121", x2: "120.799", y1: "54", y2: "106.875", children: [_jsx("stop", { stopColor: "var(--background)" }), _jsx("stop", { offset: "1", stopColor: "var(--background)", stopOpacity: "0" })] })] })] }));
-};

package/dist/components/icons/overlay.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const OverlayIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/overlay.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const OverlayIcon = (props) => {
-    return (_jsxs("svg", { viewBox: "0 0 576 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M251.1 407.9C274.5 418.7 301.5 418.7 324.9 407.9V407.8L476.9 337.6L530.1 362.2C538.6 366.1 544 374.6 544 384C544 393.4 538.6 401.9 530.1 405.8L311.5 506.8C296.6 513.7 279.4 513.7 264.5 506.8L45.9 405.8C37.4 401.9 32 393.4 32 384C32 374.6 37.4 366.1 45.9 362.2L99.1 337.7L251.1 407.9Z", fill: "currentcolor" }), _jsx("path", { d: "M277.8 132.7L495.2 230.1C505.4 234.7 512 244.8 512 256C512 267.2 505.4 277.3 495.2 281.9L277.8 379.3C270.1 382.4 263.5 384 256 384C248.5 384 241 382.4 234.2 379.3L16.76 281.9C6.561 277.3 0.0003 267.2 0.0003 256C0.0003 244.8 6.561 234.7 16.76 230.1L234.2 132.7C241 129.6 248.5 128 256 128C263.5 128 270.1 129.6 277.8 132.7Z", stroke: "currentcolor", transform: "translate(32, -25)", strokeWidth: "36" })] }));
-};

package/dist/components/icons/prompt-to-video.d.ts

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

package/dist/components/icons/prompt-to-video.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const PromptToVideoIcon = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: _jsx("path", { d: "M278.5 15.6C275 6.2 266 0 256 0s-19 6.2-22.5 15.6L174.2 174.2 15.6 233.5C6.2 237 0 246 0 256s6.2 19 15.6 22.5l158.6 59.4 59.4 158.6C237 505.8 246 512 256 512s19-6.2 22.5-15.6l59.4-158.6 158.6-59.4C505.8 275 512 266 512 256s-6.2-19-15.6-22.5L337.8 174.2 278.5 15.6z", fill: "currentColor" }) }));
-};

package/dist/components/icons/recorder.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const Recorder: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/recorder.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Recorder = (props) => {
-    return (_jsxs("svg", { viewBox: "0 0 700 700", ...props, children: [_jsx("path", { d: "M0 350C0 115.5 115.5 0 350 0C584.5 0 700 115.5 700 350C700 584.5 584.5 700 350 700C115.5 700 0 584.5 0 350Z", fill: "#F43B00", fillOpacity: "0.15" }), _jsx("path", { d: "M79.4595 344.324C79.4595 161.794 169.362 71.8915 351.892 71.8915C534.422 71.8915 624.324 161.794 624.324 344.324C624.324 526.854 534.422 616.756 351.892 616.756C169.362 616.756 79.4595 526.854 79.4595 344.324Z", fill: "#F43B00", fillOpacity: "0.3" }), _jsx("path", { d: "M155.135 343.378C155.135 212.185 219.752 147.567 350.946 147.567C482.139 147.567 546.756 212.185 546.756 343.378C546.756 474.571 482.139 539.189 350.946 539.189C219.752 539.189 155.135 474.571 155.135 343.378Z", fill: "#F43B00" })] }));
-};

package/dist/components/icons/remix.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const ReactRouterIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/remix.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ReactRouterIcon = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "800px", height: "800px", viewBox: "0 -58 256 256", version: "1.1", preserveAspectRatio: "xMidYMid", ...props, children: _jsxs("g", { children: [_jsx("path", { d: "M78.0659341,92.5875806 C90.8837956,92.5875806 101.274726,82.1966508 101.274726,69.3787894 C101.274726,56.5609279 90.8837956,46.1699982 78.0659341,46.1699982 C65.2480726,46.1699982 54.8571429,56.5609279 54.8571429,69.3787894 C54.8571429,82.1966508 65.2480726,92.5875806 78.0659341,92.5875806 Z M23.2087913,139.005163 C36.0266526,139.005163 46.4175825,128.614233 46.4175825,115.796372 C46.4175825,102.97851 36.0266526,92.5875806 23.2087913,92.5875806 C10.3909298,92.5875806 0,102.97851 0,115.796372 C0,128.614233 10.3909298,139.005163 23.2087913,139.005163 Z M232.791209,139.005163 C245.60907,139.005163 256,128.614233 256,115.796372 C256,102.97851 245.60907,92.5875806 232.791209,92.5875806 C219.973347,92.5875806 209.582418,102.97851 209.582418,115.796372 C209.582418,128.614233 219.973347,139.005163 232.791209,139.005163 Z", fill: "currentcolor" }), _jsx("path", { d: "M156.565464,70.3568084 C155.823426,62.6028163 155.445577,56.1490255 149.505494,51.6131676 C141.982638,45.8687002 133.461166,49.5960243 122.964463,45.8072968 C112.650326,43.3121427 105,34.1545727 105,23.2394367 C105,10.4046502 115.577888,0 128.626373,0 C138.29063,0 146.599638,5.70747659 150.259573,13.8825477 C155.861013,24.5221258 152.220489,35.3500418 159.258242,40.8041273 C167.591489,47.2621895 178.826167,42.5329154 191.362109,48.6517412 C195.390112,50.5026944 198.799584,53.4384578 201.202056,57.0769224 C203.604528,60.7153869 205,65.0565524 205,69.7183101 C205,80.633446 197.349674,89.7910161 187.035538,92.2861702 C176.538834,96.0748977 168.017363,92.3475736 160.494506,98.092041 C152.03503,104.551712 156.563892,115.358642 149.669352,126.774447 C145.756163,134.291567 137.802119,139.43662 128.626373,139.43662 C115.577888,139.43662 105,129.03197 105,116.197184 C105,106.873668 110.581887,98.832521 118.637891,95.1306146 C131.173833,89.0117889 142.408511,93.7410629 150.741758,87.2830007 C155.549106,83.5574243 156.565464,77.8102648 156.565464,70.3568084 Z", fill: "currentcolor" })] }) }));
-};

package/dist/components/icons/render-server.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const RenderServerIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/render-server.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RenderServerIcon = (props) => {
-    return (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), _jsx("path", { d: "m10 8 4 4-4 4" })] }));
-};

package/dist/components/icons/skia.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const SkiaIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/skia.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SkiaIcon = (props) => {
-    return (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", children: _jsx("path", { fill: "currentColor", d: "M288 400C288 461.9 237.9 512 176 512H32C14.33 512 0 497.7 0 480C0 462.3 14.33 448 32 448H36.81C54.44 448 66.4 429.1 64.59 411.6C64.2 407.8 64 403.9 64 400C64 338.1 114.1 288 176 288C178.8 288 181.5 288.1 184.3 288.3C184.1 285.7 183.1 282.1 183.1 280.3C183.1 244.6 201.1 210.1 229.1 189.1L474.3 12.25C499.7-6.279 534.9-3.526 557.2 18.74C579.4 41 582.2 76.16 563.7 101.6L386.1 345.1C365 374.9 331.4 392 295.7 392C293 392 290.3 391.9 287.7 391.7C287.9 394.5 287.1 397.2 287.1 400H288zM295.7 360C321.2 360 345.2 347.8 360.2 327.2L537.8 82.82C547.1 70.08 545.7 52.5 534.5 41.37C523.4 30.24 505.8 28.86 493.1 38.12L248.8 215.8C228.2 230.8 215.1 254.8 215.1 280.3C215.1 285.7 216.5 290.9 217.5 295.1L217.6 295.1C217.9 297.3 218.2 298.6 218.5 299.9L276.1 357.5C277.4 357.8 278.7 358.1 280 358.4L280 358.5C285.1 359.5 290.3 360 295.7 360L295.7 360zM253.5 380.1L195.9 322.5C194.5 322.2 193.2 321.8 191.9 321.6C186.7 320.5 181.4 320 176 320C131.8 320 96 355.8 96 400C96 402.8 96.14 405.6 96.43 408.3C98.15 425 93.42 441.9 83.96 455.1C74.31 468.5 58 480 36.81 480H176C220.2 480 256 444.2 256 400C256 394.6 255.5 389.3 254.4 384.1C254.2 382.8 253.9 381.5 253.5 380.1V380.1z" }) }));
-};

package/dist/components/icons/stargazer.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const Stargazer: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/stargazer.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Stargazer = (props) => {
-    return (_jsx("svg", { height: "1em", viewBox: "0 0 512 512", ...props, children: _jsx("path", { fill: "currentcolor", d: "M325.8 152.3c1.3 4.6 5.5 7.7 10.2 7.7s8.9-3.1 10.2-7.7L360 104l48.3-13.8c4.6-1.3 7.7-5.5 7.7-10.2s-3.1-8.9-7.7-10.2L360 56 346.2 7.7C344.9 3.1 340.7 0 336 0s-8.9 3.1-10.2 7.7L312 56 263.7 69.8c-4.6 1.3-7.7 5.5-7.7 10.2s3.1 8.9 7.7 10.2L312 104l13.8 48.3zM115.7 346.2L75.5 307l55.5-8.1c15.6-2.3 29.2-12.1 36.1-26.3l24.8-50.3 24.8 50.3c7 14.2 20.5 24 36.1 26.3l55.5 8.1-40.2 39.2c-11.3 11-16.4 26.9-13.8 42.4l9.5 55.4-49.5-26.1c-14-7.4-30.7-7.4-44.7 0L120 444l9.5-55.4c2.7-15.6-2.5-31.4-13.8-42.4zm54.7-188.8l-46.3 94L20.5 266.5C.9 269.3-7 293.5 7.2 307.4l74.9 73.2L64.5 483.9c-3.4 19.6 17.2 34.6 34.8 25.3l92.6-48.8 92.6 48.8c17.6 9.3 38.2-5.7 34.8-25.3L301.6 380.6l74.9-73.2c14.2-13.9 6.4-38.1-13.3-40.9L259.7 251.4l-46.3-94c-8.8-17.9-34.3-17.9-43.1 0zm258.4 85.8l11 38.6c1 3.6 4.4 6.2 8.2 6.2s7.1-2.5 8.2-6.2l11-38.6 38.6-11c3.6-1 6.2-4.4 6.2-8.2s-2.5-7.1-6.2-8.2l-38.6-11-11-38.6c-1-3.6-4.4-6.2-8.2-6.2s-7.1 2.5-8.2 6.2l-11 38.6-38.6 11c-3.6 1-6.2 4.4-6.2 8.2s2.5 7.1 6.2 8.2l38.6 11z" }) }));
-};

package/dist/components/icons/still.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const StillIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/still.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const StillIcon = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: _jsx("path", { fill: "currentColor", d: "M324.9 157.8c-11.38-17.38-39.89-17.31-51.23-.0625L200.5 268.5L184.1 245.9C172.7 229.1 145.9 229.9 134.4 245.9l-64.52 89.16c-6.797 9.406-7.75 21.72-2.547 32C72.53 377.5 83.05 384 94.75 384h322.5c11.41 0 21.8-6.281 27.14-16.38c5.312-10 4.734-22.09-1.516-31.56L324.9 157.8zM95.8 352l62.39-87.38l29.91 41.34C191.2 310.2 196.4 313.2 201.4 312.6c5.25-.125 10.12-2.781 13.02-7.188l83.83-129.9L415 352H95.8zM447.1 32h-384C28.65 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32V416zM144 192C170.5 192 192 170.5 192 144S170.5 96 144 96S96 117.5 96 144S117.5 192 144 192zM144 128c8.822 0 15.1 7.178 15.1 16S152.8 160 144 160S128 152.8 128 144S135.2 128 144 128z" }) }));
-};

package/dist/components/icons/tailwind.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const Tailwind: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/tailwind.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Tailwind = (props) => {
-    return (_jsxs("svg", { viewBox: "0 0 51 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M0 25.364C1.701 18.6 5.954 15.218 12.758 15.218C19.0815 15.218 21.9775 18.1395 24.4794 20.6634L24.48 20.664C26.015 22.213 27.403 23.613 29.344 24.096C32.746 24.941 35.723 23.673 38.275 20.291C36.574 27.055 32.321 30.436 25.517 30.436C19.1925 30.436 16.2975 27.5155 13.7956 24.9916L13.795 24.991C12.26 23.441 10.872 22.041 8.93 21.559C5.529 20.714 2.552 21.982 0 25.364Z", fill: "currentcolor" }), _jsx("path", { d: "M12 10.146C13.701 3.382 17.954 0 24.758 0C31.0815 0 33.9775 2.92151 36.4794 5.44536L36.48 5.446C38.015 6.995 39.403 8.395 41.344 8.878C44.746 9.723 47.723 8.455 50.275 5.073C48.574 11.837 44.321 15.218 37.517 15.218C31.1925 15.218 28.2975 12.2975 25.7956 9.77365L25.795 9.773C24.26 8.223 22.872 6.823 20.93 6.341C17.529 5.496 14.552 6.764 12 10.146Z", fill: "currentcolor" })] }));
-};

package/dist/components/icons/tiktok.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TikTok: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/tiktok.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TikTok = (props) => {
-    return (_jsx("svg", { ...props, viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentcolor", d: "M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z" }) }));
-};

package/dist/components/icons/timeline.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TimelineIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/timeline.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TimelineIcon = (props) => {
-    return (_jsxs("svg", { ...props, viewBox: "0 0 56 69", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M51.4313 38.0917L31.4998 52.4424C30.2419 53.3481 28.5581 53.3925 27.2543 52.5543L4.73299 38.0763C3.65291 37.382 3 36.1861 3 34.9021V6.77359C3 4.68949 4.68949 3 6.77358 3H49.2264C51.3105 3 53 4.68949 53 6.77358V35.0293C53 36.243 52.4163 37.3826 51.4313 38.0917Z", stroke: "currentcolor", strokeWidth: "5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M29 55L29 66", stroke: "currentcolor", strokeWidth: "5", strokeLinecap: "square" })] }));
-};

package/dist/components/icons/ts.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TypeScriptIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/ts.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TypeScriptIcon = (props) => {
-    return (_jsx("svg", { fill: "#000000", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "currentColor", d: "M3,5v14c0,1.105,0.895,2,2,2h14c1.105,0,2-0.895,2-2V5c0-1.105-0.895-2-2-2H5C3.895,3,3,3.895,3,5z M13.666,12.451h-2.118\tV19H9.841v-6.549H7.767V11h5.899V12.451z M13.998,18.626v-1.751c0,0,0.956,0.721,2.104,0.721c1.148,0,1.103-0.75,1.103-0.853\tc0-1.089-3.251-1.089-3.251-3.501c0-3.281,4.737-1.986,4.737-1.986l-0.059,1.559c0,0-0.794-0.53-1.692-0.53\tc-0.897,0-1.221,0.427-1.221,0.883c0,1.177,3.281,1.059,3.281,3.428C19,20.244,13.998,18.626,13.998,18.626z" }) }));
-};

package/dist/components/icons/tts.d.ts

@@ -1,3 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const TTSIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/components/icons/tts.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TTSIcon = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: _jsx("path", { fill: "currentColor", d: "M256 31.1c-141.4 0-255.1 93.13-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.623 7-8.373 17.25-4.623 26C5.816 474.3 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.1 9 60.16 14.25 92.9 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 416c-28.25 0-56.24-4.25-83.24-12.75c-9.516-3.068-19.92-1.461-28.07 4.338c-22.1 16.25-58.54 35.29-102.7 39.66c11.1-15.12 29.75-40.5 40.74-69.63l.1289-.3398c4.283-11.27 1.791-23.1-6.43-32.82C47.51 313.1 32.06 277.6 32.06 240c0-97 100.5-176 223.1-176c123.5 0 223.1 79 223.1 176S379.5 416 256 416zM272 272h-128c-8.801 0-16 7.199-16 15.1C127.1 296.8 135.2 304 144 304h128c8.801 0 15.1-7.204 15.1-16C287.1 279.2 280.8 272 272 272zM368 176h-224c-8.801 0-16 7.199-16 15.1C127.1 200.8 135.2 208 144 208h224c8.801 0 15.1-7.204 15.1-16C383.1 183.2 376.8 176 368 176z" }) }));
-};