@regardio/react 0.3.2

package/dist/components/maptiler-map.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { config, Map as MapTiler, Marker, Popup } from '@maptiler/sdk';
+import { useEffect, useRef } from 'react';
+import '@maptiler/sdk/dist/maptiler-sdk.css';
+export const MapTilerMap = ({ markers, center, zoom = 12, mapStyle = 'streets', apiKey, showPopupsImmediately = false, }) => {
+    const mapContainerRef = useRef(null);
+    const mapRef = useRef(null);
+    const markersRef = useRef([]);
+    useEffect(() => {
+        if (!mapContainerRef.current || typeof window === 'undefined')
+            return;
+        config.apiKey = apiKey;
+        let calculatedCenter;
+        if (center) {
+            calculatedCenter = [center.lng, center.lat];
+        }
+        else if (markers.length > 0) {
+            const firstMarker = markers[0];
+            if (firstMarker) {
+                calculatedCenter = [firstMarker.lng, firstMarker.lat];
+            }
+            else {
+                calculatedCenter = [13.404954, 52.520008];
+            }
+        }
+        else {
+            calculatedCenter = [13.404954, 52.520008];
+        }
+        const map = new MapTiler({
+            center: calculatedCenter,
+            container: mapContainerRef.current,
+            style: `https://api.maptiler.com/maps/${mapStyle}/style.json?key=${apiKey}`,
+            zoom: zoom,
+        });
+        map.on('styleimagemissing', (e) => {
+            const id = e.id;
+            console.warn(`Missing sprite image: ${id}`);
+        });
+        mapRef.current = map;
+        const newMarkers = [];
+        markers.forEach((marker) => {
+            const markerInstance = new Marker().setLngLat([marker.lng, marker.lat]).addTo(map);
+            let popupContent = '';
+            if (marker.htmlContent) {
+                popupContent = marker.htmlContent;
+            }
+            else if (marker.content) {
+                popupContent = marker.content;
+            }
+            if (popupContent) {
+                const popup = new Popup({
+                    closeButton: false,
+                    offset: marker.offset ? [marker.offset.x, marker.offset.y] : [0, 0],
+                }).setHTML(popupContent);
+                markerInstance.setPopup(popup);
+                if (showPopupsImmediately) {
+                    markerInstance.togglePopup();
+                }
+            }
+            newMarkers.push(markerInstance);
+        });
+        markersRef.current = newMarkers;
+        return () => {
+            if (mapRef.current) {
+                mapRef.current.remove();
+                mapRef.current = null;
+            }
+            markersRef.current = [];
+        };
+    }, [markers, apiKey, mapStyle, zoom, center, showPopupsImmediately]);
+    useEffect(() => {
+        const map = mapRef.current;
+        if (!map)
+            return;
+        markersRef.current.forEach((marker) => {
+            marker.remove();
+        });
+        markersRef.current = [];
+        const newMarkers = [];
+        markers.forEach((marker) => {
+            const markerInstance = new Marker().setLngLat([marker.lng, marker.lat]).addTo(map);
+            let popupContent = '';
+            if (marker.htmlContent) {
+                popupContent = marker.htmlContent;
+            }
+            else if (marker.content) {
+                popupContent = marker.content;
+            }
+            if (popupContent) {
+                const popup = new Popup({
+                    closeButton: false,
+                    offset: marker.offset ? [marker.offset.x, marker.offset.y] : [0, 0],
+                }).setHTML(popupContent);
+                markerInstance.setPopup(popup);
+                if (showPopupsImmediately) {
+                    markerInstance.togglePopup();
+                }
+            }
+            newMarkers.push(markerInstance);
+        });
+        markersRef.current = newMarkers;
+        if (markers.length > 1) {
+            const lngs = markers.map((m) => m.lng);
+            const lats = markers.map((m) => m.lat);
+            const minLng = Math.min(...lngs);
+            const maxLng = Math.max(...lngs);
+            const minLat = Math.min(...lats);
+            const maxLat = Math.max(...lats);
+            map.fitBounds([
+                [minLng, minLat],
+                [maxLng, maxLat],
+            ], { padding: 20 });
+        }
+    }, [markers, showPopupsImmediately]);
+    return (_jsx("div", { className: "h-full w-full", ref: mapContainerRef }));
+};

package/dist/components/markdown-container.d.ts

@@ -0,0 +1,20 @@
+import { type MarkdownToJSX } from 'markdown-to-jsx';
+import type React from 'react';
+export declare function transformLink(to: string | Partial<{
+    pathname?: string;
+    search?: string;
+    hash?: string;
+}> | undefined): string;
+export type MDXComponent<P = object> = React.ComponentType<P>;
+export type MarkdownOverrides = MarkdownToJSX.Options['overrides'];
+export type MarkdownContainerProps = React.PropsWithChildren<{
+    characters?: number;
+    className?: string;
+    locale: string;
+    paragraphs?: number;
+    sentences?: number;
+    mdxComponents?: Record<string, MDXComponent>;
+    markdownOverrides?: MarkdownOverrides;
+}>;
+export declare const MarkdownContainer: React.FC<MarkdownContainerProps>;
+//# sourceMappingURL=markdown-container.d.ts.map

package/dist/components/markdown-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-container.d.ts","sourceRoot":"","sources":["../../src/components/markdown-container.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACtF,MAAM,CAkBR;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC,CAAC;AAmEH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkC9D,CAAC"}

package/dist/components/markdown-container.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MDXProvider } from '@mdx-js/react';
+import Markdown, {} from 'markdown-to-jsx';
+import { cn } from '../utils/cn';
+import { replaceSpecialChars } from '../utils/text';
+const doubleNewlineRegex = /\n\n+/;
+function processTextOutsideMDXComponents(text, locale) {
+    const mdxTagRegex = /(<\/?[A-Za-z][^>]*>)/g;
+    return text
+        .split(mdxTagRegex)
+        .map((part) => (mdxTagRegex.test(part) ? part : replaceSpecialChars(part, locale)))
+        .join('');
+}
+export function transformLink(to) {
+    const targetDomainSubstring = 'regard';
+    if (typeof to === 'string') {
+        try {
+            const url = new URL(to);
+            if (url.hostname.includes(targetDomainSubstring)) {
+                return url.pathname + (url.search ?? '') + (url.hash ?? '');
+            }
+            return to;
+        }
+        catch {
+            return to;
+        }
+    }
+    else if (to?.pathname) {
+        return to.pathname + (to.search ?? '') + (to.hash ?? '');
+    }
+    return '';
+}
+const truncateText = (text, maxSentences, maxCharacters, maxParagraphs) => {
+    if (maxSentences === undefined && maxCharacters === undefined && maxParagraphs === undefined) {
+        return text;
+    }
+    const paragraphs = text.split(doubleNewlineRegex);
+    let truncatedText = '';
+    let charCount = 0;
+    let sentenceCount = 0;
+    let paragraphCount = 0;
+    for (const paragraph of paragraphs) {
+        if (maxParagraphs !== undefined && paragraphCount >= maxParagraphs) {
+            break;
+        }
+        const sentenceRegex = /(?<!\.\.\.)(?<!\b\w\.)\.(?:\s+|\n+)/g;
+        const parts = paragraph.split(sentenceRegex);
+        const delimiters = paragraph.match(sentenceRegex) || [];
+        for (let i = 0; i < parts.length; i++) {
+            const part = parts[i];
+            const delimiter = delimiters[i] || '';
+            if (part !== undefined) {
+                if ((maxSentences === undefined || sentenceCount < maxSentences) &&
+                    (maxCharacters === undefined ||
+                        charCount + part.length + delimiter.length <= maxCharacters)) {
+                    truncatedText += part + delimiter;
+                    charCount += part.length + delimiter.length;
+                    if (delimiter.includes('.')) {
+                        sentenceCount++;
+                    }
+                }
+                else {
+                    break;
+                }
+            }
+        }
+        paragraphCount++;
+        if ((maxSentences !== undefined && sentenceCount >= maxSentences) ||
+            (maxCharacters !== undefined && charCount >= maxCharacters)) {
+            break;
+        }
+        if (paragraphCount < paragraphs.length) {
+            truncatedText += '\n\n';
+        }
+    }
+    return truncatedText.trim();
+};
+export const MarkdownContainer = (props) => {
+    const rawText = props.children?.toString() || '';
+    let processedText = processTextOutsideMDXComponents(rawText, props.locale);
+    const shouldTruncate = Number.isInteger(props.sentences) ||
+        Number.isInteger(props.characters) ||
+        Number.isInteger(props.paragraphs);
+    if (shouldTruncate) {
+        processedText = truncateText(processedText, props.sentences, props.characters, props.paragraphs);
+    }
+    return (_jsx(MDXProvider, { components: props.mdxComponents, children: _jsx(Markdown, { className: cn('markdown', props.className), options: {
+                disableParsingRawHTML: false,
+                forceWrapper: true,
+                tagfilter: false,
+                ...(props.markdownOverrides ? { overrides: props.markdownOverrides } : {}),
+            }, children: processedText }) }));
+};

package/dist/components/password-input.d.ts

@@ -0,0 +1,9 @@
+import { Input } from '@base-ui/react/input';
+export interface InputProps extends React.ComponentPropsWithoutRef<typeof Input> {
+}
+export interface PasswordInputProps extends InputProps {
+    className?: string;
+}
+declare const PasswordInput: ({ className, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export { PasswordInput };
+//# sourceMappingURL=password-input.d.ts.map

package/dist/components/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/components/password-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI7C,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC;CAAG;AAEnF,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAmCjE,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/password-input.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@base-ui/react/button';
+import { Input } from '@base-ui/react/input';
+import { useState } from 'react';
+import { cn } from '../utils/cn';
+const PasswordInput = ({ className, ...props }) => {
+    const [showPassword, setShowPassword] = useState(false);
+    const togglePasswordVisibility = () => {
+        setShowPassword(!showPassword);
+    };
+    return (_jsxs("div", { className: 'relative', children: [_jsx(Input, { autoComplete: 'off', className: cn(className), type: showPassword ? 'text' : 'password', ...props }), _jsx(Button, { className: cn('absolute', 'right-[14px]', 'top-[35px]', 'flex', 'h-6', 'w-[20px]', 'cursor-pointer', 'flex-col', 'items-end', 'justify-center', 'text-gray-500'), onClick: togglePasswordVisibility, children: showPassword ? 'Off' : 'On' })] }));
+};
+export { PasswordInput };

package/dist/components/picture.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+export declare const screenSizeVariants: {
+    readonly lg: 1280;
+    readonly max: 1920;
+    readonly md: 960;
+    readonly min: 360;
+    readonly sm: 640;
+    readonly xl: 1600;
+    readonly xs: 480;
+};
+export type ImageFormat = {
+    size: string;
+    width: number;
+};
+export interface PictureProps {
+    alt: string;
+    baseUrl: string;
+    className?: string;
+    formats?: ImageFormat[];
+    imgClassName?: string;
+    placeholder?: string;
+    sizes?: string;
+}
+declare const Picture: React.FC<PictureProps>;
+export { Picture };
+//# sourceMappingURL=picture.d.ts.map

package/dist/components/picture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picture.d.ts","sourceRoot":"","sources":["../../src/components/picture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAaD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8DnC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/picture.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+export const screenSizeVariants = {
+    lg: 1280,
+    max: 1920,
+    md: 960,
+    min: 360,
+    sm: 640,
+    xl: 1600,
+    xs: 480,
+};
+const Picture = ({ alt, baseUrl, className, formats, imgClassName, placeholder = '{format}', sizes = '(max-width: 480px) 480px, (max-width: 768px) 600px, (max-width: 1200px) 1024px, 1920px', }) => {
+    const imageFormats = formats || [
+        { size: '480x360', width: 480 },
+        { size: '600x600', width: 600 },
+        { size: '1024x768', width: 1024 },
+        { size: '1920x1440', width: 1920 },
+    ];
+    if (imageFormats.length === 0) {
+        return null;
+    }
+    const isSimpleImage = (imageFormats.length === 1 && imageFormats[0]?.size === '') || !baseUrl.includes(placeholder);
+    if (isSimpleImage) {
+        return (_jsx("img", { alt: alt, className: cn(className, imgClassName), src: baseUrl }));
+    }
+    const srcSet = imageFormats
+        .map(({ size, width }) => {
+        const url = baseUrl.replace(placeholder, size);
+        return `${url} ${width}w`;
+    })
+        .join(', ');
+    const defaultFormat = imageFormats[0];
+    const defaultSrc = defaultFormat ? baseUrl.replace(placeholder, defaultFormat.size) : baseUrl;
+    return (_jsxs("picture", { className: className, children: [_jsx("source", { sizes: sizes, srcSet: srcSet }), _jsx("img", { alt: alt, className: cn(imgClassName), src: defaultSrc })] }));
+};
+export { Picture };

package/dist/components/protected-email.d.ts

@@ -0,0 +1,9 @@
+interface ProtectedEmailProps {
+    username: string;
+    domain: string;
+    text?: string;
+    className?: string;
+}
+export declare function ProtectedEmail({ username, domain, text, className }: ProtectedEmailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=protected-email.d.ts.map

package/dist/components/protected-email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"protected-email.d.ts","sourceRoot":"","sources":["../../src/components/protected-email.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CA8BxF"}

package/dist/components/protected-email.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export function ProtectedEmail({ username, domain, text, className }) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const fallbackText = text || `${username}(at)${domain}`;
+    const handleClick = (e) => {
+        if (mounted) {
+            window.location.href = `mailto:${username}@${domain}`;
+            e.preventDefault();
+        }
+    };
+    return (_jsx("a", { "aria-label": `Email address: ${username} at ${domain}`, className: className, "data-email-protected": "true", href: mounted ? '#email-protected' : undefined, onClick: handleClick, children: fallbackText }));
+}

package/dist/components/text.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'react';
+import { type VariantProps } from '../utils/cn';
+declare const text: (props?: ({
+    themeColor?: "primary" | undefined;
+    variant?: "code" | "primary" | "subtitle" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface TextProps extends ComponentProps<'p'>, VariantProps<typeof text> {
+}
+export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;;0BAgBR,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;CAAG;AAEpF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAcpC,CAAC"}

package/dist/components/text.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from '../utils/cn';
+const text = cva({
+    base: ['relative', 'block'],
+    defaultVariants: {
+        themeColor: 'primary',
+        variant: 'primary',
+    },
+    variants: {
+        themeColor: {
+            primary: [],
+        },
+        variant: {
+            code: ['font-light', 'font-monospace'],
+            primary: [],
+            subtitle: ['text-lg'],
+        },
+    },
+});
+export const Text = (props) => {
+    const { children, className, variant, themeColor } = props;
+    return (_jsx("div", { className: text({
+            className,
+            themeColor,
+            variant,
+        }), children: children }));
+};

package/dist/components/unordered-list.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import { type VariantProps } from '../utils/cn';
+declare const ul: (props?: ({
+    variant?: "primary" | "unstyled" | "inline" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface UnorderedListProps extends ComponentProps<'ul'>, VariantProps<typeof ul> {
+}
+export declare const UnorderedList: (props: UnorderedListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=unordered-list.d.ts.map

package/dist/components/unordered-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unordered-list.d.ts","sourceRoot":"","sources":["../../src/components/unordered-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAErD,QAAA,MAAM,EAAE;;;;;;;;0BAWN,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC;CAAG;AAE5F,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAatD,CAAC"}

package/dist/components/unordered-list.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from '../utils/cn';
+const ul = cva({
+    defaultVariants: {
+        variant: 'primary',
+    },
+    variants: {
+        variant: {
+            inline: ['flex', 'flex-wrap', 'list-none'],
+            primary: [],
+            unstyled: ['list-none', 'p-0'],
+        },
+    },
+});
+export const UnorderedList = (props) => {
+    const { children, className, variant } = props;
+    return (_jsx("ul", { className: ul({
+            className,
+            variant,
+        }), children: children }));
+};

package/dist/hooks/use-current-route-data.d.ts

@@ -0,0 +1,2 @@
+export declare function useCurrentRouteData<HeaderData>(): {} | HeaderData;
+//# sourceMappingURL=use-current-route-data.d.ts.map

package/dist/hooks/use-current-route-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-current-route-data.d.ts","sourceRoot":"","sources":["../../src/hooks/use-current-route-data.ts"],"names":[],"mappings":"AAOA,wBAAgB,mBAAmB,CAAC,UAAU,qBAU7C"}

package/dist/hooks/use-current-route-data.js

@@ -0,0 +1,12 @@
+import { useMemo } from 'react';
+import { useLocation, useMatches } from 'react-router';
+export function useCurrentRouteData() {
+    const location = useLocation();
+    const matchingRoutes = useMatches();
+    const route = useMemo(() => {
+        return matchingRoutes.find((route) => {
+            return route.pathname === location.pathname;
+        });
+    }, [matchingRoutes, location]);
+    return route?.data || undefined;
+}

package/dist/hooks/use-focus-search.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare function useFocusSearch(ref: RefObject<HTMLInputElement>): void;
+//# sourceMappingURL=use-focus-search.d.ts.map

package/dist/hooks/use-focus-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-search.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,wBAAgB,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,gBAAgB,CAAC,QAe9D"}

package/dist/hooks/use-focus-search.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+export function useFocusSearch(ref) {
+    useEffect(() => {
+        function handleKeyDown(event) {
+            if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+                event.preventDefault();
+                ref?.current?.focus();
+            }
+        }
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [ref]);
+}

package/dist/hooks/use-matches-data.d.ts

@@ -0,0 +1,2 @@
+export declare function useMatchesData<T>(id: string): T | undefined;
+//# sourceMappingURL=use-matches-data.d.ts.map

package/dist/hooks/use-matches-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-matches-data.d.ts","sourceRoot":"","sources":["../../src/hooks/use-matches-data.ts"],"names":[],"mappings":"AASA,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,CAS3D"}

package/dist/hooks/use-matches-data.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useMatches } from 'react-router';
+export function useMatchesData(id) {
+    const matchingRoutes = useMatches();
+    const route = useMemo(() => {
+        return matchingRoutes.find((route) => {
+            return route.id === id;
+        });
+    }, [matchingRoutes, id]);
+    return route?.data || undefined;
+}

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,2 @@
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAyBpD"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+export function useMediaQuery(query) {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia(query);
+        setMatches(mediaQuery.matches);
+        const handleChange = (event) => {
+            setMatches(event.matches);
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return () => {
+            mediaQuery.removeEventListener('change', handleChange);
+        };
+    }, [query]);
+    return matches;
+}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import { useEffect, useState } from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = useState(undefined);
+    useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/hooks/use-nonce.d.ts

@@ -0,0 +1,5 @@
+export declare const NonceContext: import("react").Context<string>;
+export declare const NonceProvider: import("react").Provider<string>;
+export declare const useNonce: () => string;
+export declare function generateNonce(): string;
+//# sourceMappingURL=use-nonce.d.ts.map

package/dist/hooks/use-nonce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nonce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-nonce.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,iCAA4B,CAAC;AACtD,eAAO,MAAM,aAAa,kCAAwB,CAAC;AAEnD,eAAO,MAAM,QAAQ,cAAiC,CAAC;AAMvD,wBAAgB,aAAa,IAAI,MAAM,CAItC"}

package/dist/hooks/use-nonce.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+export const NonceContext = createContext('');
+export const NonceProvider = NonceContext.Provider;
+export const useNonce = () => useContext(NonceContext);
+export function generateNonce() {
+    const array = new Uint8Array(16);
+    crypto.getRandomValues(array);
+    return btoa(String.fromCharCode(...array));
+}

package/dist/hooks/use-nonce.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-nonce.test.d.ts.map

package/dist/hooks/use-nonce.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nonce.test.d.ts","sourceRoot":"","sources":["../../src/hooks/use-nonce.test.ts"],"names":[],"mappings":""}

package/dist/hooks/use-nonce.test.js

@@ -0,0 +1,27 @@
+import { describe, expect, test } from 'vitest';
+import { generateNonce } from './use-nonce';
+describe('generateNonce', () => {
+    test('generates a string', () => {
+        const nonce = generateNonce();
+        expect(typeof nonce).toBe('string');
+    });
+    test('generates a non-empty string', () => {
+        const nonce = generateNonce();
+        expect(nonce.length).toBeGreaterThan(0);
+    });
+    test('generates base64-encoded string', () => {
+        const nonce = generateNonce();
+        expect(nonce).toMatch(/^[A-Za-z0-9+/=]+$/);
+    });
+    test('generates unique nonces', () => {
+        const nonces = new Set();
+        for (let i = 0; i < 100; i++) {
+            nonces.add(generateNonce());
+        }
+        expect(nonces.size).toBe(100);
+    });
+    test('generates nonce of expected length', () => {
+        const nonce = generateNonce();
+        expect(nonce.length).toBe(24);
+    });
+});

package/dist/hooks/use-orientation.d.ts

@@ -0,0 +1,3 @@
+export type Orientation = 'portrait' | 'landscape';
+export declare function useOrientation(): Orientation;
+//# sourceMappingURL=use-orientation.d.ts.map

package/dist/hooks/use-orientation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-orientation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-orientation.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC;AAMnD,wBAAgB,cAAc,IAAI,WAAW,CAoC5C"}