@regardio/react 0.3.2 → 0.4.0

package/dist/components/link.js

@@ -1,111 +1,200 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext } from 'react';
+import React, { createContext, useContext, useCallback, isValidElement, cloneElement } from 'react';
 import { NavLink } from 'react-router';
-import { cva } from '../utils/cn';
-import { lowerCaseSzett } from '../utils/text';
-const PathResolverContext = createContext(null);
-export const PathResolverProvider = PathResolverContext.Provider;
-export function usePathResolver() {
-    return useContext(PathResolverContext);
-}
-export const LinkBase = ({ className, to, routeKey, children, onClick, viewTransition = true, ...props }) => {
-    const pathResolver = usePathResolver();
-    let path;
-    if (routeKey && pathResolver) {
-        path = pathResolver(routeKey);
-    }
-    else if (typeof to === 'string') {
-        path = to;
-    }
-    else {
-        path = to?.pathname ?? '';
-        if (to?.search)
-            path += to.search;
-        if (to?.hash)
-            path += to.hash;
+import { defineConfig } from 'cva';
+import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/link.tsx
+var { cva, compose } = defineConfig({
+  hooks: {
+    onComplete: (className) => {
+      return twMerge(className);
     }
-    const isExternal = path.startsWith('tel:') ||
-        path.startsWith('mailto:') ||
-        path.startsWith('#') ||
-        path.startsWith('http');
-    const handleClick = useCallback((event) => {
-        onClick?.(event);
-        if (event.defaultPrevented)
-            return;
-        if (path.startsWith('tel:') || path.startsWith('mailto:')) {
-            return;
-        }
-        if (path.startsWith('#')) {
-            event.preventDefault();
-            const element = document.getElementById(path.substring(1));
-            if (element) {
-                element.scrollIntoView({ behavior: 'smooth' });
-            }
-            return;
-        }
-        if (path.startsWith('http')) {
-            event.preventDefault();
-            window.open(path, '_blank', 'noopener,noreferrer');
-            return;
+  }
+});
+var lowerCaseSzett = (text, _returnType) => {
+  const processString = (str) => {
+    const parts = str.split(/(ß)/g);
+    return parts.map(
+      (part, index) => part === "\xDF" ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "lowercase",
+          children: part
+        },
+        index.toString()
+      ) : part
+    );
+  };
+  if (typeof text === "string") {
+    return processString(text);
+  }
+  if (isValidElement(text)) {
+    const element = text;
+    const { children, ...props } = element.props;
+    return cloneElement(element, {
+      ...props,
+      children: lowerCaseSzett(children)
+    });
+  }
+  if (Array.isArray(text)) {
+    return text.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: lowerCaseSzett(child) }, index.toString()));
+  }
+  return text;
+};
+var PathResolverContext = createContext(null);
+var PathResolverProvider = PathResolverContext.Provider;
+function usePathResolver() {
+  return useContext(PathResolverContext);
+}
+var LinkBase = ({
+  className,
+  to,
+  routeKey,
+  children,
+  onClick,
+  viewTransition = true,
+  ...props
+}) => {
+  const pathResolver = usePathResolver();
+  let path;
+  if (routeKey && pathResolver) {
+    path = pathResolver(routeKey);
+  } else if (typeof to === "string") {
+    path = to;
+  } else {
+    path = to?.pathname ?? "";
+    if (to?.search) path += to.search;
+    if (to?.hash) path += to.hash;
+  }
+  const isExternal = path.startsWith("tel:") || path.startsWith("mailto:") || path.startsWith("#") || path.startsWith("http");
+  const handleClick = useCallback(
+    (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented) return;
+      if (path.startsWith("tel:") || path.startsWith("mailto:")) {
+        return;
+      }
+      if (path.startsWith("#")) {
+        event.preventDefault();
+        const element = document.getElementById(path.substring(1));
+        if (element) {
+          element.scrollIntoView({ behavior: "smooth" });
         }
-    }, [onClick, path]);
-    if (!path) {
-        return _jsx(_Fragment, { children: typeof children === 'function' ? null : children });
-    }
-    if (isExternal) {
-        const externalState = {
-            isActive: false,
-            isPending: false,
-            isTransitioning: false,
-        };
-        const resolvedClassName = typeof className === 'function' ? className(externalState) : className;
-        const resolvedStyle = typeof props.style === 'function' ? props.style(externalState) : props.style;
-        return (_jsx("a", { className: resolvedClassName, href: path, onClick: handleClick, style: resolvedStyle, children: typeof children === 'function' ? children(externalState) : children }));
+        return;
+      }
+      if (path.startsWith("http")) {
+        event.preventDefault();
+        window.open(path, "_blank", "noopener,noreferrer");
+        return;
+      }
+    },
+    [onClick, path]
+  );
+  if (!path) {
+    return /* @__PURE__ */ jsx(Fragment, { children: typeof children === "function" ? null : children });
+  }
+  if (isExternal) {
+    const externalState = {
+      isActive: false,
+      isPending: false,
+      isTransitioning: false
+    };
+    const resolvedClassName = typeof className === "function" ? className(externalState) : className;
+    const resolvedStyle = typeof props.style === "function" ? props.style(externalState) : props.style;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: resolvedClassName,
+        href: path,
+        onClick: handleClick,
+        style: resolvedStyle,
+        children: typeof children === "function" ? children(externalState) : children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NavLink,
+    {
+      ...props,
+      className,
+      onClick: handleClick,
+      to: path,
+      viewTransition,
+      children
     }
-    return (_jsx(NavLink, { ...props, className: className, onClick: handleClick, to: path, viewTransition: viewTransition, children: children }));
+  );
 };
-const link = cva({
-    base: [],
-    defaultVariants: {
-        variant: 'primary',
-    },
-    variants: {
-        arrow: {
-            darr: 'darr',
-            larr: 'larr',
-            rarr: 'rarr',
-            uarr: 'uarr',
-        },
-        variant: {
-            button: [
-                'block',
-                'button',
-                'mt-s',
-                'relative',
-                'rarr',
-                'text-right',
-                'text-sm',
-                'tracking-wider',
-                'uppercase',
-            ],
-            code: ['font-monospace'],
-            link: ['rarr', '!bg-transparent', 'uppercase', '!tracking-wider'],
-            navtitle: ['block', 'uppercase', 'tracking-wider'],
-            primary: [],
-            subtitle: ['text-lg'],
-        },
+var link = cva({
+  base: [],
+  defaultVariants: {
+    variant: "primary"
+  },
+  variants: {
+    arrow: {
+      darr: "darr",
+      larr: "larr",
+      rarr: "rarr",
+      uarr: "uarr"
     },
+    variant: {
+      button: [
+        "block",
+        "button",
+        "mt-s",
+        "relative",
+        "rarr",
+        "text-right",
+        "text-sm",
+        "tracking-wider",
+        "uppercase"
+      ],
+      code: ["font-monospace"],
+      link: ["rarr", "!bg-transparent", "uppercase", "!tracking-wider"],
+      navtitle: ["block", "uppercase", "tracking-wider"],
+      primary: [],
+      subtitle: ["text-lg"]
+    }
+  }
 });
-export const Link = ({ arrow, children, className, routeKey, to, variant, viewTransition, ...props }) => {
-    return (_jsx(LinkBase, { ...props, className: link({
-            arrow,
-            className,
-            variant,
-        }), routeKey: routeKey, to: to, viewTransition: viewTransition, children: lowerCaseSzett(children) }));
-};
-export const MarkdownLink = ({ children, href, ...props }) => {
-    if (href) {
-        return (_jsx(Link, { to: href, ...props, children: children }));
+var Link = ({
+  arrow,
+  children,
+  className,
+  routeKey,
+  to,
+  variant,
+  viewTransition,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    LinkBase,
+    {
+      ...props,
+      className: link({
+        arrow,
+        className,
+        variant
+      }),
+      routeKey,
+      to,
+      viewTransition,
+      children: lowerCaseSzett(children)
     }
-    return null;
+  );
+};
+var MarkdownLink = ({ children, href, ...props }) => {
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: href,
+        ...props,
+        children
+      }
+    );
+  }
+  return null;
 };
+
+export { Link, LinkBase, MarkdownLink, PathResolverProvider, usePathResolver };

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

@@ -1,16 +1,19 @@
-import type { ComponentProps } from 'react';
-import { type VariantProps } from '../utils/cn';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva from 'cva';
+import { VariantProps } from 'cva';
+import { ComponentProps } from 'react';
+
 declare const li: (props?: ({
     variant?: "primary" | undefined;
 } & ({
-    class?: import("cva").ClassValue;
+    class?: cva.ClassValue;
     className?: never;
 } | {
     class?: never;
-    className?: import("cva").ClassValue;
+    className?: cva.ClassValue;
 })) | undefined) => string;
-export interface ListItemProps extends ComponentProps<'li'>, VariantProps<typeof li> {
+interface ListItemProps extends ComponentProps<'li'>, VariantProps<typeof li> {
 }
-export declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=list-item.d.ts.map
+declare const ListItem: (props: ListItemProps) => react_jsx_runtime.JSX.Element;
+
+export { ListItem, type ListItemProps };

package/dist/components/list-item.js

@@ -1,19 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from '../utils/cn';
-const li = cva({
-    defaultVariants: {
-        variant: 'primary',
-    },
-    variants: {
-        variant: {
-            primary: [],
-        },
-    },
+import { defineConfig } from 'cva';
+import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/utils/cn.ts
+var { cva, compose } = defineConfig({
+  hooks: {
+    onComplete: (className) => {
+      return twMerge(className);
+    }
+  }
 });
-export const ListItem = (props) => {
-    const { children, className, variant } = props;
-    return (_jsx("li", { className: li({
-            className,
-            variant,
-        }), children: children }));
+var li = cva({
+  defaultVariants: {
+    variant: "primary"
+  },
+  variants: {
+    variant: {
+      primary: []
+    }
+  }
+});
+var ListItem = (props) => {
+  const { children, className, variant } = props;
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: li({
+        className,
+        variant
+      }),
+      children
+    }
+  );
 };
+
+export { ListItem };

package/dist/components/maptiler-map.d.ts

@@ -1,4 +1,5 @@
-import '@maptiler/sdk/dist/maptiler-sdk.css';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
 interface MapTilerMarker {
     lat: number;
     lng: number;
@@ -21,6 +22,6 @@ interface MapTilerMapProps {
     apiKey: string;
     showPopupsImmediately?: boolean;
 }
-export declare const MapTilerMap: ({ markers, center, zoom, mapStyle, apiKey, showPopupsImmediately, }: MapTilerMapProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=maptiler-map.d.ts.map
+declare const MapTilerMap: ({ markers, center, zoom, mapStyle, apiKey, showPopupsImmediately, }: MapTilerMapProps) => react_jsx_runtime.JSX.Element;
+
+export { MapTilerMap };

package/dist/components/maptiler-map.js

@@ -1,116 +1,129 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { config, Map as MapTiler, Marker, Popup } from '@maptiler/sdk';
-import { useEffect, useRef } from 'react';
+import { config, Map, Marker, Popup } from '@maptiler/sdk';
+import { useRef, useEffect } 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];
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/maptiler-map.tsx
+var 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 Map({
+      center: calculatedCenter,
+      container: mapContainerRef.current,
+      style: `https://api.maptiler.com/maps/${mapStyle}/style.json?key=${apiKey}`,
+      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();
         }
-        else if (markers.length > 0) {
-            const firstMarker = markers[0];
-            if (firstMarker) {
-                calculatedCenter = [firstMarker.lng, firstMarker.lat];
-            }
-            else {
-                calculatedCenter = [13.404954, 52.520008];
-            }
+      }
+      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();
         }
-        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 }));
+      }
+      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 /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full",
+      ref: mapContainerRef
+    }
+  );
 };
+
+export { MapTilerMap };

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

@@ -1,13 +1,14 @@
-import { type MarkdownToJSX } from 'markdown-to-jsx';
-import type React from 'react';
-export declare function transformLink(to: string | Partial<{
+import { MarkdownToJSX } from 'markdown-to-jsx';
+import react__default from 'react';
+
+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<{
+type MDXComponent<P = object> = react__default.ComponentType<P>;
+type MarkdownOverrides = MarkdownToJSX.Options['overrides'];
+type MarkdownContainerProps = react__default.PropsWithChildren<{
     characters?: number;
     className?: string;
     locale: string;
@@ -16,5 +17,6 @@ export type MarkdownContainerProps = React.PropsWithChildren<{
     mdxComponents?: Record<string, MDXComponent>;
     markdownOverrides?: MarkdownOverrides;
 }>;
-export declare const MarkdownContainer: React.FC<MarkdownContainerProps>;
-//# sourceMappingURL=markdown-container.d.ts.map
+declare const MarkdownContainer: react__default.FC<MarkdownContainerProps>;
+
+export { type MDXComponent, MarkdownContainer, type MarkdownContainerProps, type MarkdownOverrides, transformLink };