@m5kdev/web-ui 0.1.2 → 0.1.4

package/dist/src/components/app-header.d.ts

@@ -0,0 +1,7 @@
+export declare function AppHeader({ breadcrumbs }: {
+    breadcrumbs: {
+        label: string;
+        href?: string;
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-header.d.ts.map

package/dist/src/components/app-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/components/app-header.tsx"],"names":[],"mappings":"AAYA,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,2CA2B7F"}

package/dist/src/components/app-header.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "#components/ui/breadcrumb";
+import { Separator } from "#components/ui/separator";
+import { SidebarTrigger } from "#components/ui/sidebar";
+export function AppHeader({ breadcrumbs }) {
+    return (_jsx("header", { className: "flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12", children: _jsxs("div", { className: "flex items-center gap-2 px-4", children: [_jsx(SidebarTrigger, { className: "-ml-1" }), _jsx(Separator, { orientation: "vertical", className: "mr-2 h-4" }), _jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: breadcrumbs.map(({ href, label }, index) => (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: href ? (_jsx(BreadcrumbLink, { href: href, children: label })) : (_jsx(BreadcrumbPage, { children: label })) }), index < breadcrumbs.length - 1 && (_jsx(BreadcrumbSeparator, { className: "hidden md:block" }))] }, `${label}-${index}`))) }) })] }) }));
+}

package/dist/src/components/blur-card.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+interface BlurCardProps {
+    image: string;
+    title: string;
+    subtitle: string;
+    type: string;
+    date: string;
+    description: string;
+    className?: string;
+    link?: ReactNode;
+}
+export declare function BlurCard({ image, title, subtitle, type, date, description, className, link, }: BlurCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=blur-card.d.ts.map

package/dist/src/components/blur-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-card.d.ts","sourceRoot":"","sources":["../../../src/components/blur-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2CvC,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,IAAI,GACL,EAAE,aAAa,2CAmEf"}

package/dist/src/components/blur-card.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { useState } from "react";
+import { Card } from "#components/ui/card";
+import { cn } from "#utils";
+function BlurCardHeader({ title, subtitle, type, date, }) {
+    return (_jsxs("div", { className: "w-full px-4 py-4", children: [_jsxs("div", { className: "hidden lg:block", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-lg font-semibold text-white drop-shadow-md", children: title }), _jsx("span", { className: "inline-block rounded-full bg-white/20 text-xs text-white font-semibold px-2 py-0.5 drop-shadow-md", children: type })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-neutral-300 drop-shadow-md", children: subtitle }), _jsx("span", { className: "text-xs text-neutral-300 drop-shadow-md italic", children: date })] })] }), _jsxs("div", { className: "block lg:hidden", children: [_jsx("div", { className: "inline-block rounded-full bg-white/20 text-xs text-white font-semibold px-2 py-0.5 drop-shadow-md", children: type }), _jsx("div", { className: "text-lg font-semibold text-white drop-shadow-md", children: title }), _jsx("div", { className: "text-sm text-neutral-300 drop-shadow-md", children: subtitle }), _jsx("div", { className: "text-xs text-neutral-300 drop-shadow-md italic", children: date })] })] }));
+}
+export function BlurCard({ image, title, subtitle, type, date, description, className, link, }) {
+    // Detect touch device
+    const isTouchDevice = typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
+    const [isOpen, setIsOpen] = useState(false);
+    // Handler for tap on mobile
+    const handleCardClick = () => {
+        if (isTouchDevice)
+            setIsOpen((open) => !open);
+    };
+    return (_jsx(Card, { className: cn("relative overflow-hidden p-0 h-80 w-full flex flex-col justify-start", className), onClick: isTouchDevice ? handleCardClick : undefined, style: { touchAction: "manipulation" }, children: _jsxs(motion.div, { whileHover: isTouchDevice ? undefined : "hover", initial: "rest", animate: isTouchDevice && isOpen ? "hover" : "rest", className: "relative w-full h-full flex flex-col justify-end", style: {
+                backgroundImage: `url(${image})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+                height: "100%",
+            }, children: [_jsx(motion.div, { variants: {
+                        rest: { opacity: 0, backdropFilter: "blur(0px)" },
+                        hover: { opacity: 1, backdropFilter: "blur(8px)" },
+                    }, transition: { duration: 0.3, ease: "easeInOut" }, className: "absolute inset-0 z-10 bg-black/70 pointer-events-none rounded-xl", style: { WebkitBackdropFilter: "blur(8px)" } }), _jsxs(motion.div, { variants: {
+                        rest: { height: "5rem" },
+                        hover: { height: "100%" },
+                    }, transition: { duration: 0.3, ease: "easeInOut" }, className: "w-full flex flex-col justify-start bg-black/70 pointer-events-none rounded-xl z-20", style: {
+                        overflow: "hidden",
+                        WebkitBackdropFilter: "blur(8px)",
+                        backdropFilter: "blur(8px)",
+                    }, children: [_jsx(BlurCardHeader, { title: title, subtitle: subtitle, type: type, date: date }), _jsxs("div", { className: "w-full h-full px-4 pb-4 flex flex-col justify-between", children: [_jsx("p", { className: "text-neutral-100", children: description }), _jsx("div", { className: "flex items-center justify-end pointer-events-auto", children: link })] })] }), _jsx("img", { src: image, alt: title, className: "invisible w-0 h-0" })] }) }));
+}

package/dist/src/components/features-section-demo-1.d.ts

@@ -0,0 +1,7 @@
+export default function FeaturesSectionDemo(): import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ pattern, size }: {
+    pattern?: number[][];
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function GridPattern({ width, height, x, y, squares, ...props }: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=features-section-demo-1.d.ts.map

package/dist/src/components/features-section-demo-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"features-section-demo-1.d.ts","sourceRoot":"","sources":["../../../src/components/features-section-demo-1.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAqB1C;AA6CD,eAAO,MAAM,IAAI,GAAI,mBAAmB;IAAE,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CAsB9E,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,2CAkC1E"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+export default function FeaturesSectionDemo() {
+    return (_jsx("div", { className: "py-20 lg:py-40", children: _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-10 md:gap-2 max-w-7xl mx-auto", children: grid.map((feature) => (_jsxs("div", { className: "relative bg-gradient-to-b dark:from-neutral-900 from-neutral-100 dark:to-neutral-950 to-white p-6 rounded-3xl overflow-hidden", children: [_jsx(Grid, { size: 20 }), _jsx("p", { className: "text-base font-bold text-neutral-800 dark:text-white relative z-20", children: feature.title }), _jsx("p", { className: "text-neutral-600 dark:text-neutral-400 mt-4 text-base font-normal relative z-20", children: feature.description })] }, feature.title))) }) }));
+}
+const grid = [
+    {
+        title: "HIPAA and SOC2 Compliant",
+        description: "Our applications are HIPAA and SOC2 compliant, your data is safe with us, always.",
+    },
+    {
+        title: "Automated Social Media Posting",
+        description: "Schedule and automate your social media posts across multiple platforms to save time and maintain a consistent online presence.",
+    },
+    {
+        title: "Advanced Analytics",
+        description: "Gain insights into your social media performance with detailed analytics and reporting tools to measure engagement and ROI.",
+    },
+    {
+        title: "Content Calendar",
+        description: "Plan and organize your social media content with an intuitive calendar view, ensuring you never miss a post.",
+    },
+    {
+        title: "Audience Targeting",
+        description: "Reach the right audience with advanced targeting options, including demographics, interests, and behaviors.",
+    },
+    {
+        title: "Social Listening",
+        description: "Monitor social media conversations and trends to stay informed about what your audience is saying and respond in real-time.",
+    },
+    {
+        title: "Customizable Templates",
+        description: "Create stunning social media posts with our customizable templates, designed to fit your brand's unique style and voice.",
+    },
+    {
+        title: "Collaboration Tools",
+        description: "Work seamlessly with your team using our collaboration tools, allowing you to assign tasks, share drafts, and provide feedback in real-time.",
+    },
+];
+export const Grid = ({ pattern, size }) => {
+    const p = pattern ?? [
+        [Math.floor(Math.random() * 4) + 7, Math.floor(Math.random() * 6) + 1],
+        [Math.floor(Math.random() * 4) + 7, Math.floor(Math.random() * 6) + 1],
+        [Math.floor(Math.random() * 4) + 7, Math.floor(Math.random() * 6) + 1],
+        [Math.floor(Math.random() * 4) + 7, Math.floor(Math.random() * 6) + 1],
+        [Math.floor(Math.random() * 4) + 7, Math.floor(Math.random() * 6) + 1],
+    ];
+    return (_jsx("div", { className: "pointer-events-none absolute left-1/2 top-0  -ml-20 -mt-2 h-full w-full [mask-image:linear-gradient(white,transparent)]", children: _jsx("div", { className: "absolute inset-0 bg-gradient-to-r  [mask-image:radial-gradient(farthest-side_at_top,white,transparent)] dark:from-zinc-900/30 from-zinc-100/30 to-zinc-300/30 dark:to-zinc-900/30 opacity-100", children: _jsx(GridPattern, { width: size ?? 20, height: size ?? 20, x: "-12", y: "4", squares: p, className: "absolute inset-0 h-full w-full  mix-blend-overlay dark:fill-white/10 dark:stroke-white/10 stroke-black/10 fill-black/10" }) }) }));
+};
+export function GridPattern({ width, height, x, y, squares, ...props }) {
+    const patternId = useId();
+    return (_jsxs("svg", { "aria-hidden": "true", ...props, children: [_jsx("defs", { children: _jsx("pattern", { id: patternId, width: width, height: height, patternUnits: "userSpaceOnUse", x: x, y: y, children: _jsx("path", { d: `M.5 ${height}V.5H${width}`, fill: "none" }) }) }), _jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${patternId})` }), squares && (_jsx("svg", { x: x, y: y, className: "overflow-visible", children: squares.map(([x, y]) => (_jsx("rect", { strokeWidth: "0", width: width + 1, height: height + 1, x: x * width, y: y * height }, `${x}-${y}`))) }))] }));
+}

package/dist/src/components/features-section-demo-2.d.ts

@@ -0,0 +1,2 @@
+export default function FeaturesSectionDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=features-section-demo-2.d.ts.map

package/dist/src/components/features-section-demo-2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"features-section-demo-2.d.ts","sourceRoot":"","sources":["../../../src/components/features-section-demo-2.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAkD1C"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBlocks, IconBooks, IconCode, IconMicroscope, IconRocket, IconSchool, IconUser, IconWriting, } from "@tabler/icons-react";
+import { cn } from "#utils";
+export default function FeaturesSectionDemo() {
+    const features = [
+        {
+            title: "Founder",
+            description: "I turn zero into one. Sometimes into ten.",
+            icon: _jsx(IconBlocks, {}),
+        },
+        {
+            title: "Entrepreneur",
+            description: "I chase opportunities, not job titles.",
+            icon: _jsx(IconRocket, {}),
+        },
+        {
+            title: "Developer",
+            description: "I speak fluent JavaScript and problem-solving.",
+            icon: _jsx(IconCode, {}),
+        },
+        {
+            title: "Mentor",
+            description: "Helping others skip the dumb mistakes I made.",
+            icon: _jsx(IconSchool, {}),
+        },
+        {
+            title: "Researcher",
+            description: "Curious by default. I dig deep before I build.",
+            icon: _jsx(IconMicroscope, {}),
+        },
+        {
+            title: "Thinker",
+            description: "Not everything I do ships — but it shapes what does.",
+            icon: _jsx(IconBooks, {}),
+        },
+        {
+            title: "Writer",
+            description: "Sometimes code, sometimes essays, sometimes late-night rambles.",
+            icon: _jsx(IconWriting, {}),
+        },
+        {
+            title: "Human",
+            description: "Imperfect. Learning. Figuring it out like the rest of us.",
+            icon: _jsx(IconUser, {}),
+        },
+    ];
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4  relative z-10 py-20 max-w-7xl mx-auto", children: features.map((feature, index) => (_jsx(Feature, { ...feature, index: index }, feature.title))) }));
+}
+const Feature = ({ title, description, icon, index, }) => {
+    return (_jsxs("div", { className: cn("flex flex-col lg:border-r  py-10 relative group/feature dark:border-neutral-800", (index === 0 || index === 4) && "lg:border-l dark:border-neutral-800", index < 4 && "lg:border-b dark:border-neutral-800"), children: [index < 4 && (_jsx("div", { className: "opacity-0 group-hover/feature:opacity-100 transition duration-200 absolute inset-0 h-full w-full bg-gradient-to-t from-neutral-100 dark:from-neutral-800 to-transparent pointer-events-none" })), index >= 4 && (_jsx("div", { className: "opacity-0 group-hover/feature:opacity-100 transition duration-200 absolute inset-0 h-full w-full bg-gradient-to-b from-neutral-100 dark:from-neutral-800 to-transparent pointer-events-none" })), _jsx("div", { className: "mb-4 relative z-10 px-10 text-neutral-600 dark:text-neutral-400", children: icon }), _jsxs("div", { className: "text-lg font-bold mb-2 relative z-10 px-10", children: [_jsx("div", { className: "absolute left-0 inset-y-0 h-6 group-hover/feature:h-8 w-1 rounded-tr-full rounded-br-full bg-neutral-300 dark:bg-neutral-700 group-hover/feature:bg-blue-500 transition-all duration-200 origin-center" }), _jsx("span", { className: "group-hover/feature:translate-x-2 transition duration-200 inline-block text-neutral-800 dark:text-neutral-100", children: title })] }), _jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-300 max-w-xs relative z-10 px-10", children: description })] }));
+};

package/dist/src/components/features-section-demo-3.d.ts

@@ -0,0 +1,9 @@
+export default function FeaturesSectionDemo(): import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonOne: () => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonThree: () => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonTwo: () => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonFour: () => import("react/jsx-runtime").JSX.Element;
+export declare const Globe: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=features-section-demo-3.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"features-section-demo-3.d.ts","sourceRoot":"","sources":["../../../src/components/features-section-demo-3.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAuD1C;AAkCD,eAAO,MAAM,WAAW,+CAoBvB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAsBzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAyEvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CA8C1D,CAAC"}

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

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBrandYoutubeFilled } from "@tabler/icons-react";
+import createGlobe from "cobe";
+import { motion } from "motion/react";
+import { useEffect, useRef } from "react";
+import { cn } from "#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))) }) })] }));
+}
+const FeatureCard = ({ children, className, }) => {
+    return _jsx("div", { className: cn("p-4 sm:p-8 relative overflow-hidden", className), children: 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 }));
+};
+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 }));
+};
+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" })] }));
+};
+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" })] }) }) }));
+};
+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" })] }));
+};
+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" }) }));
+};
+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 }));
+};

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

@@ -0,0 +1,2 @@
+export declare function ModeToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mode-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/mode-toggle.tsx"],"names":[],"mappings":"AAWA,wBAAgB,UAAU,4CAmBzB"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "#components/theme-provider";
+import { Button } from "#components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "#components/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" })] })] }));
+}

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

@@ -0,0 +1,14 @@
+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("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-main.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-main.d.ts","sourceRoot":"","sources":["../../../src/components/nav-main.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAc7D,wBAAgB,OAAO,CAAC,EACtB,KAAK,GACN,EAAE;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,GAAG,EAAE,MAAM,CAAC;SACb,EAAE,CAAC;KACL,EAAE,CAAC;CACL,2CAuCA"}

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { Link } from "react-router";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/ui/collapsible";
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "#components/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))) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function PricingCards(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pricing-cards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-cards.d.ts","sourceRoot":"","sources":["../../../src/components/pricing-cards.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,YAAY,4CAkE3B"}

package/dist/src/components/pricing-cards.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, MoveRight, PhoneCall } from "lucide-react";
+import { Badge } from "#components/ui/badge";
+import { Button } from "#components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "#components/ui/card";
+function PricingCard({ title, description, price, features, highlighted = false, ctaText, ctaIcon: CtaIcon, variant = "outline", }) {
+    const Icon = CtaIcon;
+    return (_jsxs(Card, { className: `w-full rounded-md ${highlighted ? "shadow-2xl" : ""}`, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("span", { className: "flex flex-row gap-4 items-center font-normal", children: title }) }), _jsx(CardDescription, { children: description })] }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col gap-8 justify-start", children: [_jsxs("p", { className: "flex flex-row items-center gap-2 text-xl", children: [_jsxs("span", { className: "text-4xl", children: ["$", price] }), _jsx("span", { className: "text-sm text-muted-foreground", children: " / month" })] }), _jsx("div", { className: "flex flex-col gap-4 justify-start", children: features.map((feature, index) => (_jsxs("div", { className: "flex flex-row gap-4", children: [_jsx(Check, { className: "w-4 h-4 mt-2 text-primary" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { children: feature.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: feature.description })] })] }, index))) }), _jsxs(Button, { variant: variant, className: "gap-4", children: [ctaText, " ", _jsx(Icon, { className: "w-4 h-4" })] })] }) })] }));
+}
+export function PricingCards() {
+    const commonDescription = "Our goal is to streamline SMB trade, making it easier and faster than ever for everyone and everywhere.";
+    const commonFeatures = [
+        {
+            title: "Fast and reliable",
+            description: "We've made it fast and reliable.",
+        },
+        {
+            title: "Fast and reliable",
+            description: "We've made it fast and reliable.",
+        },
+        {
+            title: "Fast and reliable",
+            description: "We've made it fast and reliable.",
+        },
+    ];
+    return (_jsx("div", { className: "w-full py-20 lg:py-40", children: _jsx("div", { className: "container mx-auto", children: _jsxs("div", { className: "flex text-center justify-center items-center gap-4 flex-col", children: [_jsx(Badge, { children: "Pricing" }), _jsxs("div", { className: "flex gap-2 flex-col", children: [_jsx("h2", { className: "text-3xl md:text-5xl tracking-tighter max-w-xl text-center font-regular", children: "Prices that make sense!" }), _jsx("p", { className: "text-lg leading-relaxed tracking-tight text-muted-foreground max-w-xl text-center", children: "Managing a small business today is already tough." })] }), _jsxs("div", { className: "grid pt-20 text-left grid-cols-1 lg:grid-cols-3 w-full gap-8", children: [_jsx(PricingCard, { title: "Startup", description: commonDescription, price: 40, features: commonFeatures, ctaText: "Sign up today", ctaIcon: MoveRight, variant: "outline" }), _jsx(PricingCard, { title: "Growth", description: commonDescription, price: 40, features: commonFeatures, highlighted: true, ctaText: "Sign up today", ctaIcon: MoveRight, variant: "default" }), _jsx(PricingCard, { title: "Enterprise", description: commonDescription, price: 40, features: commonFeatures, ctaText: "Book a meeting", ctaIcon: PhoneCall, variant: "outline" })] })] }) }) }));
+}

package/dist/src/components/shared/ButtonCopy.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonProps } from "#components/ui/button";
+export declare function ButtonCopy({ text, notificationTimeout, iconOnly, ...props }: ButtonProps & {
+    text: string;
+    notificationTimeout?: number;
+    iconOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonCopy.d.ts.map

package/dist/src/components/shared/ButtonCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/ButtonCopy.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGjE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,mBAA0B,EAC1B,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAqClF"}

package/dist/src/components/shared/ButtonCopy.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle, Copy } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { Button } from "#components/ui/button";
+import { cn } from "#utils";
+export function ButtonCopy({ text, notificationTimeout = 1000, iconOnly = false, ...props }) {
+    const { t } = useTranslation();
+    const [isCopied, setIsCopied] = useState(false);
+    const handleCopy = async (text) => {
+        try {
+            await window.navigator.clipboard.writeText(text);
+            setIsCopied(true);
+            toast.success(t("web-ui:common.copySuccess"));
+            setTimeout(() => setIsCopied(false), notificationTimeout);
+        }
+        catch (error) {
+            toast.error(t("web-ui:common.copyError"));
+            console.error(error);
+        }
+    };
+    return (_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleCopy(text), className: cn(isCopied ? "bg-green-200 hover:bg-green-300" : "", iconOnly ? "" : "gap-1"), ...props, children: isCopied ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })) }));
+}

package/dist/src/components/team-switcher.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare function TeamSwitcher({ teams, }: {
+    teams: {
+        name: string;
+        logo: React.ElementType;
+        plan: string;
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=team-switcher.d.ts.map

package/dist/src/components/team-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/team-switcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,wBAAgB,YAAY,CAAC,EAC3B,KAAK,GACN,EAAE;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;CACL,2CAuDA"}

package/dist/src/components/team-switcher.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown, Plus } from "lucide-react";
+import * as React from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "#components/ui/sidebar";
+export function TeamSwitcher({ teams, }) {
+    const { isMobile } = useSidebar();
+    const [activeTeam, setActiveTeam] = React.useState(teams[0]);
+    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsx("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: _jsx(activeTeam.logo, { className: "size-4" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: activeTeam.name }), _jsx("span", { className: "truncate text-xs", children: activeTeam.plan })] }), _jsx(ChevronsUpDown, { className: "ml-auto" })] }) }), _jsxs(DropdownMenuContent, { className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Teams" }), teams.map((team, index) => (_jsxs(DropdownMenuItem, { onClick: () => setActiveTeam(team), className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-sm border", children: _jsx(team.logo, { className: "size-4 shrink-0" }) }), team.name, _jsxs(DropdownMenuShortcut, { children: ["\u2318", index + 1] })] }, team.name))), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 p-2", children: [_jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-background", children: _jsx(Plus, { className: "size-4" }) }), _jsx("div", { className: "font-medium text-muted-foreground", children: "Add team" })] })] })] }) }) }));
+}

package/dist/src/components/theme-provider.d.ts

@@ -0,0 +1,14 @@
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/src/components/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AASF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAsCpB;AAED,eAAO,MAAM,QAAQ,0BAMpB,CAAC"}

package/dist/src/components/theme-provider.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+const initialState = {
+    theme: "dark",
+    setTheme: () => null,
+};
+const ThemeProviderContext = createContext(initialState);
+export function ThemeProvider({ children, defaultTheme = "system", storageKey = "vite-ui-theme", ...props }) {
+    const [theme, setTheme] = useState(defaultTheme);
+    useEffect(() => {
+        const savedTheme = localStorage.getItem(storageKey);
+        if (savedTheme)
+            setTheme(savedTheme);
+    }, []);
+    useEffect(() => {
+        const root = window.document.documentElement;
+        root.classList.remove("light", "dark");
+        if (theme === "system") {
+            const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+                ? "dark"
+                : "light";
+            root.classList.add(systemTheme);
+            return;
+        }
+        root.classList.add(theme);
+    }, [theme]);
+    const value = {
+        theme,
+        setTheme: (theme) => {
+            localStorage.setItem(storageKey, theme);
+            setTheme(theme);
+        },
+    };
+    return (_jsx(ThemeProviderContext.Provider, { ...props, value: value, children: children }));
+}
+export const useTheme = () => {
+    const context = useContext(ThemeProviderContext);
+    if (context === undefined)
+        throw new Error("useTheme must be used within a ThemeProvider");
+    return context;
+};

package/dist/src/components/typewriter.d.ts

@@ -0,0 +1,19 @@
+import { TypewriterEffect } from "./ui/typewriter-effect";
+interface TypewriterProps extends Omit<React.ComponentProps<typeof TypewriterEffect>, "words"> {
+    words: string[];
+    wordClass?: string;
+    highlightClass?: string;
+    highlightIndex?: number;
+}
+export declare function Typewriter({ words, wordClass, highlightClass, cursorClassName, highlightIndex, ...props }: TypewriterProps): import("react/jsx-runtime").JSX.Element;
+interface CyclingTypewriterProps extends Omit<React.ComponentProps<typeof TypewriterEffect>, "words"> {
+    wordSets: string[][];
+    wordClass?: string;
+    highlightClass?: string;
+    highlightIndex?: number;
+    displayDuration?: number;
+    cycleDelay?: number;
+}
+export declare function CyclingTypewriter({ wordSets, wordClass, highlightClass, cursorClassName, highlightIndex, displayDuration, cycleDelay, ...props }: CyclingTypewriterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=typewriter.d.ts.map

package/dist/src/components/typewriter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../../src/components/typewriter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC5F,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAmC,EACnC,cAAqD,EACrD,eAAkD,EAClD,cAAc,EACd,GAAG,KAAK,EACT,EAAE,eAAe,2CAYjB;AAED,UAAU,sBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAmC,EACnC,cAAqD,EACrD,eAAkD,EAClD,cAAc,EACd,eAAsB,EACtB,UAAgB,EAChB,GAAG,KAAK,EACT,EAAE,sBAAsB,kDAuCxB"}