@schemavaults/ui 0.11.128

package/dist/components/ui/fullscreen-image/fullscreen-image.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { m, AnimatePresence } from "../../../framer-motion";
+import { X, ZoomIn } from "lucide-react";
+import { cn } from "../../../lib/utils";
+/**
+ * @name FullscreenImage
+ *
+ * @returns A React component that displays an enlargeable image. Click the normal/inline image to view it within a fullscreen modal.
+ */
+function FullscreenImage({ src, alt, fullscreenSrc, ImageComponent, imageProps, fullscreenImageProps, thumbnail, thumbnailClassName, fullscreenClassName, disableZoomCursor = false, loadingComponent, onOpen, onClose, className, ...props }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const openFullscreen = useCallback(() => {
+        setIsOpen(true);
+        setIsLoading(true);
+        onOpen?.();
+    }, [onOpen]);
+    const closeFullscreen = useCallback(() => {
+        setIsOpen(false);
+        setIsLoading(false);
+        onClose?.();
+    }, [onClose]);
+    // Handle escape key
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape" && isOpen) {
+                closeFullscreen();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscape);
+            // Prevent body scroll when fullscreen is open
+            document.body.style.overflow = "hidden";
+        }
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+            document.body.style.overflow = "unset";
+        };
+    }, [isOpen, closeFullscreen]);
+    const handleImageLoad = () => {
+        setIsLoading(false);
+    };
+    let thumbnailContent;
+    if (!!thumbnail) {
+        thumbnailContent = thumbnail;
+    }
+    else {
+        if (!!ImageComponent) {
+            const customThumbnailProps = {
+                src,
+                alt,
+                ...imageProps,
+                className: cn("w-full h-full object-cover", imageProps?.className),
+            };
+            thumbnailContent = _jsx(ImageComponent, { ...customThumbnailProps });
+        }
+        else {
+            thumbnailContent = (_jsx("img", { src: src, alt: alt, ...props, className: cn("w-full h-full object-cover", className) }));
+        }
+    }
+    let fullscreenImageClassName;
+    if (typeof fullscreenImageProps?.className === "string") {
+        fullscreenImageClassName = cn(fullscreenImageProps.className, fullscreenClassName);
+    }
+    else {
+        fullscreenImageClassName = cn("max-w-full max-h-full object-contain rounded-lg shadow-2xl", fullscreenClassName);
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(m.div, { className: cn("relative group overflow-hidden rounded-lg", !disableZoomCursor && "cursor-zoom-in", thumbnailClassName), onClick: openFullscreen, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: { duration: 0.2 }, children: [thumbnailContent, !disableZoomCursor && (_jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-200 flex items-center justify-center", children: _jsx(ZoomIn, { className: "text-white opacity-0 group-hover:opacity-100 transition-opacity duration-200 w-8 h-8" }) }))] }), _jsx(AnimatePresence, { children: isOpen && (_jsxs(m.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, className: "fixed inset-0 z-50 flex items-center justify-center", onClick: closeFullscreen, children: [_jsx("div", { className: "absolute inset-0 bg-black/90" }), _jsx("button", { onClick: closeFullscreen, className: cn("absolute", "top-4 right-4", "z-[1000]", "p-2", "rounded-full", "bg-black/50 hover:bg-black/70", "text-white", "transition-colors duration-200", "focus:outline-none focus:ring-2 focus:ring-white/50"), "aria-label": "Close fullscreen image", children: _jsx(X, { className: "w-6 h-6" }) }), isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center z-50", children: loadingComponent || (_jsx("div", { className: "w-8 h-8 border-2 border-white/30 border-t-white rounded-full animate-spin" })) })), _jsx(m.div, { initial: { scale: 0.5, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.5, opacity: 0 }, transition: {
+                                duration: 0.4,
+                                ease: [0.32, 0.72, 0, 1], // Custom easing for smooth animation
+                            }, className: cn("fullscreen-image-component-container", "relative", "max-w-[95vw] max-h-[95vh]", "flex", "items-center justify-center", props.fullscreenContainerClassName), onClick: (e) => e.stopPropagation(), children: ImageComponent ? (_jsx(ImageComponent, { src: fullscreenSrc || src, alt: alt, ...fullscreenImageProps, onLoad: handleImageLoad, className: fullscreenImageClassName })) : (_jsx("img", { src: fullscreenSrc || src, alt: alt, onLoad: handleImageLoad, className: fullscreenImageClassName })) })] })) })] }));
+}
+FullscreenImage.displayName = "FullscreenImage";
+export { FullscreenImage };
+//# sourceMappingURL=fullscreen-image.js.map

package/dist/components/ui/fullscreen-image/fullscreen-image.js.map

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

package/dist/components/ui/fullscreen-image/index.d.ts

@@ -0,0 +1,3 @@
+export { FullscreenImage } from "./fullscreen-image";
+export type * from "./fullscreen-image";
+export { FullscreenImage as default } from "./fullscreen-image";

package/dist/components/ui/fullscreen-image/index.js

@@ -0,0 +1,3 @@
+export { FullscreenImage } from "./fullscreen-image";
+export { FullscreenImage as default } from "./fullscreen-image";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/fullscreen-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/fullscreen-image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ui/hover-card/hover-card.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithoutRef } from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: import("react").FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: import("react").ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: {
+    ({ className, align, sideOffset, ...props }: ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/hover-card/hover-card.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { cn } from "../../../lib/utils";
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = ({ className, align = "center", sideOffset = 4, ...props }) => (_jsx(HoverCardPrimitive.Content, { align: align, sideOffset: sideOffset, className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.js.map

package/dist/components/ui/hover-card/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../src/components/ui/hover-card/hover-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC;AAE1C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,OAAO,CAAC;AAEpD,MAAM,gBAAgB,GAAG,CAAC,EACxB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACoD,EAAE,EAAE,CAAC,CACjE,KAAC,kBAAkB,CAAC,OAAO,IACzB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,4aAA4a,EAC5a,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/hover-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./hover-card";
+export type * from "./hover-card";

package/dist/components/ui/hover-card/index.js

@@ -0,0 +1,2 @@
+export * from "./hover-card";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/hover-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/hover-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/ui/icon/DefaultIconSize.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_ICON_SIZE: 24;
+export default DEFAULT_ICON_SIZE;

package/dist/components/ui/icon/DefaultIconSize.js

@@ -0,0 +1,3 @@
+export const DEFAULT_ICON_SIZE = 24;
+export default DEFAULT_ICON_SIZE;
+//# sourceMappingURL=DefaultIconSize.js.map

package/dist/components/ui/icon/DefaultIconSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIconSize.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/DefaultIconSize.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAA4B,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/ui/icon/Icon.d.ts

@@ -0,0 +1,4 @@
+export { Icon, Icon as default } from "./IconFacade";
+export type { IconProps } from "./IconProps";
+export { DEFAULT_ICON_SIZE } from "./DefaultIconSize";
+export { svgDataUrlPrefix } from "./SvgDataUrl";

package/dist/components/ui/icon/Icon.js

@@ -0,0 +1,5 @@
+// Icon.tsx
+export { Icon, Icon as default } from "./IconFacade";
+export { DEFAULT_ICON_SIZE } from "./DefaultIconSize";
+export { svgDataUrlPrefix } from "./SvgDataUrl";
+//# sourceMappingURL=Icon.js.map

package/dist/components/ui/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/Icon.tsx"],"names":[],"mappings":"AAAA,WAAW;AAEX,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/ui/icon/IconFacade.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from "react";
+import type { IconProps } from "./IconProps";
+export declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/components/ui/icon/IconFacade.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import IconFromSvgFilepath from "./IconFromSvgFilepath";
+import IconFromUtf8XmlSvg from "./IconFromUtf8XmlSvg";
+import DEFAULT_ICON_SIZE from "./DefaultIconSize";
+import RenderSvg from "./RenderSvg";
+import IconFromSvgDataUrl from "./IconFromSvgDataUrl";
+function determineIconDisplayMethod(src) {
+    if (typeof src === "string") {
+        if (src.endsWith(".svg")) {
+            return "filepath";
+        }
+        else if (src.startsWith("data:")) {
+            return "dataurl";
+        }
+        else if (src.includes("<svg")) {
+            return "utf8-xml";
+        }
+        else {
+            console.warn("Unhandled string format to display SVG from!");
+        }
+    }
+    // src as string should be handled by this point
+    if (typeof src === "string") {
+        if (process.env.NODE_ENV === "development") {
+            console.warn("Invalid 'src' string format:", src);
+        }
+        throw new Error("Invalid 'src' property, unhandled string type to render SVG icon with!");
+    }
+    if (typeof src !== "string" && !!src) {
+        return "SvgSvgInstance";
+    }
+    throw new Error(`Failed to determine how to render (type: ${typeof src})`);
+}
+function IconFacade({ src, ...props }) {
+    const size = useMemo(() => {
+        return typeof props.size === "number" ? props.size : DEFAULT_ICON_SIZE;
+    }, [props.size]);
+    const displayMethod = useMemo(() => determineIconDisplayMethod(src), [src]);
+    switch (displayMethod) {
+        case "filepath":
+            return _jsx(IconFromSvgFilepath, { src: src, ...props, size: size });
+        case "utf8-xml":
+            return _jsx(IconFromUtf8XmlSvg, { src: src, ...props, size: size });
+        case "dataurl":
+            if (typeof src !== "string") {
+                throw new TypeError("Expected 'src' to be a string for dataurl render method!");
+            }
+            return _jsx(IconFromSvgDataUrl, { src: src, ...props, size: size });
+        case "SvgSvgInstance":
+            if (!(src instanceof SVGSVGElement)) {
+                throw new TypeError("Expected 'src' to be an instance of SVGSVGElement");
+            }
+            return _jsx(RenderSvg, { svg: src, ...props, size: size });
+        default:
+            throw new TypeError("Invalid 'src' for Icon component! Failed to determine how to render SVG icon!");
+    }
+}
+IconFacade.displayName = "Icon";
+export const Icon = IconFacade;
+export default Icon;
+//# sourceMappingURL=IconFacade.js.map

package/dist/components/ui/icon/IconFacade.js.map

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

package/dist/components/ui/icon/IconFromSvgDataUrl.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+declare function IconFromSvgDataUrl({ src, size, ...props }: IconProps & {
+    src: string;
+    size: number;
+}): ReactElement;
+export default IconFromSvgDataUrl;

package/dist/components/ui/icon/IconFromSvgDataUrl.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { extractBase64SvgData, isValidSvgDataUrlPrefix } from "./SvgDataUrl";
+import { Buffer } from "buffer";
+import IconFromUtf8XmlSvg from "./IconFromUtf8XmlSvg";
+function base64ToUtf8(b64) {
+    const buffer = Buffer.from(b64, "base64");
+    return buffer.toString("utf-8");
+}
+function IconFromSvgDataUrl({ src, size, ...props }) {
+    const base64_svg_data = useMemo(() => {
+        if (typeof src !== "string") {
+            throw new TypeError("Expected 'src' to be a string for IconFromSvgDataUrl component!");
+        }
+        if (!isValidSvgDataUrlPrefix(src)) {
+            throw new TypeError("Invalid base64 data url for 'src'!");
+        }
+        return extractBase64SvgData(src);
+    }, [src]);
+    const utf8_svg_xml_data = useMemo(() => {
+        const asUtf8 = base64ToUtf8(base64_svg_data);
+        if (!asUtf8.includes("<svg")) {
+            throw new TypeError("Failed to parse valid <svg> element from base64 data!");
+        }
+        return asUtf8;
+    }, [base64_svg_data]);
+    return _jsx(IconFromUtf8XmlSvg, { src: utf8_svg_xml_data, ...props, size: size });
+}
+export default IconFromSvgDataUrl;
+//# sourceMappingURL=IconFromSvgDataUrl.js.map

package/dist/components/ui/icon/IconFromSvgDataUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromSvgDataUrl.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/IconFromSvgDataUrl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,SAAS,YAAY,CAAC,GAAW;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC1C,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClC,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACkC;IAC1C,MAAM,eAAe,GAAW,OAAO,CAAC,GAAW,EAAE;QACnD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,MAAM,IAAI,SAAS,CACjB,iEAAiE,CAClE,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,MAAM,IAAI,SAAS,CAAC,oCAAoC,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,iBAAiB,GAAW,OAAO,CAAC,GAAW,EAAE;QACrD,MAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,SAAS,CACjB,uDAAuD,CACxD,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,KAAC,kBAAkB,IAAC,GAAG,EAAE,iBAAiB,KAAM,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AAC/E,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/ui/icon/IconFromSvgFilepath.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+declare function IconFromSvgFilepath({ src, size, ...props }: IconProps & {
+    size: number;
+    preloaded?: SVGSVGElement;
+}): ReactElement;
+export default IconFromSvgFilepath;

package/dist/components/ui/icon/IconFromSvgFilepath.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, Suspense } from "react";
+import parseSvgIcon from "./parseSvgIcon";
+import IconSkeleton from "./IconSkeleton";
+import LazySvgIcon from "./LazySvgIcon";
+import RenderSvg from "./RenderSvg";
+async function loadSvgFromRemote(svg_url) {
+    if (typeof svg_url !== "string" || !svg_url.endsWith(".svg")) {
+        throw new Error("Invalid src path to SVG element!");
+    }
+    const response = await fetch(svg_url, { method: "GET" });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch SVG at path '${svg_url}': ${response.status} ${response.statusText}`);
+    }
+    const svgText = await response.text();
+    return parseSvgIcon(svgText);
+}
+function IconFromSvgFilepath({ src, size, ...props }) {
+    const iconData = useMemo(() => {
+        return (async () => {
+            if (typeof src === "string") {
+                if (!src.endsWith(".svg")) {
+                    throw new TypeError("Expected source path to end in .svg within IconFromSvgFilepath component");
+                }
+                const svg = await loadSvgFromRemote(src);
+                return svg;
+            }
+            else if (!src) {
+                throw new TypeError("Did not receive a 'src' property to render SVG with!");
+            }
+            else {
+                return src;
+            }
+        })();
+    }, [src]);
+    if (props.preloaded) {
+        return _jsx(RenderSvg, { svg: props.preloaded, ...props });
+    }
+    return (_jsx(Suspense, { fallback: _jsx(IconSkeleton, { size: size }), children: _jsx(LazySvgIcon, { svgPromise: iconData, size: size, ...props }) }));
+}
+export default IconFromSvgFilepath;
+//# sourceMappingURL=IconFromSvgFilepath.js.map

package/dist/components/ui/icon/IconFromSvgFilepath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromSvgFilepath.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/IconFromSvgFilepath.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,KAAK,UAAU,iBAAiB,CAAC,OAAe;IAC9C,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7D,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;IACtD,CAAC;IACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEzD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CACb,gCAAgC,OAAO,MAAM,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CACtF,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACtC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;AAC/B,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACgD;IACxD,MAAM,QAAQ,GAA2B,OAAO,CAAC,GAAG,EAAE;QACpD,OAAO,CAAC,KAAK,IAA4B,EAAE;YACzC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1B,MAAM,IAAI,SAAS,CACjB,0EAA0E,CAC3E,CAAC;gBACJ,CAAC;gBACD,MAAM,GAAG,GAAkB,MAAM,iBAAiB,CAAC,GAAG,CAAC,CAAC;gBACxD,OAAO,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,GAAG,EAAE,CAAC;gBAChB,MAAM,IAAI,SAAS,CACjB,sDAAsD,CACvD,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,GAA2B,CAAC;YACrC,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,OAAO,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,KAAM,KAAK,GAAI,CAAC;IACxD,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,YAC9C,KAAC,WAAW,IAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,GACnD,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/ui/icon/IconFromUtf8XmlSvg.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+declare function IconFromUtf8XmlSvg({ src, size, ...props }: IconProps & {
+    size: number;
+}): ReactElement;
+export default IconFromUtf8XmlSvg;

package/dist/components/ui/icon/IconFromUtf8XmlSvg.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import parseSvgIcon from "./parseSvgIcon";
+import RenderSvg from "./RenderSvg";
+function IconFromUtf8XmlSvg({ src, size, ...props }) {
+    const iconData = useMemo(() => {
+        return (() => {
+            if (typeof src !== "string") {
+                throw new Error("Invalid UTF-8 to parse into SVG element!");
+            }
+            return parseSvgIcon(src);
+        })();
+    }, [src]);
+    return _jsx(RenderSvg, { svg: iconData, ...props, size: size });
+}
+export default IconFromUtf8XmlSvg;
+//# sourceMappingURL=IconFromUtf8XmlSvg.js.map

package/dist/components/ui/icon/IconFromUtf8XmlSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromUtf8XmlSvg.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/IconFromUtf8XmlSvg.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,SAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACqB;IAC7B,MAAM,QAAQ,GAAkB,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,CAAC,GAAkB,EAAE;YAC1B,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5B,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;YAC9D,CAAC;YACD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAC,SAAS,IAAC,GAAG,EAAE,QAAQ,KAAM,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AAC7D,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/ui/icon/IconProps.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from "react";
+export interface IconProps {
+    src: string | SVGSVGElement;
+    size?: number;
+    className?: string;
+    style?: ComponentProps<"img">["style"];
+}

package/dist/components/ui/icon/IconProps.js

@@ -0,0 +1,3 @@
+"use client";
+export {};
+//# sourceMappingURL=IconProps.js.map

package/dist/components/ui/icon/IconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/IconProps.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC"}

package/dist/components/ui/icon/IconSkeleton.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+declare function IconSkeleton({ size }: Pick<IconProps, "size">): ReactElement;
+export default IconSkeleton;

package/dist/components/ui/icon/IconSkeleton.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Skeleton from "../../ui/skeleton";
+function IconSkeleton({ size }) {
+    return _jsx(Skeleton, { style: { width: size, height: size } });
+}
+export default IconSkeleton;
+//# sourceMappingURL=IconSkeleton.js.map

package/dist/components/ui/icon/IconSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSkeleton.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/IconSkeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,SAAS,YAAY,CAAC,EAAE,IAAI,EAA2B;IACrD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAAC;AAC5D,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/ui/icon/LazySvgIcon.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+export declare function LazySvgIcon(props: Omit<IconProps, "src"> & {
+    svgPromise: Promise<SVGSVGElement>;
+    size: number;
+}): ReactElement;
+export default LazySvgIcon;

package/dist/components/ui/icon/LazySvgIcon.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import RenderSvg from "./RenderSvg";
+export function LazySvgIcon(props) {
+    const svg = use(props.svgPromise);
+    return _jsx(RenderSvg, { svg: svg, ...props });
+}
+export default LazySvgIcon;
+//# sourceMappingURL=LazySvgIcon.js.map

package/dist/components/ui/icon/LazySvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazySvgIcon.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/LazySvgIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AAE/C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,UAAU,WAAW,CACzB,KAGC;IAED,MAAM,GAAG,GAAkB,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/ui/icon/LoadedSvgIcon.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+export declare function LoadedSvgIcon(props: Omit<IconProps, "src"> & {
+    innerHTML: string;
+    viewBox?: string;
+    svgAttributes?: Record<string, string>;
+}): ReactElement;
+export default LoadedSvgIcon;

package/dist/components/ui/icon/LoadedSvgIcon.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LoadedSvgIcon(props) {
+    const { innerHTML, viewBox, svgAttributes, size, ...restProps } = props;
+    return (_jsx("svg", { ...svgAttributes, ...restProps, viewBox: viewBox, width: size, height: size, dangerouslySetInnerHTML: { __html: innerHTML } }));
+}
+export default LoadedSvgIcon;
+//# sourceMappingURL=LoadedSvgIcon.js.map

package/dist/components/ui/icon/LoadedSvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedSvgIcon.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/LoadedSvgIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,MAAM,UAAU,aAAa,CAC3B,KAIC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxE,OAAO,CACL,iBACM,aAAa,KACb,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC9C,CACH,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/components/ui/icon/RenderSvg.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { IconProps } from "./IconProps";
+export interface IRenderSvgProps extends Omit<IconProps, "src"> {
+    svg: SVGSVGElement;
+}
+declare function RenderSvg({ svg, ...props }: IRenderSvgProps): ReactElement;
+export default RenderSvg;

package/dist/components/ui/icon/RenderSvg.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import LoadedSvgIcon from "./LoadedSvgIcon";
+function RenderSvg({ svg, ...props }) {
+    // Extract SVG content and attributes
+    const innerHTML = svg.innerHTML;
+    const viewBox = svg.getAttribute("viewBox") || undefined;
+    // Extract other SVG attributes (excluding ones we handle separately)
+    const svgAttributes = {};
+    Array.from(svg.attributes).forEach((attr) => {
+        if (!["viewBox", "width", "height", "style", "class"].includes(attr.name)) {
+            svgAttributes[attr.name] = attr.value;
+        }
+    });
+    let withOptionals = {
+        ...props,
+    };
+    delete withOptionals.svgPromise;
+    delete withOptionals.src;
+    const withouts = withOptionals;
+    return (_jsx(LoadedSvgIcon, { innerHTML: innerHTML, viewBox: viewBox, svgAttributes: svgAttributes, ...withouts }));
+}
+export default RenderSvg;
+//# sourceMappingURL=RenderSvg.js.map

package/dist/components/ui/icon/RenderSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSvg.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/RenderSvg.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAO5C,SAAS,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB;IACnD,qCAAqC;IACrC,MAAM,SAAS,GAAW,GAAG,CAAC,SAAS,CAAC;IACxC,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAEzD,qEAAqE;IACrE,MAAM,aAAa,GAA2B,EAAE,CAAC;IACjD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1E,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACxC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,aAAa,GAGb;QACF,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,aAAa,CAAC,UAAU,CAAC;IAChC,OAAO,aAAa,CAAC,GAAG,CAAC;IAEzB,MAAM,QAAQ,GAAqC,aAAa,CAAC;IAEjE,OAAO,CACL,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,KACxB,QAAQ,GACZ,CACH,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/ui/icon/SvgDataUrl.d.ts

@@ -0,0 +1,4 @@
+export declare const SvgDataUrlMimeType: "image/svg+xml";
+export declare const svgDataUrlPrefix: "data:image/svg+xml;base64,";
+export declare function isValidSvgDataUrlPrefix(maybeSvgDataUrl: string): maybeSvgDataUrl is `data:${typeof SvgDataUrlMimeType};base64,${string}`;
+export declare function extractBase64SvgData(svg_dataurl: `data:${typeof SvgDataUrlMimeType};base64,${string}`): string;

package/dist/components/ui/icon/SvgDataUrl.js

@@ -0,0 +1,16 @@
+export const SvgDataUrlMimeType = "image/svg+xml";
+export const svgDataUrlPrefix = `data:${SvgDataUrlMimeType};base64,`;
+export function isValidSvgDataUrlPrefix(maybeSvgDataUrl) {
+    if (typeof maybeSvgDataUrl === "string") {
+        if (maybeSvgDataUrl.startsWith(svgDataUrlPrefix)) {
+            if (maybeSvgDataUrl.length > svgDataUrlPrefix.length) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+export function extractBase64SvgData(svg_dataurl) {
+    return svg_dataurl.slice(svgDataUrlPrefix.length);
+}
+//# sourceMappingURL=SvgDataUrl.js.map

package/dist/components/ui/icon/SvgDataUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgDataUrl.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/SvgDataUrl.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAyC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAC3B,QAAQ,kBAAkB,UAAoC,CAAC;AAEjE,MAAM,UAAU,uBAAuB,CACrC,eAAuB;IAEvB,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE,CAAC;QACxC,IAAI,eAAe,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACjD,IAAI,eAAe,CAAC,MAAM,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC;gBACrD,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,WAAiE;IAEjE,OAAO,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACpD,CAAC"}

package/dist/components/ui/icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Icon";
+export { default as default, Icon, DEFAULT_ICON_SIZE } from "./Icon";
+export type { IconProps } from "./IconProps";

package/dist/components/ui/icon/index.js

@@ -0,0 +1,3 @@
+export * from "./Icon";
+export { default as default, Icon, DEFAULT_ICON_SIZE } from "./Icon";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/ui/icon/parseSvgIcon.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param utf8_svg_icon A string containing an SVG element. E.g. `<svg>...</svg>`
+ * @param str_transforms A list of functions that transform <svg>...</svg> to e.g. modify attributes
+ * @returns SVGSVGElement The parsed SVG DOM
+ */
+declare function parseSvgIcon(utf8_svg_icon: string, str_transforms?: ((a: string) => string)[]): SVGSVGElement;
+export default parseSvgIcon;

package/dist/components/ui/icon/parseSvgIcon.js

@@ -0,0 +1,27 @@
+import toReactSvgTransform from "./toReactSvgTransform";
+/**
+ *
+ * @param utf8_svg_icon A string containing an SVG element. E.g. `<svg>...</svg>`
+ * @param str_transforms A list of functions that transform <svg>...</svg> to e.g. modify attributes
+ * @returns SVGSVGElement The parsed SVG DOM
+ */
+function parseSvgIcon(utf8_svg_icon, str_transforms = [toReactSvgTransform]) {
+    let domToParse = utf8_svg_icon;
+    for (const transformFn of str_transforms) {
+        domToParse = transformFn(domToParse);
+    }
+    const parser = new DOMParser();
+    const svgDoc = parser.parseFromString(domToParse, "image/svg+xml");
+    // Check for parsing errors
+    const parserError = svgDoc.querySelector("parsererror");
+    if (parserError) {
+        throw new Error("Failed to parse SVG content");
+    }
+    const svgElement = svgDoc.documentElement;
+    if (svgElement.tagName.toLowerCase() !== "svg") {
+        throw new TypeError("Fetched content is not a valid SVG");
+    }
+    return svgElement;
+}
+export default parseSvgIcon;
+//# sourceMappingURL=parseSvgIcon.js.map

package/dist/components/ui/icon/parseSvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSvgIcon.js","sourceRoot":"","sources":["../../../../src/components/ui/icon/parseSvgIcon.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD;;;;;GAKG;AACH,SAAS,YAAY,CACnB,aAAqB,EACrB,iBAA4C,CAAC,mBAAmB,CAAC;IAEjE,IAAI,UAAU,GAAW,aAAa,CAAC;IACvC,KAAK,MAAM,WAAW,IAAI,cAAc,EAAE,CAAC;QACzC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAEnE,2BAA2B;IAC3B,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACxD,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,eAA2C,CAAC;IAEtE,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE,CAAC;QAC/C,MAAM,IAAI,SAAS,CAAC,oCAAoC,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/ui/icon/toReactSvgTransform.d.ts

@@ -0,0 +1,2 @@
+declare function toReactSvgTransform(svg: string): string;
+export default toReactSvgTransform;