@evershop/evershop 2.0.1 → 2.1.1

package/dist/components/common/ExtendableTable.js

@@ -0,0 +1,91 @@
+import Area from '@components/common/Area.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@components/common/ui/Table.js';
+import { _ } from '@evershop/evershop/lib/locale/translate/_';
+import React from 'react';
+const TableContext = React.createContext(null);
+export function useTableContext() {
+    const context = React.useContext(TableContext);
+    if (!context) {
+        throw new Error('useTableContext must be used within a TableProvider');
+    }
+    return context;
+}
+export function TableProvider({ children, name, initialColumns, tableData, onSort, currentSort }) {
+    const [columns, setColumns] = React.useState(initialColumns);
+    // Update columns when props change
+    React.useEffect(() => {
+        setColumns(initialColumns.map((col) => ({ ...col })));
+    }, [initialColumns]);
+    const addColumnBefore = React.useCallback((newColumn, beforeColumnKey) => {
+        setColumns((cols) => {
+            // Find index of the column to insert before
+            const index = cols.findIndex((col) => col.key === beforeColumnKey);
+            // If found, insert before it (index), else add to the start
+            const position = index !== -1 ? index : 0;
+            return [...cols.slice(0, position), newColumn, ...cols.slice(position)];
+        });
+    }, []);
+    const addColumnAfter = React.useCallback((newColumn, afterColumnKey) => {
+        setColumns((cols) => {
+            // Find index of the column to insert after
+            const index = cols.findIndex((col) => col.key === afterColumnKey);
+            // If found, insert after it (index + 1), else add to the end
+            const position = index !== -1 ? index + 1 : cols.length;
+            return [...cols.slice(0, position), newColumn, ...cols.slice(position)];
+        });
+    }, []);
+    const removeColumn = React.useCallback((key) => {
+        setColumns((cols) => cols.map((col) => (col.key === key ? { ...col, isRemoved: true } : col)));
+    }, []);
+    const contextValue = {
+        columns,
+        setColumns,
+        tableData,
+        currentSort,
+        addColumnBefore,
+        addColumnAfter,
+        removeColumn,
+        tableName: name
+    };
+    return (React.createElement(TableContext.Provider, { value: contextValue }, children));
+}
+export function ExtendableTable({ name, columns, initialData, loading = false, noHeader = false, emptyMessage = _('No data available'), onSort, currentSort, className = '' }) {
+    const handleSort = (key) => {
+        if (!onSort)
+            return;
+        const direction = (currentSort === null || currentSort === void 0 ? void 0 : currentSort.key) === key && currentSort.direction === 'asc'
+            ? 'desc'
+            : 'asc';
+        onSort(key, direction);
+    };
+    return (React.createElement(TableProvider, { name: name, initialColumns: columns, tableData: initialData, onSort: onSort, currentSort: currentSort },
+        React.createElement(TableContent, { loading: loading, noHeader: noHeader, onSort: onSort, currentSort: currentSort, emptyMessage: emptyMessage, className: className })));
+}
+// Separate component to use the context
+function TableContent({ loading = false, noHeader = false, onSort, currentSort, emptyMessage, className }) {
+    const { columns, tableData } = useTableContext();
+    const handleSort = (key) => {
+        if (!onSort)
+            return;
+        const direction = (currentSort === null || currentSort === void 0 ? void 0 : currentSort.key) === key && currentSort.direction === 'asc'
+            ? 'desc'
+            : 'asc';
+        onSort(key, direction);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Area, { id: 'shoppingCartItems' }),
+        React.createElement(Table, { className: className },
+            !noHeader && (React.createElement(TableHeader, null,
+                React.createElement(TableRow, null, columns
+                    .filter((col) => !col.isRemoved)
+                    .map((col) => (React.createElement(TableHead, { key: col.key, className: `${col.header.className} ${col.sortable ? 'cursor-pointer' : ''}`, onClick: () => col.sortable && handleSort(col.key), style: { width: col.width } },
+                    React.createElement("span", null, col.header.label),
+                    col.sortable && (currentSort === null || currentSort === void 0 ? void 0 : currentSort.key) === col.key && (React.createElement("span", { className: "text-blue-500" }, currentSort.direction === 'asc' ? '↑' : '↓')))))))),
+            React.createElement(TableBody, null, tableData.length === 0 ? (React.createElement(TableRow, null,
+                React.createElement(TableCell, { colSpan: columns.filter((col) => !col.isRemoved).length }, emptyMessage))) : (tableData.map((row, rowIndex) => (React.createElement(TableRow, { key: rowIndex }, columns
+                .filter((col) => !col.isRemoved)
+                .map((col) => (React.createElement(TableCell, { key: col.key, className: col.className, style: { width: col.width } }, col.render
+                ? col.render(row, rowIndex, loading)
+                : row[col.key])))))))))));
+}
+//# sourceMappingURL=ExtendableTable.js.map

package/dist/components/common/ExtendableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendableTable.js","sourceRoot":"","sources":["../../../src/components/common/ExtendableTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/Image.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ImageProps = {
+    src: string;
+    width: number;
+    height: number;
+    alt: string;
+    quality?: number;
+    priority?: boolean;
+    sizes?: string;
+    loading?: 'eager' | 'lazy' | undefined;
+    decoding?: 'async' | 'auto' | 'sync' | undefined;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | 'unset';
+    style?: React.CSSProperties;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+export declare function Image({ src, width, height, alt, quality, loading, decoding, priority, sizes, objectFit, ...props }: ImageProps): React.ReactElement | null;

package/dist/components/common/Image.js

@@ -0,0 +1,46 @@
+import { parseImageSizes } from '@evershop/evershop/lib/util/parseImageSizes';
+import React from 'react';
+export function Image({ src, width, height, alt, quality = 75, loading = 'eager', decoding = 'async', priority = false, sizes = '100vw', objectFit = 'unset', ...props }) {
+    const generateSrcSet = () => {
+        const imageSizes = parseImageSizes(sizes);
+        // Don't upscale beyond 3 times the original width, but be smarter about filtering
+        let filteredSizes = imageSizes.filter((size) => size <= width * 3);
+        if (filteredSizes.length < 2) {
+            // Add the original width
+            filteredSizes.push(width);
+            const smallerSizes = [
+                Math.round(width * 0.5), // 50% of original
+                Math.round(width * 0.75) // 75% of original
+            ].filter((size) => size >= 200 && !filteredSizes.includes(size)); // Don't go too small
+            filteredSizes = [...filteredSizes, ...smallerSizes];
+        }
+        if (!filteredSizes.includes(width)) {
+            filteredSizes.push(width);
+        }
+        filteredSizes = [...new Set(filteredSizes)].sort((a, b) => a - b);
+        return filteredSizes
+            .map((size) => {
+            // Construct the URL pointing to our image API
+            const url = `/images?src=${encodeURIComponent(src)}&w=${size}&q=${quality}`;
+            return `${url} ${size}w`;
+        })
+            .join(', ');
+    };
+    const srcset = generateSrcSet();
+    const fallbackSrc = `/images?src=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+    // Prepare the base style with responsive behavior
+    const baseStyle = {
+        // Modern responsive image approach
+        maxWidth: '100%', // Ensure image doesn't exceed its container
+        height: 'auto', // Maintain aspect ratio
+        objectFit: objectFit,
+        aspectRatio: `${width} / ${height}` // Maintain aspect ratio
+    };
+    return (React.createElement("img", { ...props, src: fallbackSrc, srcSet: srcset, sizes: sizes, alt: alt, 
+        // Set intrinsic dimensions to help browser calculate aspect ratio
+        width: width, height: height, style: {
+            ...baseStyle,
+            ...props.style
+        }, loading: loading, decoding: decoding, itemProp: priority ? 'preload' : undefined }));
+}
+//# sourceMappingURL=Image.js.map

package/dist/components/common/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,UAAU,KAAK,CAAC,EACpB,GAAG,EACH,KAAK,EACL,MAAM,EACN,GAAG,EACH,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,OAAO,EACjB,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,EACf,SAAS,GAAG,OAAO,EACnB,GAAG,KAAK,EACG;IACX,MAAM,cAAc,GAAG,GAAW,EAAE;QAClC,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC1C,kFAAkF;QAClF,IAAI,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;QAEnE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,yBAAyB;YACzB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAE1B,MAAM,YAAY,GAAG;gBACnB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,kBAAkB;gBAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,kBAAkB;aAC5C,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,qBAAqB;YAEvF,aAAa,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAED,aAAa,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAElE,OAAO,aAAa;aACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACZ,8CAA8C;YAC9C,MAAM,GAAG,GAAG,eAAe,kBAAkB,CAC3C,GAAG,CACJ,MAAM,IAAI,MAAM,OAAO,EAAE,CAAC;YAC3B,OAAO,GAAG,GAAG,IAAI,IAAI,GAAG,CAAC;QAC3B,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,eAAe,kBAAkB,CACnD,GAAG,CACJ,MAAM,KAAK,MAAM,OAAO,EAAE,CAAC;IAE5B,kDAAkD;IAClD,MAAM,SAAS,GAAG;QAChB,mCAAmC;QACnC,QAAQ,EAAE,MAAM,EAAE,4CAA4C;QAC9D,MAAM,EAAE,MAAM,EAAE,wBAAwB;QACxC,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG,KAAK,MAAM,MAAM,EAAE,CAAC,wBAAwB;KAC7D,CAAC;IAEF,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG;QACR,kEAAkE;QAClE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;YACL,GAAG,SAAS;YACZ,GAAG,KAAK,CAAC,KAAK;SACf,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAC1C,CACH,CAAC;AACJ,CAAC"}

package/dist/components/common/Link.d.ts

@@ -1,24 +1,140 @@
-declare function Link({ crossOrigin, href, rel, type }: {
-    crossOrigin?: string | undefined;
-    href: any;
-    rel: any;
-    type: any;
-}): React.JSX.Element;
-declare namespace Link {
-    namespace propTypes {
-        let crossOrigin: any;
-        let href: any;
-        let rel: any;
-        let type: any;
-    }
-    namespace defaultProps {
-        let crossOrigin_1: undefined;
-        export { crossOrigin_1 as crossOrigin };
-        let rel_1: undefined;
-        export { rel_1 as rel };
-        let type_1: undefined;
-        export { type_1 as type };
-    }
-}
-export default Link;
 import React from 'react';
+/**
+ * Valid values for the crossorigin attribute based on MDN specification
+ */
+export type CrossOrigin = 'anonymous' | 'use-credentials';
+/**
+ * Valid values for the fetchpriority attribute
+ */
+export type FetchPriority = 'high' | 'low' | 'auto';
+/**
+ * Valid values for the referrerpolicy attribute
+ */
+export type ReferrerPolicy = 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+/**
+ * Valid values for the as attribute when used with preload/modulepreload
+ */
+export type AsType = 'audio' | 'document' | 'embed' | 'fetch' | 'font' | 'image' | 'object' | 'script' | 'style' | 'track' | 'video' | 'worker';
+/**
+ * Valid values for the blocking attribute
+ */
+export type BlockingType = 'render';
+/**
+ * Complete props interface for the Link component
+ */
+export interface LinkProps extends Omit<React.LinkHTMLAttributes<HTMLLinkElement>, 'as' | 'crossOrigin' | 'fetchPriority' | 'referrerPolicy'> {
+    href: string;
+    rel: string;
+    as?: AsType;
+    blocking?: BlockingType;
+    crossOrigin?: CrossOrigin;
+    disabled?: boolean;
+    fetchPriority?: FetchPriority;
+    hrefLang?: string;
+    imageSizes?: string;
+    imageSrcSet?: string;
+    integrity?: string;
+    media?: string;
+    referrerPolicy?: ReferrerPolicy;
+    sizes?: string;
+    title?: string;
+    type?: string;
+}
+/**
+ * Link component that renders an HTML <link> element with comprehensive HTML5 support.
+ *
+ * This component supports all standard HTML5 link element attributes including:
+ * - Resource linking (stylesheets, icons, etc.)
+ * - Preloading resources with rel="preload"
+ * - Module preloading with rel="modulepreload"
+ * - CORS handling with crossOrigin
+ * - Security features like Subresource Integrity
+ * - Performance hints with fetchPriority
+ * - Media queries for conditional loading
+ * - All modern web standards compliance
+ *
+ * @example
+ * // Basic stylesheet
+ * <Link rel="stylesheet" href="/styles.css" />
+ *
+ * @example
+ * // Preload font with CORS
+ * <Link
+ *   rel="preload"
+ *   as="font"
+ *   href="/fonts/main.woff2"
+ *   type="font/woff2"
+ *   crossOrigin="anonymous"
+ * />
+ *
+ * @example
+ * // Responsive stylesheet with media query
+ * <Link
+ *   rel="stylesheet"
+ *   href="/mobile.css"
+ *   media="screen and (max-width: 600px)"
+ * />
+ *
+ * @example
+ * // Icon with sizes
+ * <Link
+ *   rel="apple-touch-icon"
+ *   sizes="180x180"
+ *   href="/apple-touch-icon.png"
+ * />
+ */
+export declare function Link(props: LinkProps): React.ReactElement;
+/**
+ * Convenience component for stylesheet links
+ */
+export declare function Stylesheet({ href, media, title, disabled, integrity, crossOrigin, fetchPriority, ...props }: Omit<LinkProps, 'rel'> & {
+    media?: string;
+    title?: string;
+    disabled?: boolean;
+}): React.ReactElement;
+/**
+ * Convenience component for favicon links
+ */
+export declare function Favicon({ href, sizes, type, ...props }: Omit<LinkProps, 'rel'> & {
+    sizes?: string;
+    type?: string;
+}): React.ReactElement;
+/**
+ * Convenience component for Apple Touch Icon links
+ */
+export declare function AppleTouchIcon({ href, sizes, type, ...props }: Omit<LinkProps, 'rel'> & {
+    sizes?: string;
+    type?: string;
+}): React.ReactElement;
+/**
+ * Convenience component for resource preloading
+ */
+export declare function Preload({ href, as, type, crossOrigin, integrity, fetchPriority, media, imageSizes, imageSrcSet, ...props }: Omit<LinkProps, 'rel'> & {
+    as: AsType;
+    type?: string;
+    crossOrigin?: CrossOrigin;
+    integrity?: string;
+    fetchPriority?: FetchPriority;
+    media?: string;
+    imageSizes?: string;
+    imageSrcSet?: string;
+}): React.ReactElement;
+/**
+ * Convenience component for module preloading
+ */
+export declare function ModulePreload({ href, as, integrity, fetchPriority, crossOrigin, ...props }: Omit<LinkProps, 'rel'> & {
+    as?: AsType;
+    integrity?: string;
+    fetchPriority?: FetchPriority;
+    crossOrigin?: CrossOrigin;
+}): React.ReactElement;
+/**
+ * Convenience component for DNS prefetch
+ */
+export declare function DNSPrefetch({ href, ...props }: Omit<LinkProps, 'rel'>): React.ReactElement;
+/**
+ * Convenience component for preconnect
+ */
+export declare function Preconnect({ href, crossOrigin, ...props }: Omit<LinkProps, 'rel'> & {
+    crossOrigin?: CrossOrigin;
+}): React.ReactElement;

package/dist/components/common/Link.js

@@ -1,17 +1,149 @@
-import PropTypes from 'prop-types';
+/* eslint-disable no-console */
 import React from 'react';
-export default function Link({ crossOrigin = 'anonymous', href, rel, type }) {
-    return React.createElement("link", { rel: rel, href: href, crossOrigin: crossOrigin, type: type });
-}
-Link.propTypes = {
-    crossOrigin: PropTypes.string,
-    href: PropTypes.string.isRequired,
-    rel: PropTypes.string,
-    type: PropTypes.string
-};
-Link.defaultProps = {
-    crossOrigin: undefined,
-    rel: undefined,
-    type: undefined
+/**
+ * Validates that required props are present based on rel value
+ */
+const validateProps = (props) => {
+    if (process.env.NODE_ENV === 'development') {
+        const { rel, as: asType, crossOrigin, href } = props;
+        // Check for 'as' attribute requirement with preload
+        if (rel === 'preload' && !asType) {
+            console.warn('Link: The "as" attribute is required when rel="preload"');
+        }
+        // Check for crossOrigin requirement with certain as values
+        if (asType && ['fetch', 'font'].includes(asType) && !crossOrigin) {
+            console.warn(`Link: The "crossOrigin" attribute is required when as="${asType}"`);
+        }
+        // Validate href is a proper URL format
+        if (href && !href.match(/^(https?:\/\/|\/|\.\/|\.\.\/|\w+:)/)) {
+            console.warn(`Link: Invalid href format "${href}". Expected a valid URL or path.`);
+        }
+    }
 };
+/**
+ * Link component that renders an HTML <link> element with comprehensive HTML5 support.
+ *
+ * This component supports all standard HTML5 link element attributes including:
+ * - Resource linking (stylesheets, icons, etc.)
+ * - Preloading resources with rel="preload"
+ * - Module preloading with rel="modulepreload"
+ * - CORS handling with crossOrigin
+ * - Security features like Subresource Integrity
+ * - Performance hints with fetchPriority
+ * - Media queries for conditional loading
+ * - All modern web standards compliance
+ *
+ * @example
+ * // Basic stylesheet
+ * <Link rel="stylesheet" href="/styles.css" />
+ *
+ * @example
+ * // Preload font with CORS
+ * <Link
+ *   rel="preload"
+ *   as="font"
+ *   href="/fonts/main.woff2"
+ *   type="font/woff2"
+ *   crossOrigin="anonymous"
+ * />
+ *
+ * @example
+ * // Responsive stylesheet with media query
+ * <Link
+ *   rel="stylesheet"
+ *   href="/mobile.css"
+ *   media="screen and (max-width: 600px)"
+ * />
+ *
+ * @example
+ * // Icon with sizes
+ * <Link
+ *   rel="apple-touch-icon"
+ *   sizes="180x180"
+ *   href="/apple-touch-icon.png"
+ * />
+ */
+export function Link(props) {
+    const { href, rel, as: asType, blocking, crossOrigin, disabled, fetchPriority, hrefLang, imageSizes, imageSrcSet, integrity, media, referrerPolicy, sizes, title, type, ...otherProps } = props;
+    // Validate props in development
+    validateProps(props);
+    // Build props object with only defined attributes
+    const linkProps = {
+        href,
+        rel,
+        ...otherProps
+    };
+    // Add optional attributes only if they are defined
+    if (asType !== undefined)
+        linkProps.as = asType;
+    if (blocking !== undefined)
+        linkProps.blocking = blocking;
+    if (crossOrigin !== undefined)
+        linkProps.crossOrigin = crossOrigin;
+    if (disabled !== undefined)
+        linkProps.disabled = disabled;
+    if (fetchPriority !== undefined)
+        linkProps.fetchPriority = fetchPriority;
+    if (hrefLang !== undefined)
+        linkProps.hrefLang = hrefLang;
+    if (imageSizes !== undefined)
+        linkProps.imageSizes = imageSizes;
+    if (imageSrcSet !== undefined)
+        linkProps.imageSrcSet = imageSrcSet;
+    if (integrity !== undefined)
+        linkProps.integrity = integrity;
+    if (media !== undefined)
+        linkProps.media = media;
+    if (referrerPolicy !== undefined)
+        linkProps.referrerPolicy = referrerPolicy;
+    if (sizes !== undefined)
+        linkProps.sizes = sizes;
+    if (title !== undefined)
+        linkProps.title = title;
+    if (type !== undefined)
+        linkProps.type = type;
+    return React.createElement("link", { ...linkProps });
+}
+/**
+ * Convenience component for stylesheet links
+ */
+export function Stylesheet({ href, media, title, disabled, integrity, crossOrigin, fetchPriority, ...props }) {
+    return (React.createElement(Link, { rel: "stylesheet", href: href, media: media, title: title, disabled: disabled, integrity: integrity, crossOrigin: crossOrigin, fetchPriority: fetchPriority, ...props }));
+}
+/**
+ * Convenience component for favicon links
+ */
+export function Favicon({ href, sizes, type = 'image/x-icon', ...props }) {
+    return React.createElement(Link, { rel: "icon", href: href, sizes: sizes, type: type, ...props });
+}
+/**
+ * Convenience component for Apple Touch Icon links
+ */
+export function AppleTouchIcon({ href, sizes, type = 'image/png', ...props }) {
+    return (React.createElement(Link, { rel: "apple-touch-icon", href: href, sizes: sizes, type: type, ...props }));
+}
+/**
+ * Convenience component for resource preloading
+ */
+export function Preload({ href, as, type, crossOrigin, integrity, fetchPriority, media, imageSizes, imageSrcSet, ...props }) {
+    return (React.createElement(Link, { rel: "preload", href: href, as: as, type: type, crossOrigin: crossOrigin, integrity: integrity, fetchPriority: fetchPriority, media: media, imageSizes: imageSizes, imageSrcSet: imageSrcSet, ...props }));
+}
+/**
+ * Convenience component for module preloading
+ */
+export function ModulePreload({ href, as, integrity, fetchPriority, crossOrigin, ...props }) {
+    return (React.createElement(Link, { rel: "modulepreload", href: href, as: as, integrity: integrity, fetchPriority: fetchPriority, crossOrigin: crossOrigin, ...props }));
+}
+/**
+ * Convenience component for DNS prefetch
+ */
+export function DNSPrefetch({ href, ...props }) {
+    return React.createElement(Link, { rel: "dns-prefetch", href: href, ...props });
+}
+/**
+ * Convenience component for preconnect
+ */
+export function Preconnect({ href, crossOrigin, ...props }) {
+    return (React.createElement(Link, { rel: "preconnect", href: href, crossOrigin: crossOrigin, ...props }));
+}
 //# sourceMappingURL=Link.js.map

package/dist/components/common/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/common/Link.jsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;IACzE,OAAO,8BAAM,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AAC9E,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,GAAG,EAAE,SAAS,CAAC,MAAM;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,WAAW,EAAE,SAAS;IACtB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;CAChB,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/LoadingBar.d.ts

@@ -1,3 +1,4 @@
-export default LoadingBar;
-declare function LoadingBar(): React.JSX.Element;
 import React from 'react';
+import './LoadingBar.scss';
+declare const LoadingBar: () => React.JSX.Element;
+export { LoadingBar };

package/dist/components/common/LoadingBar.js

@@ -1,4 +1,4 @@
-import { useAppState } from '@components/common/context/app';
+import { useAppState } from '@components/common/context/app.js';
 import React from 'react';
 import './LoadingBar.scss';
 const LoadingBar = function LoadingBar() {
@@ -30,5 +30,5 @@ const LoadingBar = function LoadingBar() {
             display: fetching === true ? 'block' : 'none'
         } }));
 };
-export default LoadingBar;
+export { LoadingBar };
 //# sourceMappingURL=LoadingBar.js.map

package/dist/components/common/LoadingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/components/common/LoadingBar.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,GAAG,SAAS,UAAU;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,gCAAgC;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YACzC,kCAAkC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;YAC5C,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC;gBAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YACpC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YAClC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SAC9C,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/components/common/LoadingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,GAAG,SAAS,UAAU;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,gCAAgC;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YACzC,kCAAkC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;YAC5C,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC;gBAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;YACpC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YAClC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6BACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SAC9C,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/common/Meta.d.ts

@@ -1,2 +1,96 @@
-export default function Meta(props: any): React.JSX.Element;
 import React from 'react';
+interface BaseMetaProps {
+    charset?: string;
+    content?: string;
+    httpEquiv?: 'content-type' | 'default-style' | 'refresh' | 'x-ua-compatible' | 'content-security-policy';
+    lang?: string;
+    scheme?: string;
+    media?: string;
+}
+interface NameMetaProps extends BaseMetaProps {
+    name: 'description' | 'keywords' | 'author' | 'viewport' | 'robots' | 'generator' | 'theme-color' | 'application-name' | 'color-scheme' | 'referrer' | string;
+    property?: never;
+    itemProp?: never;
+}
+interface PropertyMetaProps extends BaseMetaProps {
+    property: string;
+    name?: never;
+    itemProp?: never;
+}
+interface ItemPropMetaProps extends BaseMetaProps {
+    itemProp: string;
+    itemType?: string;
+    itemId?: string;
+    name?: never;
+    property?: never;
+    httpEquiv?: never;
+}
+interface HttpEquivMetaProps extends BaseMetaProps {
+    httpEquiv: 'content-type' | 'default-style' | 'refresh' | 'x-ua-compatible' | 'content-security-policy';
+    content: string;
+    name?: never;
+    property?: never;
+    itemProp?: never;
+}
+interface CharsetOnlyProps {
+    charset: 'utf-8' | string;
+    content?: never;
+    name?: never;
+    property?: never;
+    itemProp?: never;
+    httpEquiv?: never;
+    lang?: never;
+    scheme?: never;
+    media?: never;
+}
+type MetaProps = NameMetaProps | PropertyMetaProps | ItemPropMetaProps | HttpEquivMetaProps | CharsetOnlyProps;
+export declare function Meta(props: MetaProps): React.JSX.Element | null;
+export declare function MetaCharset({ charset }?: {
+    charset?: string;
+}): React.JSX.Element;
+export declare function MetaDescription({ description }: {
+    description: string;
+}): React.JSX.Element;
+export declare function MetaKeywords({ keywords }: {
+    keywords: string | string[];
+}): React.JSX.Element;
+export declare function MetaAuthor({ author }: {
+    author: string;
+}): React.JSX.Element;
+export declare function MetaThemeColor({ color, media }: {
+    color: string;
+    media?: string;
+}): React.JSX.Element;
+export declare function MetaViewport({ width, initialScale, maximumScale, userScalable }: {
+    width?: string | number;
+    initialScale?: number;
+    maximumScale?: number;
+    userScalable?: boolean;
+}): React.JSX.Element;
+export declare function MetaHttpEquiv({ httpEquiv, content }: {
+    httpEquiv: 'content-type' | 'default-style' | 'refresh' | 'x-ua-compatible' | 'content-security-policy';
+    content: string;
+}): React.JSX.Element;
+export declare function MetaOpenGraph({ type, title, description, image, url, siteName }: {
+    type?: 'website' | 'article' | 'product' | string;
+    title?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+    siteName?: string;
+}): React.JSX.Element;
+export declare function MetaTwitterCard({ card, site, creator, title, description, image }: {
+    card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+    site?: string;
+    creator?: string;
+    title?: string;
+    description?: string;
+    image?: string;
+}): React.JSX.Element;
+export declare function MetaRobots({ index, follow, noarchive, nosnippet }: {
+    index?: boolean;
+    follow?: boolean;
+    noarchive?: boolean;
+    nosnippet?: boolean;
+}): React.JSX.Element;
+export {};