@elizaos/ui 2.0.0-beta.2 → 2.0.11-beta.7

package/cloud-ui/components/share/share-buttons.js

@@ -0,0 +1,62 @@
+/**
+ * Share buttons component providing social sharing and copy link functionality.
+ * Supports native share API, Twitter sharing, and clipboard copy.
+ *
+ * @param props.url - URL to share
+ * @param props.title - Title for sharing
+ * @param props.description - Optional description for sharing
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, Copy, Share2 } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { Button } from "../../../components/ui/button.js";
+export function ShareButtons({ url, title, description }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopyLink = async () => {
+        try {
+            await navigator.clipboard.writeText(url);
+            setCopied(true);
+            toast.success("Link copied to clipboard!");
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (_error) {
+            toast.error("Failed to copy link");
+        }
+    };
+    const handleNativeShare = async () => {
+        if (navigator.share) {
+            try {
+                await navigator.share({
+                    title,
+                    text: description,
+                    url,
+                });
+            }
+            catch (error) {
+                if (error.name !== "AbortError") {
+                    toast.error("Failed to share");
+                }
+            }
+        }
+        else {
+            handleCopyLink();
+        }
+    };
+    const shareOnTwitter = () => {
+        const text = `${title}${description ? ` - ${description}` : ""}`;
+        const twitterUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`;
+        window.open(twitterUrl, "_blank", "width=550,height=420");
+    };
+    const shareOnLinkedIn = () => {
+        const linkedInUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`;
+        window.open(linkedInUrl, "_blank", "width=550,height=420");
+    };
+    const shareOnTelegram = () => {
+        const text = `${title}${description ? ` - ${description}` : ""}`;
+        const telegramUrl = `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(text)}`;
+        window.open(telegramUrl, "_blank", "width=550,height=420");
+    };
+    return (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleNativeShare, className: "gap-2", children: [_jsx(Share2, { className: "h-4 w-4" }), "Share"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleCopyLink, className: "gap-2", children: copied ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-4 w-4" }), "Copied!"] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-4 w-4" }), "Copy Link"] })) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: shareOnTwitter, className: "gap-2", children: [_jsx("svg", { "aria-hidden": "true", className: "h-4 w-4", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }), "Twitter"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: shareOnLinkedIn, className: "gap-2", children: [_jsx("svg", { "aria-hidden": "true", className: "h-4 w-4", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }), "LinkedIn"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: shareOnTelegram, className: "gap-2", children: [_jsx("svg", { "aria-hidden": "true", className: "h-4 w-4", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82 1.23-.697.064-1.226-.461-1.901-.903-1.056-.693-1.653-1.124-2.678-1.8-1.185-.781-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.139-5.062 3.345-.479.329-.913.489-1.302.481-.428-.008-1.252-.241-1.865-.44-.752-.244-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635.099-.002.321.023.465.14.121.098.154.23.17.324.016.094.036.307.02.473z" }) }), "Telegram"] })] }));
+}

package/cloud-ui/components/sonner.d.ts

@@ -0,0 +1,4 @@
+import { type ToasterProps } from "sonner";
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/cloud-ui/components/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG9D,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAiB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/cloud-ui/components/sonner.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as Sonner } from "sonner";
+import { useTheme } from "./theme/theme-provider.hooks.js";
+const Toaster = ({ ...props }) => {
+    const { theme } = useTheme();
+    return (_jsx(Sonner, { theme: theme, className: "toaster group", style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-text": "var(--popover-foreground)",
+            "--normal-border": "var(--border)",
+        }, ...props }));
+};
+export { Toaster };

package/cloud-ui/components/spotlight.d.ts

@@ -0,0 +1,7 @@
+type SpotlightProps = {
+    className?: string;
+    fill?: string;
+};
+export declare const Spotlight: ({ className, fill }: SpotlightProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=spotlight.d.ts.map

package/cloud-ui/components/spotlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/spotlight.tsx"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,qBAAqB,cAAc,4CAgD5D,CAAC"}

package/cloud-ui/components/spotlight.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export const Spotlight = ({ className, fill }) => {
+    return (_jsxs("svg", { "aria-hidden": "true", className: cn("animate-spotlight pointer-events-none absolute z-[1]  h-[169%] w-[138%] lg:w-[84%] opacity-0", className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3787 2842", fill: "none", children: [_jsx("g", { filter: "url(#filter)", children: _jsx("ellipse", { cx: "1924.71", cy: "273.501", rx: "1924.71", ry: "273.501", transform: "matrix(-0.822377 -0.568943 -0.568943 0.822377 3631.88 2291.09)", fill: fill || "white", fillOpacity: "0.21" }) }), _jsx("defs", { children: _jsxs("filter", { id: "filter", x: "0.860352", y: "0.838989", width: "3785.16", height: "2840.26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: "151", result: "effect1_foregroundBlur_1065_8" })] }) })] }));
+};

package/cloud-ui/components/theme/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Theme System Components
+ * Exports theme provider and toggle components
+ */
+export { ThemeProvider } from "./theme-provider";
+export { useTheme } from "./theme-provider.hooks";
+export { ThemeToggle } from "./theme-toggle";
+//# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/theme/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/cloud-ui/components/theme/index.js

@@ -0,0 +1,7 @@
+/**
+ * Theme System Components
+ * Exports theme provider and toggle components
+ */
+export { ThemeProvider } from "./theme-provider.js";
+export { useTheme } from "./theme-provider.hooks.js";
+export { ThemeToggle } from "./theme-toggle.js";

package/cloud-ui/components/theme/theme-provider.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type Theme } from "./theme-provider.hooks";
+export type { ThemeContextValue } from "./theme-provider.hooks";
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    attribute?: "class" | "data-theme";
+    defaultTheme?: Theme;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    storageKey?: string;
+}
+export declare function ThemeProvider({ children, attribute, defaultTheme, enableSystem, disableTransitionOnChange, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/cloud-ui/components/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/theme/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,KAAK,EAEX,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsDD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAmB,EACnB,YAAuB,EACvB,YAAmB,EACnB,yBAAiC,EACjC,UAAgC,GACjC,EAAE,kBAAkB,2CA0DpB"}

package/cloud-ui/components/theme/theme-provider.hooks.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Theme context object + types + useTheme hook. Kept out of theme-provider.tsx
+ * so that file exports only the ThemeProvider component (React Fast
+ * Refresh-compatible).
+ */
+export type Theme = "light" | "dark" | "system";
+export type ResolvedTheme = "light" | "dark";
+export interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    resolvedTheme: ResolvedTheme;
+    systemTheme: ResolvedTheme;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
+export declare function useTheme(): ThemeContextValue;
+//# sourceMappingURL=theme-provider.hooks.d.ts.map

package/cloud-ui/components/theme/theme-provider.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.hooks.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/theme/theme-provider.hooks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/cloud-ui/components/theme/theme-provider.hooks.js

@@ -0,0 +1,15 @@
+/**
+ * Theme context object + types + useTheme hook. Kept out of theme-provider.tsx
+ * so that file exports only the ThemeProvider component (React Fast
+ * Refresh-compatible).
+ */
+"use client";
+import { createContext, useContext } from "react";
+export const ThemeContext = createContext(null);
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error("useTheme must be used within ThemeProvider");
+    }
+    return context;
+}

package/cloud-ui/components/theme/theme-provider.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ThemeContext, } from "./theme-provider.hooks.js";
+const DEFAULT_STORAGE_KEY = "eliza-cloud-theme";
+const MEDIA_QUERY = "(prefers-color-scheme: dark)";
+function isTheme(value) {
+    return value === "light" || value === "dark" || value === "system";
+}
+function getSystemTheme() {
+    if (typeof window === "undefined")
+        return "dark";
+    return window.matchMedia(MEDIA_QUERY).matches ? "dark" : "light";
+}
+function readStoredTheme(storageKey, defaultTheme) {
+    if (typeof window === "undefined")
+        return defaultTheme;
+    try {
+        const stored = window.localStorage.getItem(storageKey);
+        return isTheme(stored) ? stored : defaultTheme;
+    }
+    catch {
+        return defaultTheme;
+    }
+}
+function writeStoredTheme(storageKey, theme) {
+    try {
+        window.localStorage.setItem(storageKey, theme);
+    }
+    catch {
+        // Storage can be unavailable in private browsing; the in-memory state still applies.
+    }
+}
+function resolveTheme(theme, systemTheme, enableSystem) {
+    return theme === "system" ? (enableSystem ? systemTheme : "light") : theme;
+}
+function withoutTransitions(callback) {
+    const style = document.createElement("style");
+    style.appendChild(document.createTextNode("*{transition:none!important;animation-duration:0s!important}"));
+    document.head.appendChild(style);
+    callback();
+    window.requestAnimationFrame(() => {
+        window.requestAnimationFrame(() => style.remove());
+    });
+}
+export function ThemeProvider({ children, attribute = "class", defaultTheme = "system", enableSystem = true, disableTransitionOnChange = false, storageKey = DEFAULT_STORAGE_KEY, }) {
+    const [theme, setThemeState] = React.useState(defaultTheme);
+    const [systemTheme, setSystemTheme] = React.useState("dark");
+    React.useEffect(() => {
+        setSystemTheme(getSystemTheme());
+        setThemeState(readStoredTheme(storageKey, defaultTheme));
+    }, [defaultTheme, storageKey]);
+    React.useEffect(() => {
+        if (!enableSystem || typeof window === "undefined")
+            return;
+        const mediaQuery = window.matchMedia(MEDIA_QUERY);
+        const handleChange = () => setSystemTheme(mediaQuery.matches ? "dark" : "light");
+        handleChange();
+        mediaQuery.addEventListener("change", handleChange);
+        return () => mediaQuery.removeEventListener("change", handleChange);
+    }, [enableSystem]);
+    const resolvedTheme = resolveTheme(theme, systemTheme, enableSystem);
+    React.useEffect(() => {
+        const root = document.documentElement;
+        const applyTheme = () => {
+            if (attribute === "class") {
+                root.classList.remove("light", "dark");
+                root.classList.add(resolvedTheme);
+                return;
+            }
+            root.setAttribute(attribute, resolvedTheme);
+        };
+        if (disableTransitionOnChange) {
+            withoutTransitions(applyTheme);
+        }
+        else {
+            applyTheme();
+        }
+    }, [attribute, disableTransitionOnChange, resolvedTheme]);
+    const setTheme = React.useCallback((nextTheme) => {
+        setThemeState(nextTheme);
+        if (typeof window !== "undefined") {
+            writeStoredTheme(storageKey, nextTheme);
+        }
+    }, [storageKey]);
+    const value = React.useMemo(() => ({ theme, setTheme, resolvedTheme, systemTheme }), [theme, setTheme, resolvedTheme, systemTheme]);
+    return (_jsx(ThemeContext.Provider, { value: value, children: children }));
+}

package/cloud-ui/components/theme/theme-toggle.d.ts

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

package/cloud-ui/components/theme/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/theme/theme-toggle.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,4CAc1B"}

package/cloud-ui/components/theme/theme-toggle.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { Button } from "../../../components/ui/button.js";
+import { useTheme } from "./theme-provider.hooks.js";
+export function ThemeToggle() {
+    const { resolvedTheme, setTheme } = useTheme();
+    return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: () => setTheme(resolvedTheme === "light" ? "dark" : "light"), 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" })] }));
+}

package/cloud-ui/components/timeline.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+interface TimelineEntry {
+    title: string;
+    content: React.ReactNode;
+}
+export declare const Timeline: ({ data, title, description, }: {
+    data: TimelineEntry[];
+    title?: string;
+    description?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=timeline.d.ts.map

package/cloud-ui/components/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,+BAItB;IACD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,4CA6EA,CAAC"}

package/cloud-ui/components/timeline.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useScroll, useTransform } from "motion/react";
+import { useEffect, useRef, useState } from "react";
+export const Timeline = ({ data, title = "Changelog from my journey", description = "I've been working on Aceternity for the past 2 years. Here's a timeline of my journey.", }) => {
+    const ref = useRef(null);
+    const containerRef = useRef(null);
+    const [height, setHeight] = useState(0);
+    useEffect(() => {
+        if (ref.current) {
+            const rect = ref.current.getBoundingClientRect();
+            setHeight(rect.height);
+        }
+    }, []);
+    const { scrollYProgress } = useScroll({
+        target: containerRef,
+        offset: ["start 10%", "end 50%"],
+    });
+    const heightTransform = useTransform(scrollYProgress, [0, 1], [0, height]);
+    const opacityTransform = useTransform(scrollYProgress, [0, 0.1], [0, 1]);
+    return (_jsxs("div", { className: "w-full bg-transparent font-sans md:px-10", ref: containerRef, children: [_jsxs("div", { className: "max-w-7xl mx-auto py-20 px-4 md:px-8 lg:px-10", children: [_jsx("h2", { className: "text-lg md:text-4xl mb-4 text-white max-w-4xl", children: title }), _jsx("p", { className: "text-neutral-300 text-sm md:text-base max-w-sm", children: description })] }), _jsxs("div", { ref: ref, className: "relative max-w-7xl mx-auto pb-20", children: [data.map((item) => (_jsxs("div", { className: "flex justify-start pt-10 md:pt-40 md:gap-10", children: [_jsxs("div", { className: "sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full", children: [_jsx("div", { className: "h-10 absolute left-3 md:left-3 w-10 rounded-full bg-neutral-900 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-4 rounded-full bg-neutral-700 border border-neutral-600 p-2" }) }), _jsx("h3", { className: "hidden md:block text-xl md:pl-20 md:text-5xl font-bold text-neutral-400", children: item.title })] }), _jsxs("div", { className: "relative pl-20 pr-4 md:pl-4 w-full", children: [_jsx("h3", { className: "md:hidden block text-2xl mb-4 text-left font-bold text-neutral-400", children: item.title }), item.content, " "] })] }, item.title))), _jsx("div", { style: {
+                            height: `${height}px`,
+                        }, className: "absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ", children: _jsx(motion.div, { style: {
+                                height: heightTransform,
+                                opacity: opacityTransform,
+                                // biome-ignore lint/suspicious/noExplicitAny: framer-motion MotionStyle differs across resolutions
+                            }, className: "absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-purple-500 via-blue-500 to-transparent from-[0%] via-[10%] rounded-full" }) })] })] }));
+};

package/cloud-ui/components/voice/audio-utils.d.ts

@@ -0,0 +1,4 @@
+export declare function supportsMediaRecorder(): boolean;
+export declare function supportsGetUserMedia(): boolean;
+export declare function getSupportedMimeType(): string;
+//# sourceMappingURL=audio-utils.d.ts.map

package/cloud-ui/components/voice/audio-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/voice/audio-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,IAAI,OAAO,CAE/C;AAED,wBAAgB,oBAAoB,IAAI,OAAO,CAM9C;AAED,wBAAgB,oBAAoB,IAAI,MAAM,CAiB7C"}

package/cloud-ui/components/voice/audio-utils.js

@@ -0,0 +1,24 @@
+export function supportsMediaRecorder() {
+    return typeof window !== "undefined" && "MediaRecorder" in window;
+}
+export function supportsGetUserMedia() {
+    return !!(typeof window !== "undefined" &&
+        navigator.mediaDevices &&
+        navigator.mediaDevices.getUserMedia);
+}
+export function getSupportedMimeType() {
+    const types = [
+        "audio/webm;codecs=opus",
+        "audio/webm",
+        "audio/ogg;codecs=opus",
+        "audio/ogg",
+        "audio/mp4",
+        "audio/wav",
+    ];
+    for (const type of types) {
+        if (MediaRecorder.isTypeSupported(type)) {
+            return type;
+        }
+    }
+    return "";
+}

package/cloud-ui/components/voice/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./audio-utils";
+export type { Voice, VoiceCloneJob, VoiceSettings } from "./types";
+export * from "./use-audio-player";
+export * from "./use-audio-recorder";
+export { VoiceAudioPlayer } from "./voice-audio-player";
+export { VoiceEmptyState } from "./voice-empty-state";
+export { VoiceStatusBadge } from "./voice-status-badge";
+export { getEstimatedReadyMessage } from "./voice-status-badge.helpers";
+//# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/voice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/voice/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACnE,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC"}

package/cloud-ui/components/voice/index.js

@@ -0,0 +1,7 @@
+export * from "./audio-utils.js";
+export * from "./use-audio-player.js";
+export * from "./use-audio-recorder.js";
+export { VoiceAudioPlayer } from "./voice-audio-player.js";
+export { VoiceEmptyState } from "./voice-empty-state.js";
+export { VoiceStatusBadge } from "./voice-status-badge.js";
+export { getEstimatedReadyMessage } from "./voice-status-badge.helpers.js";

package/cloud-ui/components/voice/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Shared type definitions for Voice features
+ */
+export interface Voice {
+    id: string;
+    elevenlabsVoiceId: string;
+    name: string;
+    description: string | null;
+    cloneType: "instant" | "professional";
+    sampleCount: number;
+    usageCount: number;
+    isActive: boolean;
+    createdAt: Date | string;
+    lastUsedAt: Date | string | null;
+    audioQualityScore: string | null;
+    totalAudioDurationSeconds: number | null;
+}
+export interface VoiceSettings {
+    stability?: number;
+    similarity_boost?: number;
+    style?: number;
+    use_speaker_boost?: boolean;
+}
+export interface VoiceCloneJob {
+    id: string;
+    status: "pending" | "processing" | "completed" | "failed";
+    progress: number;
+    error?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/cloud-ui/components/voice/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/voice/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,SAAS,GAAG,cAAc,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,yBAAyB,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/cloud-ui/components/voice/types.js

@@ -0,0 +1,4 @@
+/**
+ * Shared type definitions for Voice features
+ */
+export {};

package/cloud-ui/components/voice/use-audio-player.d.ts

@@ -0,0 +1,13 @@
+export interface UseAudioPlayerReturn {
+    isPlaying: boolean;
+    currentTime: number;
+    duration: number;
+    error: string | null;
+    playAudio: (audioBlob: Blob | string) => Promise<void>;
+    pauseAudio: () => void;
+    resumeAudio: () => Promise<void>;
+    stopAudio: () => void;
+    seekTo: (time: number) => void;
+}
+export declare function useAudioPlayer(): UseAudioPlayerReturn;
+//# sourceMappingURL=use-audio-player.d.ts.map

package/cloud-ui/components/voice/use-audio-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-audio-player.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/voice/use-audio-player.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,cAAc,IAAI,oBAAoB,CAsIrD"}

package/cloud-ui/components/voice/use-audio-player.js

@@ -0,0 +1,119 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useAudioPlayer() {
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [error, setError] = useState(null);
+    const audioRef = useRef(null);
+    const currentAudioUrlRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (audioRef.current) {
+                audioRef.current.pause();
+                audioRef.current.src = "";
+            }
+            if (currentAudioUrlRef.current) {
+                URL.revokeObjectURL(currentAudioUrlRef.current);
+            }
+        };
+    }, []);
+    const playAudio = useCallback(async (audioSource) => {
+        setError(null);
+        try {
+            if (audioRef.current) {
+                audioRef.current.pause();
+                audioRef.current.src = "";
+            }
+            if (currentAudioUrlRef.current) {
+                URL.revokeObjectURL(currentAudioUrlRef.current);
+                currentAudioUrlRef.current = null;
+            }
+            if (!audioRef.current) {
+                audioRef.current = new Audio();
+                audioRef.current.addEventListener("loadedmetadata", () => {
+                    setDuration(audioRef.current?.duration || 0);
+                });
+                audioRef.current.addEventListener("timeupdate", () => {
+                    setCurrentTime(audioRef.current?.currentTime || 0);
+                });
+                audioRef.current.addEventListener("ended", () => {
+                    setIsPlaying(false);
+                    setCurrentTime(0);
+                });
+                audioRef.current.addEventListener("error", () => {
+                    setError("Failed to play audio");
+                    setIsPlaying(false);
+                });
+            }
+            let audioUrl;
+            if (audioSource instanceof Blob) {
+                audioUrl = URL.createObjectURL(audioSource);
+                currentAudioUrlRef.current = audioUrl;
+            }
+            else {
+                audioUrl = audioSource;
+            }
+            audioRef.current.src = audioUrl;
+            await audioRef.current.play();
+            setIsPlaying(true);
+        }
+        catch (err) {
+            if (err instanceof Error && err.name === "NotAllowedError") {
+                setError("Audio playback not allowed. Please interact with the page first.");
+            }
+            else {
+                setError("Failed to play audio. Please try again.");
+            }
+            setIsPlaying(false);
+        }
+    }, []);
+    const pauseAudio = useCallback(() => {
+        if (audioRef.current && !audioRef.current.paused) {
+            audioRef.current.pause();
+            setIsPlaying(false);
+        }
+    }, []);
+    const resumeAudio = useCallback(async () => {
+        if (audioRef.current?.paused) {
+            try {
+                await audioRef.current.play();
+                setIsPlaying(true);
+            }
+            catch (err) {
+                if (err instanceof Error && err.name === "NotAllowedError") {
+                    setError("Audio playback not allowed. Please interact with the page first.");
+                }
+                else {
+                    setError("Failed to resume audio. Please try again.");
+                }
+                setIsPlaying(false);
+            }
+        }
+    }, []);
+    const stopAudio = useCallback(() => {
+        if (audioRef.current) {
+            audioRef.current.pause();
+            audioRef.current.currentTime = 0;
+            setIsPlaying(false);
+            setCurrentTime(0);
+        }
+    }, []);
+    const seekTo = useCallback((time) => {
+        if (audioRef.current) {
+            audioRef.current.currentTime = time;
+            setCurrentTime(time);
+        }
+    }, []);
+    return {
+        isPlaying,
+        currentTime,
+        duration,
+        error,
+        playAudio,
+        pauseAudio,
+        resumeAudio,
+        stopAudio,
+        seekTo,
+    };
+}

package/cloud-ui/components/voice/use-audio-recorder.d.ts

@@ -0,0 +1,14 @@
+export interface UseAudioRecorderReturn {
+    isRecording: boolean;
+    isPaused: boolean;
+    recordingTime: number;
+    audioBlob: Blob | null;
+    error: string | null;
+    startRecording: () => Promise<void>;
+    stopRecording: () => void;
+    pauseRecording: () => void;
+    resumeRecording: () => void;
+    clearRecording: () => void;
+}
+export declare function useAudioRecorder(): UseAudioRecorderReturn;
+//# sourceMappingURL=use-audio-recorder.d.ts.map

package/cloud-ui/components/voice/use-audio-recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-audio-recorder.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/voice/use-audio-recorder.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CA4LzD"}