@regardio/react 0.4.5 → 0.5.1

package/dist/components/leaflet-map.js

@@ -1,201 +0,0 @@
-import 'leaflet/dist/leaflet.css';
-import L from 'leaflet';
-import { useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/leaflet-map.tsx
-var LeafletMap = ({
-  markers,
-  mapUrl,
-  center,
-  zoom = 12,
-  icon = {
-    iconAnchor: [12, 41],
-    iconSize: [25, 41],
-    iconUrl: "/marker-icon-2x.png"
-  },
-  attribution = "",
-  showPopupsOnHover = false
-}) => {
-  const mapContainerRef = useRef(null);
-  const mapRef = useRef(null);
-  const markersRef = useRef([]);
-  useEffect(() => {
-    if (!mapContainerRef.current || typeof window === "undefined") return;
-    let calculatedCenter;
-    if (center) {
-      calculatedCenter = [center.lat, center.lng];
-    } else if (markers.length > 0) {
-      const firstMarker = markers[0];
-      if (firstMarker) {
-        calculatedCenter = [firstMarker.lat, firstMarker.lng];
-      } else {
-        calculatedCenter = [52.520008, 13.404954];
-      }
-    } else {
-      calculatedCenter = [52.520008, 13.404954];
-    }
-    if (mapRef.current) {
-      try {
-        markersRef.current.forEach((marker) => {
-          try {
-            mapRef.current?.removeLayer(marker);
-          } catch (_error) {
-          }
-        });
-        mapRef.current.remove();
-      } catch (_error) {
-      }
-    }
-    const container = mapContainerRef.current;
-    if (container) {
-      container.innerHTML = "";
-      const leafletContainer = container;
-      if (leafletContainer._leaflet_id) {
-        delete leafletContainer._leaflet_id;
-      }
-      container.setAttribute("data-map-initialized", "false");
-    }
-    const map = new L.Map(mapContainerRef.current, {
-      center: calculatedCenter,
-      scrollWheelZoom: false,
-      tapTolerance: 100,
-      zoom
-    });
-    new L.TileLayer(mapUrl, {
-      attribution
-    }).addTo(map);
-    const customIcon = new L.Icon({
-      iconAnchor: icon.iconAnchor,
-      iconSize: icon.iconSize,
-      iconUrl: icon.iconUrl
-    });
-    const newMarkers = [];
-    markers.forEach((marker) => {
-      const markerLatLng = [marker.lat, marker.lng];
-      const leafletMarker = new L.Marker(markerLatLng, {
-        icon: customIcon
-      }).addTo(map);
-      const offset = marker.offset || { x: 0, y: 0 };
-      let popupContent = "";
-      if (marker.htmlContent) {
-        popupContent = marker.htmlContent;
-      } else if (marker.content) {
-        popupContent = marker.content;
-      }
-      if (marker.imageUrl) {
-        const imageHtml = `<img src="${marker.imageUrl}" alt="${marker.imageAlt || ""}" style="max-width: 100%; height: auto; display: block; margin-bottom: 8px;" />`;
-        popupContent = imageHtml + popupContent;
-      }
-      if (popupContent) {
-        const popup = new L.Popup({
-          className: "custom-map-popup",
-          closeButton: false,
-          offset: [offset.x, offset.y]
-        }).setContent(popupContent);
-        leafletMarker.bindPopup(popup);
-        if (showPopupsOnHover) {
-          leafletMarker.on("mouseover", () => {
-            leafletMarker.openPopup();
-          });
-          leafletMarker.on("mouseout", () => {
-            leafletMarker.closePopup();
-          });
-        }
-      }
-      newMarkers.push(leafletMarker);
-    });
-    markersRef.current = newMarkers;
-    if (markers.length > 0) {
-      const bounds = new L.LatLngBounds(markers.map((m) => new L.LatLng(m.lat, m.lng)));
-      map.fitBounds(bounds, { padding: [20, 20] });
-    }
-    mapRef.current = map;
-    return () => {
-      if (mapRef.current) {
-        try {
-          markersRef.current.forEach((marker) => {
-            try {
-              mapRef.current?.removeLayer(marker);
-            } catch (_error) {
-            }
-          });
-          mapRef.current.remove();
-          mapRef.current = null;
-          if (mapContainerRef.current) {
-            mapContainerRef.current.innerHTML = "";
-            mapContainerRef.current.removeAttribute("data-map-initialized");
-          }
-        } catch (_error) {
-        }
-      }
-      markersRef.current = [];
-    };
-  }, [markers, mapUrl, zoom, icon, attribution, center, showPopupsOnHover]);
-  useEffect(() => {
-    const map = mapRef.current;
-    if (!map || typeof window === "undefined") return;
-    markersRef.current.forEach((marker) => {
-      try {
-        map.removeLayer(marker);
-      } catch (_error) {
-      }
-    });
-    markersRef.current = [];
-    const customIcon = new L.Icon({
-      iconAnchor: icon.iconAnchor,
-      iconSize: icon.iconSize,
-      iconUrl: icon.iconUrl
-    });
-    const newMarkers = [];
-    markers.forEach((marker) => {
-      const markerLatLng = [marker.lat, marker.lng];
-      const leafletMarker = new L.Marker(markerLatLng, {
-        icon: customIcon
-      }).addTo(map);
-      const offset = marker.offset || { x: 0, y: 0 };
-      let popupContent = "";
-      if (marker.htmlContent) {
-        popupContent = marker.htmlContent;
-      } else if (marker.content) {
-        popupContent = marker.content;
-      }
-      if (marker.imageUrl) {
-        const imageHtml = `<img src="${marker.imageUrl}" alt="${marker.imageAlt || ""}" style="max-width: 100%; height: auto; display: block; margin-bottom: 8px;" />`;
-        popupContent = imageHtml + popupContent;
-      }
-      if (popupContent) {
-        const popup = new L.Popup({
-          className: "custom-map-popup",
-          closeButton: false,
-          offset: [offset.x, offset.y]
-        }).setContent(popupContent);
-        leafletMarker.bindPopup(popup);
-        if (showPopupsOnHover) {
-          leafletMarker.on("mouseover", () => {
-            leafletMarker.openPopup();
-          });
-          leafletMarker.on("mouseout", () => {
-            leafletMarker.closePopup();
-          });
-        }
-      }
-      newMarkers.push(leafletMarker);
-    });
-    markersRef.current = newMarkers;
-    if (markers.length > 0) {
-      const bounds = new L.LatLngBounds(markers.map((m) => new L.LatLng(m.lat, m.lng)));
-      map.fitBounds(bounds, { padding: [20, 20] });
-    }
-  }, [markers, icon, showPopupsOnHover]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "h-full w-full",
-      ref: mapContainerRef
-    }
-  );
-};
-var leaflet_map_default = LeafletMap;
-
-export { LeafletMap, leaflet_map_default as default };

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

@@ -1,19 +0,0 @@
-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?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface ListItemProps extends ComponentProps<'li'>, VariantProps<typeof li> {
-}
-declare const ListItem: (props: ListItemProps) => react_jsx_runtime.JSX.Element;
-
-export { ListItem, type ListItemProps };

package/dist/components/list-item.js

@@ -1,37 +0,0 @@
-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);
-    }
-  }
-});
-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,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface MapTilerMarker {
-    lat: number;
-    lng: number;
-    id: string;
-    content?: string;
-    htmlContent?: string;
-    offset?: {
-        x: number;
-        y: number;
-    };
-}
-interface MapTilerMapProps {
-    markers: MapTilerMarker[];
-    center?: {
-        lat: number;
-        lng: number;
-    };
-    zoom?: number;
-    mapStyle?: string;
-    apiKey: string;
-    showPopupsImmediately?: boolean;
-}
-declare const MapTilerMap: ({ markers, center, zoom, mapStyle, apiKey, showPopupsImmediately, }: MapTilerMapProps) => react_jsx_runtime.JSX.Element;
-
-export { MapTilerMap };

package/dist/components/maptiler-map.js

@@ -1,129 +0,0 @@
-import { config, Map, Marker, Popup } from '@maptiler/sdk';
-import { useRef, useEffect } from 'react';
-import '@maptiler/sdk/dist/maptiler-sdk.css';
-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();
-        }
-      }
-      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 /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "h-full w-full",
-      ref: mapContainerRef
-    }
-  );
-};
-
-export { MapTilerMap };

package/dist/components/text.d.ts

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

package/dist/components/text.js

@@ -1,45 +0,0 @@
-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);
-    }
-  }
-});
-var text = cva({
-  base: ["relative", "block"],
-  defaultVariants: {
-    themeColor: "primary",
-    variant: "primary"
-  },
-  variants: {
-    themeColor: {
-      primary: []
-    },
-    variant: {
-      code: ["font-light", "font-monospace"],
-      primary: [],
-      subtitle: ["text-lg"]
-    }
-  }
-});
-var Text = (props) => {
-  const { children, className, variant, themeColor } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: text({
-        className,
-        themeColor,
-        variant
-      }),
-      children
-    }
-  );
-};
-
-export { Text };

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

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { ComponentProps } from 'react';
-
-declare const ul: (props?: ({
-    variant?: "primary" | "unstyled" | "inline" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface UnorderedListProps extends ComponentProps<'ul'>, VariantProps<typeof ul> {
-}
-declare const UnorderedList: (props: UnorderedListProps) => react_jsx_runtime.JSX.Element;
-
-export { UnorderedList, type UnorderedListProps };

package/dist/components/unordered-list.js

@@ -1,39 +0,0 @@
-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);
-    }
-  }
-});
-var ul = cva({
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: {
-      inline: ["flex", "flex-wrap", "list-none"],
-      primary: [],
-      unstyled: ["list-none", "p-0"]
-    }
-  }
-});
-var UnorderedList = (props) => {
-  const { children, className, variant } = props;
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: ul({
-        className,
-        variant
-      }),
-      children
-    }
-  );
-};
-
-export { UnorderedList };

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

@@ -1,12 +0,0 @@
-import * as react from 'react';
-
-declare const NonceContext: react.Context<string>;
-declare const NonceProvider: react.Provider<string>;
-declare const useNonce: () => string;
-/**
- * Generate a cryptographically secure nonce for CSP.
- * @returns A base64-encoded random nonce
- */
-declare function generateNonce(): string;
-
-export { NonceContext, NonceProvider, generateNonce, useNonce };

package/dist/hooks/use-nonce.js

@@ -1,13 +0,0 @@
-import { createContext, useContext } from 'react';
-
-// src/hooks/use-nonce.ts
-var NonceContext = createContext("");
-var NonceProvider = NonceContext.Provider;
-var useNonce = () => useContext(NonceContext);
-function generateNonce() {
-  const array = new Uint8Array(16);
-  crypto.getRandomValues(array);
-  return btoa(String.fromCharCode(...array));
-}
-
-export { NonceContext, NonceProvider, generateNonce, useNonce };

package/dist/utils/author.d.ts

@@ -1,9 +0,0 @@
-type AuthorInfo = {
-    name?: string;
-    email?: string;
-    url?: string;
-};
-declare function parseAuthorString(input: string): AuthorInfo;
-declare function generateLinkFromAuthorString(input: string): React.ReactNode;
-
-export { generateLinkFromAuthorString, parseAuthorString };

package/dist/utils/author.js

@@ -1,55 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-// src/utils/author.tsx
-var regex = /^(.*?)\s*(?:<([^>]+)>)?\s*(?:\(([^)]+)\))?$/;
-function parseAuthorString(input) {
-  const match = input.match(regex);
-  if (match) {
-    const [, name, email, url] = match;
-    const result = {};
-    if (email) {
-      result.email = email;
-    }
-    const trimmedName = name?.trim();
-    if (trimmedName) {
-      result.name = trimmedName;
-    }
-    if (url) {
-      result.url = url;
-    }
-    return result;
-  }
-  return {};
-}
-function generateLinkFromAuthorString(input) {
-  const match = input.match(regex);
-  if (match) {
-    const [, name, email, url] = match.map((part) => {
-      return part?.trim();
-    });
-    if (email) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "u-email p-name",
-          href: `mailto:${email}`,
-          children: name
-        }
-      );
-    }
-    if (url && (url.startsWith("/") || url.startsWith("http"))) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "u-url p-name",
-          href: url,
-          children: name
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: "p-name", children: name });
-  }
-  return;
-}
-
-export { generateLinkFromAuthorString, parseAuthorString };

package/dist/utils/cn.d.ts

@@ -1,9 +0,0 @@
-import * as cva$1 from 'cva';
-import { cx } from 'cva';
-export { VariantProps } from 'cva';
-
-declare const cva: cva$1.CVA;
-declare const compose: cva$1.Compose;
-declare const cn: (...inputs: Parameters<typeof cx>) => string;
-
-export { cn, compose, cva };

package/dist/utils/cn.js

@@ -1,14 +0,0 @@
-import { defineConfig, cx } from 'cva';
-import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
-
-// src/utils/cn.ts
-var { cva, compose } = defineConfig({
-  hooks: {
-    onComplete: (className) => {
-      return twMerge(className);
-    }
-  }
-});
-var cn = (...inputs) => twMerge(cx(inputs));
-
-export { cn, compose, cva };

package/dist/utils/is-route-active.d.ts

@@ -1,19 +0,0 @@
-/**
- * @name isRouteActive
- * @description A function to check if a route is active. This is used to
- * @param end
- * @param path
- * @param currentPath
- */
-declare function isRouteActive(path: string, currentPath: string, end?: boolean | ((path: string) => boolean) | undefined): boolean;
-/**
- * @name checkIfRouteIsActive
- * @description A function to check if a route is active. This is used to
- * highlight the active link in the navigation.
- * @param targetLink - The link to check against
- * @param currentRoute - the current route
- * @param depth - how far down should segments be matched?
- */
-declare function checkIfRouteIsActive(targetLink: string, currentRoute: string, depth?: number): boolean;
-
-export { checkIfRouteIsActive, isRouteActive };