@m5kdev/web-ui 0.7.0 → 0.8.2

package/dist/src/components/features-section-demo-3.js

@@ -1,116 +1,252 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { motion } from "motion/react";
 import { IconBrandYoutubeFilled } from "@tabler/icons-react";
 import createGlobe from "cobe";
-import { motion } from "motion/react";
-import { useEffect, useRef } from "react";
-import { cn } from "../lib/utils";
-export default function FeaturesSectionDemo() {
-    const features = [
-        {
-            title: "Open Source Projects",
-            description: "Track and manage your project issues with ease using our intuitive interface.",
-            skeleton: _jsx(SkeletonOne, {}),
-            className: "col-span-1 lg:col-span-4 border-b lg:border-r dark:border-neutral-800",
-        },
-        {
-            title: "Research Papers",
-            description: "Capture stunning photos effortlessly using our advanced AI technology.",
-            skeleton: _jsx(SkeletonTwo, {}),
-            className: "border-b col-span-1 lg:col-span-2 dark:border-neutral-800",
-        },
-        {
-            title: "Side Projects",
-            description: "Whether its you or Tyler Durden, you can get to know about our product on YouTube",
-            skeleton: _jsx(SkeletonThree, {}),
-            className: "col-span-1 lg:col-span-3 lg:border-r  dark:border-neutral-800",
-        },
-        {
-            title: "Music",
-            description: "With our blazing fast, state of the art, cutting edge, we are so back cloud servies (read AWS) - you can deploy your model in seconds.",
-            skeleton: _jsx(SkeletonFour, {}),
-            className: "col-span-1 lg:col-span-3 border-b lg:border-none",
-        },
-    ];
-    return (_jsxs("div", { className: "relative z-20 py-10 lg:py-40 max-w-7xl mx-auto", children: [_jsxs("div", { className: "px-8", children: [_jsx("h4", { className: "text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white", children: "Packed with thousands of features" }), _jsx("p", { className: "text-sm lg:text-base  max-w-2xl  my-4 mx-auto text-neutral-500 text-center font-normal dark:text-neutral-300", children: "From Image generation to video generation, Everything AI has APIs for literally everything. It can even create this website copy for you." })] }), _jsx("div", { className: "relative ", children: _jsx("div", { className: "grid grid-cols-1 lg:grid-cols-6 mt-12 xl:border rounded-md dark:border-neutral-800", children: features.map((feature) => (_jsxs(FeatureCard, { className: feature.className, children: [_jsx(FeatureTitle, { children: feature.title }), _jsx(FeatureDescription, { children: feature.description }), _jsx("div", { className: " h-full w-full", children: feature.skeleton })] }, feature.title))) }) })] }));
+//#region src/components/features-section-demo-3.tsx
+function FeaturesSectionDemo() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative z-20 py-10 lg:py-40 max-w-7xl mx-auto",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "px-8",
+			children: [/* @__PURE__ */ jsx("h4", {
+				className: "text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white",
+				children: "Packed with thousands of features"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm lg:text-base  max-w-2xl  my-4 mx-auto text-neutral-500 text-center font-normal dark:text-neutral-300",
+				children: "From Image generation to video generation, Everything AI has APIs for literally everything. It can even create this website copy for you."
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "relative ",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 lg:grid-cols-6 mt-12 xl:border rounded-md dark:border-neutral-800",
+				children: [
+					{
+						title: "Open Source Projects",
+						description: "Track and manage your project issues with ease using our intuitive interface.",
+						skeleton: /* @__PURE__ */ jsx(SkeletonOne, {}),
+						className: "col-span-1 lg:col-span-4 border-b lg:border-r dark:border-neutral-800"
+					},
+					{
+						title: "Research Papers",
+						description: "Capture stunning photos effortlessly using our advanced AI technology.",
+						skeleton: /* @__PURE__ */ jsx(SkeletonTwo, {}),
+						className: "border-b col-span-1 lg:col-span-2 dark:border-neutral-800"
+					},
+					{
+						title: "Side Projects",
+						description: "Whether its you or Tyler Durden, you can get to know about our product on YouTube",
+						skeleton: /* @__PURE__ */ jsx(SkeletonThree, {}),
+						className: "col-span-1 lg:col-span-3 lg:border-r  dark:border-neutral-800"
+					},
+					{
+						title: "Music",
+						description: "With our blazing fast, state of the art, cutting edge, we are so back cloud servies (read AWS) - you can deploy your model in seconds.",
+						skeleton: /* @__PURE__ */ jsx(SkeletonFour, {}),
+						className: "col-span-1 lg:col-span-3 border-b lg:border-none"
+					}
+				].map((feature) => /* @__PURE__ */ jsxs(FeatureCard, {
+					className: feature.className,
+					children: [
+						/* @__PURE__ */ jsx(FeatureTitle, { children: feature.title }),
+						/* @__PURE__ */ jsx(FeatureDescription, { children: feature.description }),
+						/* @__PURE__ */ jsx("div", {
+							className: " h-full w-full",
+							children: feature.skeleton
+						})
+					]
+				}, feature.title))
+			})
+		})]
+	});
 }
-const FeatureCard = ({ children, className, }) => {
-    return _jsx("div", { className: cn("p-4 sm:p-8 relative overflow-hidden", className), children: children });
+const FeatureCard = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-4 sm:p-8 relative overflow-hidden", className),
+		children
+	});
 };
 const FeatureTitle = ({ children }) => {
-    return (_jsx("p", { className: " max-w-5xl mx-auto text-left tracking-tight text-black dark:text-white text-xl md:text-2xl md:leading-snug", children: children }));
+	return /* @__PURE__ */ jsx("p", {
+		className: " max-w-5xl mx-auto text-left tracking-tight text-black dark:text-white text-xl md:text-2xl md:leading-snug",
+		children
+	});
 };
 const FeatureDescription = ({ children }) => {
-    return (_jsx("p", { className: cn("text-sm md:text-base  max-w-4xl text-left mx-auto", "text-neutral-500 text-center font-normal dark:text-neutral-300", "text-left max-w-sm mx-0 md:text-sm my-2"), children: children }));
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-sm md:text-base  max-w-4xl text-left mx-auto", "text-neutral-500 text-center font-normal dark:text-neutral-300", "text-left max-w-sm mx-0 md:text-sm my-2"),
+		children
+	});
 };
-export const SkeletonOne = () => {
-    return (_jsxs("div", { className: "relative flex py-8 px-2 gap-10 h-full", children: [_jsx("div", { className: "w-full  p-5  mx-auto bg-white dark:bg-neutral-900 shadow-2xl group h-full", children: _jsx("div", { className: "flex flex-1 w-full h-full flex-col space-y-2  ", children: _jsx("img", { src: "/linear.webp", alt: "header", width: 800, height: 800, className: "h-full w-full aspect-square object-cover object-left-top rounded-sm" }) }) }), _jsx("div", { className: "absolute bottom-0 z-40 inset-x-0 h-60 bg-gradient-to-t from-white dark:from-black via-white dark:via-black to-transparent w-full pointer-events-none" }), _jsx("div", { className: "absolute top-0 z-40 inset-x-0 h-60 bg-gradient-to-b from-white dark:from-black via-transparent to-transparent w-full pointer-events-none" })] }));
+const SkeletonOne = () => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex py-8 px-2 gap-10 h-full",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "w-full  p-5  mx-auto bg-white dark:bg-neutral-900 shadow-2xl group h-full",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-1 w-full h-full flex-col space-y-2  ",
+					children: /* @__PURE__ */ jsx("img", {
+						src: "/linear.webp",
+						alt: "header",
+						width: 800,
+						height: 800,
+						className: "h-full w-full aspect-square object-cover object-left-top rounded-sm"
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("div", { className: "absolute bottom-0 z-40 inset-x-0 h-60 bg-gradient-to-t from-white dark:from-black via-white dark:via-black to-transparent w-full pointer-events-none" }),
+			/* @__PURE__ */ jsx("div", { className: "absolute top-0 z-40 inset-x-0 h-60 bg-gradient-to-b from-white dark:from-black via-transparent to-transparent w-full pointer-events-none" })
+		]
+	});
 };
-export const SkeletonThree = () => {
-    return (_jsx("a", { href: "https://www.youtube.com/watch?v=RPa3_AD1_Vs", target: "__blank", className: "relative flex gap-10  h-full group/image", children: _jsx("div", { className: "w-full  mx-auto bg-transparent dark:bg-transparent group h-full", children: _jsxs("div", { className: "flex flex-1 w-full h-full flex-col space-y-2  relative", children: [_jsx(IconBrandYoutubeFilled, { className: "h-20 w-20 absolute z-10 inset-0 text-red-500 m-auto " }), _jsx("img", { src: "https://assets.aceternity.com/fireship.jpg", alt: "header", width: 800, height: 800, className: "h-full w-full aspect-square object-cover object-center rounded-sm blur-none group-hover/image:blur-md transition-all duration-200" })] }) }) }));
+const SkeletonThree = () => {
+	return /* @__PURE__ */ jsx("a", {
+		href: "https://www.youtube.com/watch?v=RPa3_AD1_Vs",
+		target: "__blank",
+		className: "relative flex gap-10  h-full group/image",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full  mx-auto bg-transparent dark:bg-transparent group h-full",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-1 w-full h-full flex-col space-y-2  relative",
+				children: [/* @__PURE__ */ jsx(IconBrandYoutubeFilled, { className: "h-20 w-20 absolute z-10 inset-0 text-red-500 m-auto " }), /* @__PURE__ */ jsx("img", {
+					src: "https://assets.aceternity.com/fireship.jpg",
+					alt: "header",
+					width: 800,
+					height: 800,
+					className: "h-full w-full aspect-square object-cover object-center rounded-sm blur-none group-hover/image:blur-md transition-all duration-200"
+				})]
+			})
+		})
+	});
 };
-export const SkeletonTwo = () => {
-    const images = [
-        "https://images.unsplash.com/photo-1517322048670-4fba75cbbb62?q=80&w=3000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        "https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=3425&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        "https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        "https://images.unsplash.com/photo-1554931670-4ebfabf6e7a9?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        "https://images.unsplash.com/photo-1546484475-7f7bd55792da?q=80&w=2581&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-    ];
-    const imageVariants = {
-        whileHover: {
-            scale: 1.1,
-            rotate: 0,
-            zIndex: 100,
-        },
-        whileTap: {
-            scale: 1.1,
-            rotate: 0,
-            zIndex: 100,
-        },
-    };
-    return (_jsxs("div", { className: "relative flex flex-col items-start p-8 gap-10 h-full overflow-hidden", children: [_jsx("div", { className: "flex flex-row -ml-20", children: images.map((image, idx) => (_jsx(motion.div, { variants: imageVariants, style: {
-                        rotate: Math.random() * 20 - 10,
-                    }, whileHover: "whileHover", whileTap: "whileTap", className: "rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden", children: _jsx("img", { src: image, alt: "bali images", width: "500", height: "500", className: "rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0" }) }, "images-first" + idx))) }), _jsx("div", { className: "flex flex-row", children: images.map((image, idx) => (_jsx(motion.div, { style: {
-                        rotate: Math.random() * 20 - 10,
-                    }, variants: imageVariants, whileHover: "whileHover", whileTap: "whileTap", className: "rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden", children: _jsx("img", { src: image, alt: "bali images", width: "500", height: "500", className: "rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0" }) }, "images-second" + idx))) }), _jsx("div", { className: "absolute left-0 z-[100] inset-y-0 w-20 bg-gradient-to-r from-white dark:from-black to-transparent  h-full pointer-events-none" }), _jsx("div", { className: "absolute right-0 z-[100] inset-y-0 w-20 bg-gradient-to-l from-white dark:from-black  to-transparent h-full pointer-events-none" })] }));
+const SkeletonTwo = () => {
+	const images = [
+		"https://images.unsplash.com/photo-1517322048670-4fba75cbbb62?q=80&w=3000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+		"https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=3425&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+		"https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+		"https://images.unsplash.com/photo-1554931670-4ebfabf6e7a9?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+		"https://images.unsplash.com/photo-1546484475-7f7bd55792da?q=80&w=2581&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+	];
+	const imageVariants = {
+		whileHover: {
+			scale: 1.1,
+			rotate: 0,
+			zIndex: 100
+		},
+		whileTap: {
+			scale: 1.1,
+			rotate: 0,
+			zIndex: 100
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex flex-col items-start p-8 gap-10 h-full overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-row -ml-20",
+				children: images.map((image, idx) => /* @__PURE__ */ jsx(motion.div, {
+					variants: imageVariants,
+					style: { rotate: Math.random() * 20 - 10 },
+					whileHover: "whileHover",
+					whileTap: "whileTap",
+					className: "rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden",
+					children: /* @__PURE__ */ jsx("img", {
+						src: image,
+						alt: "bali images",
+						width: "500",
+						height: "500",
+						className: "rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0"
+					})
+				}, "images-first" + idx))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-row",
+				children: images.map((image, idx) => /* @__PURE__ */ jsx(motion.div, {
+					style: { rotate: Math.random() * 20 - 10 },
+					variants: imageVariants,
+					whileHover: "whileHover",
+					whileTap: "whileTap",
+					className: "rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden",
+					children: /* @__PURE__ */ jsx("img", {
+						src: image,
+						alt: "bali images",
+						width: "500",
+						height: "500",
+						className: "rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0"
+					})
+				}, "images-second" + idx))
+			}),
+			/* @__PURE__ */ jsx("div", { className: "absolute left-0 z-[100] inset-y-0 w-20 bg-gradient-to-r from-white dark:from-black to-transparent  h-full pointer-events-none" }),
+			/* @__PURE__ */ jsx("div", { className: "absolute right-0 z-[100] inset-y-0 w-20 bg-gradient-to-l from-white dark:from-black  to-transparent h-full pointer-events-none" })
+		]
+	});
 };
-export const SkeletonFour = () => {
-    return (_jsx("div", { className: "h-60 md:h-60  flex flex-col items-center relative bg-transparent dark:bg-transparent mt-10", children: _jsx(Globe, { className: "absolute -right-10 md:-right-10 -bottom-80 md:-bottom-72" }) }));
+const SkeletonFour = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-60 md:h-60  flex flex-col items-center relative bg-transparent dark:bg-transparent mt-10",
+		children: /* @__PURE__ */ jsx(Globe, { className: "absolute -right-10 md:-right-10 -bottom-80 md:-bottom-72" })
+	});
 };
-export const Globe = ({ className }) => {
-    const canvasRef = useRef(null);
-    useEffect(() => {
-        let phi = 0;
-        if (!canvasRef.current)
-            return;
-        const globe = createGlobe(canvasRef.current, {
-            devicePixelRatio: 2,
-            width: 600 * 2,
-            height: 600 * 2,
-            phi: 0,
-            theta: 0,
-            dark: 1,
-            diffuse: 1.2,
-            mapSamples: 16000,
-            mapBrightness: 6,
-            baseColor: [0.3, 0.3, 0.3],
-            markerColor: [0.1, 0.8, 1],
-            glowColor: [1, 1, 1],
-            markers: [
-                // longitude latitude
-                { location: [37.7595, -122.4367], size: 0.03 },
-                { location: [40.7128, -74.006], size: 0.1 },
-            ],
-            onRender: (state) => {
-                // Called on every animation frame.
-                // `state` will be an empty object, return updated params.
-                state.phi = phi;
-                phi += 0.01;
-            },
-        });
-        return () => {
-            globe.destroy();
-        };
-    }, []);
-    return (_jsx("canvas", { ref: canvasRef, style: { width: 600, height: 600, maxWidth: "100%", aspectRatio: 1 }, className: className }));
+const Globe = ({ className }) => {
+	const canvasRef = useRef(null);
+	useEffect(() => {
+		let phi = 0;
+		if (!canvasRef.current) return;
+		const globe = createGlobe(canvasRef.current, {
+			devicePixelRatio: 2,
+			width: 600 * 2,
+			height: 600 * 2,
+			phi: 0,
+			theta: 0,
+			dark: 1,
+			diffuse: 1.2,
+			mapSamples: 16e3,
+			mapBrightness: 6,
+			baseColor: [
+				.3,
+				.3,
+				.3
+			],
+			markerColor: [
+				.1,
+				.8,
+				1
+			],
+			glowColor: [
+				1,
+				1,
+				1
+			],
+			markers: [{
+				location: [37.7595, -122.4367],
+				size: .03
+			}, {
+				location: [40.7128, -74.006],
+				size: .1
+			}],
+			onRender: (state) => {
+				state.phi = phi;
+				phi += .01;
+			}
+		});
+		return () => {
+			globe.destroy();
+		};
+	}, []);
+	return /* @__PURE__ */ jsx("canvas", {
+		ref: canvasRef,
+		style: {
+			width: 600,
+			height: 600,
+			maxWidth: "100%",
+			aspectRatio: 1
+		},
+		className
+	});
 };
+//#endregion
+export { Globe, SkeletonFour, SkeletonOne, SkeletonThree, SkeletonTwo, FeaturesSectionDemo as default };
+
+//# sourceMappingURL=features-section-demo-3.js.map

package/dist/src/components/features-section-demo-3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features-section-demo-3.js","names":[],"sources":["../../../src/components/features-section-demo-3.tsx"],"sourcesContent":["import { IconBrandYoutubeFilled } from \"@tabler/icons-react\";\r\nimport createGlobe from \"cobe\";\r\nimport { motion } from \"motion/react\";\r\nimport type React from \"react\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\nexport default function FeaturesSectionDemo() {\r\n  const features = [\r\n    {\r\n      title: \"Open Source Projects\",\r\n      description: \"Track and manage your project issues with ease using our intuitive interface.\",\r\n      skeleton: <SkeletonOne />,\r\n      className: \"col-span-1 lg:col-span-4 border-b lg:border-r dark:border-neutral-800\",\r\n    },\r\n    {\r\n      title: \"Research Papers\",\r\n      description: \"Capture stunning photos effortlessly using our advanced AI technology.\",\r\n      skeleton: <SkeletonTwo />,\r\n      className: \"border-b col-span-1 lg:col-span-2 dark:border-neutral-800\",\r\n    },\r\n    {\r\n      title: \"Side Projects\",\r\n      description:\r\n        \"Whether its you or Tyler Durden, you can get to know about our product on YouTube\",\r\n      skeleton: <SkeletonThree />,\r\n      className: \"col-span-1 lg:col-span-3 lg:border-r  dark:border-neutral-800\",\r\n    },\r\n    {\r\n      title: \"Music\",\r\n      description:\r\n        \"With our blazing fast, state of the art, cutting edge, we are so back cloud servies (read AWS) - you can deploy your model in seconds.\",\r\n      skeleton: <SkeletonFour />,\r\n      className: \"col-span-1 lg:col-span-3 border-b lg:border-none\",\r\n    },\r\n  ];\r\n  return (\r\n    <div className=\"relative z-20 py-10 lg:py-40 max-w-7xl mx-auto\">\r\n      <div className=\"px-8\">\r\n        <h4 className=\"text-3xl lg:text-5xl lg:leading-tight max-w-5xl mx-auto text-center tracking-tight font-medium text-black dark:text-white\">\r\n          Packed with thousands of features\r\n        </h4>\r\n\r\n        <p className=\"text-sm lg:text-base  max-w-2xl  my-4 mx-auto text-neutral-500 text-center font-normal dark:text-neutral-300\">\r\n          From Image generation to video generation, Everything AI has APIs for literally\r\n          everything. It can even create this website copy for you.\r\n        </p>\r\n      </div>\r\n\r\n      <div className=\"relative \">\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-6 mt-12 xl:border rounded-md dark:border-neutral-800\">\r\n          {features.map((feature) => (\r\n            <FeatureCard key={feature.title} className={feature.className}>\r\n              <FeatureTitle>{feature.title}</FeatureTitle>\r\n              <FeatureDescription>{feature.description}</FeatureDescription>\r\n              <div className=\" h-full w-full\">{feature.skeleton}</div>\r\n            </FeatureCard>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst FeatureCard = ({\r\n  children,\r\n  className,\r\n}: {\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n}) => {\r\n  return <div className={cn(\"p-4 sm:p-8 relative overflow-hidden\", className)}>{children}</div>;\r\n};\r\n\r\nconst FeatureTitle = ({ children }: { children?: React.ReactNode }) => {\r\n  return (\r\n    <p className=\" max-w-5xl mx-auto text-left tracking-tight text-black dark:text-white text-xl md:text-2xl md:leading-snug\">\r\n      {children}\r\n    </p>\r\n  );\r\n};\r\n\r\nconst FeatureDescription = ({ children }: { children?: React.ReactNode }) => {\r\n  return (\r\n    <p\r\n      className={cn(\r\n        \"text-sm md:text-base  max-w-4xl text-left mx-auto\",\r\n        \"text-neutral-500 text-center font-normal dark:text-neutral-300\",\r\n        \"text-left max-w-sm mx-0 md:text-sm my-2\"\r\n      )}\r\n    >\r\n      {children}\r\n    </p>\r\n  );\r\n};\r\n\r\nexport const SkeletonOne = () => {\r\n  return (\r\n    <div className=\"relative flex py-8 px-2 gap-10 h-full\">\r\n      <div className=\"w-full  p-5  mx-auto bg-white dark:bg-neutral-900 shadow-2xl group h-full\">\r\n        <div className=\"flex flex-1 w-full h-full flex-col space-y-2  \">\r\n          {/* TODO */}\r\n          <img\r\n            src=\"/linear.webp\"\r\n            alt=\"header\"\r\n            width={800}\r\n            height={800}\r\n            className=\"h-full w-full aspect-square object-cover object-left-top rounded-sm\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"absolute bottom-0 z-40 inset-x-0 h-60 bg-gradient-to-t from-white dark:from-black via-white dark:via-black to-transparent w-full pointer-events-none\" />\r\n      <div className=\"absolute top-0 z-40 inset-x-0 h-60 bg-gradient-to-b from-white dark:from-black via-transparent to-transparent w-full pointer-events-none\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const SkeletonThree = () => {\r\n  return (\r\n    <a\r\n      href=\"https://www.youtube.com/watch?v=RPa3_AD1_Vs\"\r\n      target=\"__blank\"\r\n      className=\"relative flex gap-10  h-full group/image\"\r\n    >\r\n      <div className=\"w-full  mx-auto bg-transparent dark:bg-transparent group h-full\">\r\n        <div className=\"flex flex-1 w-full h-full flex-col space-y-2  relative\">\r\n          {/* TODO */}\r\n          <IconBrandYoutubeFilled className=\"h-20 w-20 absolute z-10 inset-0 text-red-500 m-auto \" />\r\n          <img\r\n            src=\"https://assets.aceternity.com/fireship.jpg\"\r\n            alt=\"header\"\r\n            width={800}\r\n            height={800}\r\n            className=\"h-full w-full aspect-square object-cover object-center rounded-sm blur-none group-hover/image:blur-md transition-all duration-200\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </a>\r\n  );\r\n};\r\n\r\nexport const SkeletonTwo = () => {\r\n  const images = [\r\n    \"https://images.unsplash.com/photo-1517322048670-4fba75cbbb62?q=80&w=3000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\r\n    \"https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=3425&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\r\n    \"https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\r\n    \"https://images.unsplash.com/photo-1554931670-4ebfabf6e7a9?q=80&w=3387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\r\n    \"https://images.unsplash.com/photo-1546484475-7f7bd55792da?q=80&w=2581&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\r\n  ];\r\n\r\n  const imageVariants = {\r\n    whileHover: {\r\n      scale: 1.1,\r\n      rotate: 0,\r\n      zIndex: 100,\r\n    },\r\n    whileTap: {\r\n      scale: 1.1,\r\n      rotate: 0,\r\n      zIndex: 100,\r\n    },\r\n  };\r\n  return (\r\n    <div className=\"relative flex flex-col items-start p-8 gap-10 h-full overflow-hidden\">\r\n      {/* TODO */}\r\n      <div className=\"flex flex-row -ml-20\">\r\n        {images.map((image, idx) => (\r\n          <motion.div\r\n            variants={imageVariants}\r\n            key={\"images-first\" + idx}\r\n            style={{\r\n              rotate: Math.random() * 20 - 10,\r\n            }}\r\n            whileHover=\"whileHover\"\r\n            whileTap=\"whileTap\"\r\n            className=\"rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden\"\r\n          >\r\n            <img\r\n              src={image}\r\n              alt=\"bali images\"\r\n              width=\"500\"\r\n              height=\"500\"\r\n              className=\"rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0\"\r\n            />\r\n          </motion.div>\r\n        ))}\r\n      </div>\r\n      <div className=\"flex flex-row\">\r\n        {images.map((image, idx) => (\r\n          <motion.div\r\n            key={\"images-second\" + idx}\r\n            style={{\r\n              rotate: Math.random() * 20 - 10,\r\n            }}\r\n            variants={imageVariants}\r\n            whileHover=\"whileHover\"\r\n            whileTap=\"whileTap\"\r\n            className=\"rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden\"\r\n          >\r\n            <img\r\n              src={image}\r\n              alt=\"bali images\"\r\n              width=\"500\"\r\n              height=\"500\"\r\n              className=\"rounded-lg h-20 w-20 md:h-40 md:w-40 object-cover shrink-0\"\r\n            />\r\n          </motion.div>\r\n        ))}\r\n      </div>\r\n\r\n      <div className=\"absolute left-0 z-[100] inset-y-0 w-20 bg-gradient-to-r from-white dark:from-black to-transparent  h-full pointer-events-none\" />\r\n      <div className=\"absolute right-0 z-[100] inset-y-0 w-20 bg-gradient-to-l from-white dark:from-black  to-transparent h-full pointer-events-none\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const SkeletonFour = () => {\r\n  return (\r\n    <div className=\"h-60 md:h-60  flex flex-col items-center relative bg-transparent dark:bg-transparent mt-10\">\r\n      <Globe className=\"absolute -right-10 md:-right-10 -bottom-80 md:-bottom-72\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const Globe = ({ className }: { className?: string }) => {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n\r\n  useEffect(() => {\r\n    let phi = 0;\r\n\r\n    if (!canvasRef.current) return;\r\n\r\n    const globe = createGlobe(canvasRef.current, {\r\n      devicePixelRatio: 2,\r\n      width: 600 * 2,\r\n      height: 600 * 2,\r\n      phi: 0,\r\n      theta: 0,\r\n      dark: 1,\r\n      diffuse: 1.2,\r\n      mapSamples: 16000,\r\n      mapBrightness: 6,\r\n      baseColor: [0.3, 0.3, 0.3],\r\n      markerColor: [0.1, 0.8, 1],\r\n      glowColor: [1, 1, 1],\r\n      markers: [\r\n        // longitude latitude\r\n        { location: [37.7595, -122.4367], size: 0.03 },\r\n        { location: [40.7128, -74.006], size: 0.1 },\r\n      ],\r\n      onRender: (state) => {\r\n        // Called on every animation frame.\r\n        // `state` will be an empty object, return updated params.\r\n        state.phi = phi;\r\n        phi += 0.01;\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      globe.destroy();\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <canvas\r\n      ref={canvasRef}\r\n      style={{ width: 600, height: 600, maxWidth: \"100%\", aspectRatio: 1 }}\r\n      className={className}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/mode-toggle.d.ts

@@ -1 +1,7 @@
-export declare function ModeToggle(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/mode-toggle.d.ts
+declare function ModeToggle(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ModeToggle };
+//# sourceMappingURL=mode-toggle.d.ts.map

package/dist/src/components/mode-toggle.js

@@ -1,9 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
+import { useTheme } from "./theme-provider.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
-import { useTheme } from "./theme-provider";
-import { Button } from "./ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-export function ModeToggle() {
-    const { setTheme } = useTheme();
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", children: [_jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }), _jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }), _jsx("span", { className: "sr-only", children: "Toggle theme" })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })] })] }));
+//#region src/components/mode-toggle.tsx
+function ModeToggle() {
+	const { setTheme } = useTheme();
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "icon",
+			children: [
+				/* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+				/* @__PURE__ */ jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Toggle theme"
+				})
+			]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				onClick: () => setTheme("light"),
+				children: "Light"
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				onClick: () => setTheme("dark"),
+				children: "Dark"
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuItem, {
+				onClick: () => setTheme("system"),
+				children: "System"
+			})
+		]
+	})] });
 }
+//#endregion
+export { ModeToggle };
+
+//# sourceMappingURL=mode-toggle.js.map

package/dist/src/components/mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.js","names":[],"sources":["../../../src/components/mode-toggle.tsx"],"sourcesContent":["import { Moon, Sun } from \"lucide-react\";\r\n\r\nimport { useTheme } from \"./theme-provider\";\r\nimport { Button } from \"./ui/button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"./ui/dropdown-menu\";\r\n\r\nexport function ModeToggle() {\r\n  const { setTheme } = useTheme();\r\n\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button variant=\"outline\" size=\"icon\">\r\n          <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\r\n          <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\r\n          <span className=\"sr-only\">Toggle theme</span>\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"end\">\r\n        <DropdownMenuItem onClick={() => setTheme(\"light\")}>Light</DropdownMenuItem>\r\n        <DropdownMenuItem onClick={() => setTheme(\"dark\")}>Dark</DropdownMenuItem>\r\n        <DropdownMenuItem onClick={() => setTheme(\"system\")}>System</DropdownMenuItem>\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAWA,SAAgB,aAAa;CAC3B,MAAM,EAAE,aAAa,UAAU;AAE/B,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;YACnB,qBAAC,QAAD;GAAQ,SAAQ;GAAU,MAAK;aAA/B;IACE,oBAAC,KAAD,EAAK,WAAU,wFAAyF,CAAA;IACxG,oBAAC,MAAD,EAAM,WAAU,gGAAiG,CAAA;IACjH,oBAAC,QAAD;KAAM,WAAU;eAAU;KAAmB,CAAA;IACtC;;EACW,CAAA,EACtB,qBAAC,qBAAD;EAAqB,OAAM;YAA3B;GACE,oBAAC,kBAAD;IAAkB,eAAe,SAAS,QAAQ;cAAE;IAAwB,CAAA;GAC5E,oBAAC,kBAAD;IAAkB,eAAe,SAAS,OAAO;cAAE;IAAuB,CAAA;GAC1E,oBAAC,kBAAD;IAAkB,eAAe,SAAS,SAAS;cAAE;IAAyB,CAAA;GAC1D;IACT,EAAA,CAAA"}

package/dist/src/components/nav-main.d.ts

@@ -1,13 +1,21 @@
-import { type LucideIcon } from "lucide-react";
-export declare function NavMain({ items, }: {
-    items: {
-        title: string;
-        url: string;
-        icon?: LucideIcon;
-        isActive?: boolean;
-        items?: {
-            title: string;
-            url: string;
-        }[];
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { LucideIcon } from "lucide-react";
+
+//#region src/components/nav-main.d.ts
+declare function NavMain({
+  items
+}: {
+  items: {
+    title: string;
+    url: string;
+    icon?: LucideIcon;
+    isActive?: boolean;
+    items?: {
+      title: string;
+      url: string;
     }[];
-}): import("react/jsx-runtime").JSX.Element;
+  }[];
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavMain };
+//# sourceMappingURL=nav-main.d.ts.map

package/dist/src/components/nav-main.js

@@ -1,9 +1,35 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "./ui/sidebar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { Link } from "react-router";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible";
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./ui/sidebar";
-export function NavMain({ items, }) {
-    return (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Platform" }), _jsx(SidebarMenu, { children: items.map((item) => (_jsx(Collapsible, { asChild: true, defaultOpen: item.isActive, className: "group/collapsible", children: _jsxs(SidebarMenuItem, { children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { tooltip: item.title, children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.items?.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { asChild: true, children: _jsx(Link, { to: subItem.url, children: _jsx("span", { children: subItem.title }) }) }) }, subItem.title))) }) })] }) }, item.title))) })] }));
+//#region src/components/nav-main.tsx
+function NavMain({ items }) {
+	return /* @__PURE__ */ jsxs(SidebarGroup, { children: [/* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Platform" }), /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx(Collapsible, {
+		asChild: true,
+		defaultOpen: item.isActive,
+		className: "group/collapsible",
+		children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
+				tooltip: item.title,
+				children: [
+					item.icon && /* @__PURE__ */ jsx(item.icon, {}),
+					/* @__PURE__ */ jsx("span", { children: item.title }),
+					/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+				]
+			})
+		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Link, {
+				to: subItem.url,
+				children: /* @__PURE__ */ jsx("span", { children: subItem.title })
+			})
+		}) }, subItem.title)) }) })] })
+	}, item.title)) })] });
 }
+//#endregion
+export { NavMain };
+
+//# sourceMappingURL=nav-main.js.map

package/dist/src/components/nav-main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-main.js","names":[],"sources":["../../../src/components/nav-main.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ChevronRight, type LucideIcon } from \"lucide-react\";\r\nimport { Link } from \"react-router\";\r\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"./ui/collapsible\";\r\nimport {\r\n  SidebarGroup,\r\n  SidebarGroupLabel,\r\n  SidebarMenu,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n} from \"./ui/sidebar\";\r\n\r\nexport function NavMain({\r\n  items,\r\n}: {\r\n  items: {\r\n    title: string;\r\n    url: string;\r\n    icon?: LucideIcon;\r\n    isActive?: boolean;\r\n    items?: {\r\n      title: string;\r\n      url: string;\r\n    }[];\r\n  }[];\r\n}) {\r\n  return (\r\n    <SidebarGroup>\r\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\r\n      <SidebarMenu>\r\n        {items.map((item) => (\r\n          <Collapsible\r\n            key={item.title}\r\n            asChild\r\n            defaultOpen={item.isActive}\r\n            className=\"group/collapsible\"\r\n          >\r\n            <SidebarMenuItem>\r\n              <CollapsibleTrigger asChild>\r\n                <SidebarMenuButton tooltip={item.title}>\r\n                  {item.icon && <item.icon />}\r\n                  <span>{item.title}</span>\r\n                  <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\r\n                </SidebarMenuButton>\r\n              </CollapsibleTrigger>\r\n              <CollapsibleContent>\r\n                <SidebarMenuSub>\r\n                  {item.items?.map((subItem) => (\r\n                    <SidebarMenuSubItem key={subItem.title}>\r\n                      <SidebarMenuSubButton asChild>\r\n                        <Link to={subItem.url}>\r\n                          <span>{subItem.title}</span>\r\n                        </Link>\r\n                      </SidebarMenuSubButton>\r\n                    </SidebarMenuSubItem>\r\n                  ))}\r\n                </SidebarMenuSub>\r\n              </CollapsibleContent>\r\n            </SidebarMenuItem>\r\n          </Collapsible>\r\n        ))}\r\n      </SidebarMenu>\r\n    </SidebarGroup>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAgBA,SAAgB,QAAQ,EACtB,SAYC;AACD,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,mBAAD,EAAA,UAAmB,YAA4B,CAAA,EAC/C,oBAAC,aAAD,EAAA,UACG,MAAM,KAAK,SACV,oBAAC,aAAD;EAEE,SAAA;EACA,aAAa,KAAK;EAClB,WAAU;YAEV,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,oBAAD;GAAoB,SAAA;aAClB,qBAAC,mBAAD;IAAmB,SAAS,KAAK;cAAjC;KACG,KAAK,QAAQ,oBAAC,KAAK,MAAN,EAAa,CAAA;KAC3B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAa,CAAA;KACzB,oBAAC,cAAD,EAAc,WAAU,2FAA4F,CAAA;KAClG;;GACD,CAAA,EACrB,oBAAC,oBAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,UACG,KAAK,OAAO,KAAK,YAChB,oBAAC,oBAAD,EAAA,UACE,oBAAC,sBAAD;GAAsB,SAAA;aACpB,oBAAC,MAAD;IAAM,IAAI,QAAQ;cAChB,oBAAC,QAAD,EAAA,UAAO,QAAQ,OAAa,CAAA;IACvB,CAAA;GACc,CAAA,EACJ,EANI,QAAQ,MAMZ,CACrB,EACa,CAAA,EACE,CAAA,CACL,EAAA,CAAA;EACN,EA3BP,KAAK,MA2BE,CACd,EACU,CAAA,CACD,EAAA,CAAA"}

package/dist/src/components/pricing-cards.d.ts

@@ -1 +1,7 @@
-export declare function PricingCards(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/pricing-cards.d.ts
+declare function PricingCards(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PricingCards };
+//# sourceMappingURL=pricing-cards.d.ts.map