@goldlabelapps/theme 3.2.8 → 3.6.0

package/dist/components/shortcodes/PageLinkShortcode.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppRouterLink as NextLink } from '@goldlabelapps/uberedux';
+import { Button as MuiButton, Box, Typography } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import Icon from '../../design-system/components/icons/Icon/Icon';
+export function PageLink({ url, href, icon, iconAlign, title, description, variant = 'outlined', color = 'primary', }) {
+    const theme = useTheme();
+    const targetUrl = url || href || '#';
+    const isExternal = /^https?:\/\//.test(targetUrl);
+    const isRightAlign = iconAlign === 'right' || (icon === 'right' && !iconAlign);
+    const iconName = icon === 'right' ? 'right' : icon;
+    const iconElement = iconName ? _jsx(Icon, { icon: iconName, color: color === 'inherit' ? 'inherit' : color }) : null;
+    const isContained = variant === 'contained';
+    return (_jsx(MuiButton, { component: NextLink, href: targetUrl, target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noopener noreferrer' : undefined, variant: variant, color: color, startIcon: !isRightAlign ? iconElement : undefined, endIcon: isRightAlign ? iconElement : undefined, sx: {
+            my: 1.5,
+            py: 1.25,
+            px: 2,
+            borderRadius: theme.shape?.borderRadius ? `${Number(theme.shape.borderRadius) * 2}px` : '6px',
+            textTransform: 'none',
+            justifyContent: 'flex-start',
+            textAlign: 'left',
+            width: '100%',
+            maxWidth: '600px',
+            display: 'inline-flex',
+            alignItems: 'center',
+            lineHeight: 1.4,
+            textDecoration: 'none',
+            backgroundColor: isContained ? undefined : theme.palette.background.paper,
+            borderColor: variant === 'outlined' ? theme.palette.divider || theme.palette.primary.main : undefined,
+            color: isContained ? 'primary.contrastText' : 'text.primary',
+            '&:hover': {
+                textDecoration: 'none',
+                backgroundColor: isContained ? undefined : theme.palette.action.hover,
+                borderColor: variant === 'outlined' ? theme.palette.primary.main : undefined,
+            },
+        }, children: _jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', textAlign: 'left', minWidth: 0, flex: 1 }, children: [title && (_jsx(Typography, { component: "span", variant: "subtitle1", sx: {
+                        fontWeight: 600,
+                        lineHeight: 1.3,
+                        color: isContained ? 'inherit' : 'text.primary',
+                    }, children: title })), description && (_jsx(Typography, { component: "span", variant: "body2", sx: {
+                        lineHeight: 1.3,
+                        mt: title ? 0.25 : 0,
+                        color: isContained ? 'inherit' : 'text.secondary',
+                        opacity: isContained ? 0.85 : 1,
+                    }, children: description })), !title && !description && (_jsx(Typography, { component: "span", variant: "button", sx: {
+                        color: isContained ? 'inherit' : 'text.primary',
+                    }, children: targetUrl }))] }) }));
+}
+export const PageLinkShortcode = PageLink;
+export default PageLink;

package/dist/components/showcase/BlogSection.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import { AppRouterLink as Link } from "@goldlabelapps/uberedux";
 import { useSiteConfig } from "../../context/ConfigContext";
 import { ChevronLeft, ChevronRight, BookOpen } from "lucide-react";
 export function BlogSection({ posts: propPosts, title: propTitle, subtitle: propSubtitle, }) {
@@ -8,5 +8,5 @@ export function BlogSection({ posts: propPosts, title: propTitle, subtitle: prop
     const posts = propPosts || siteConfig.blogs.posts || [];
     const title = propTitle || siteConfig.blogs.title || "Guides & Articles";
     const subtitle = propSubtitle || siteConfig.blogs.subtitle;
-    return (_jsx("section", { id: "articles", className: "py-24 sm:py-32 relative bg-white overflow-hidden transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12", children: [_jsxs("div", { children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(BookOpen, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Articles & Guides" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-extrabold text-slate-900 tracking-tight", children: title }), subtitle && (_jsx("p", { className: "mt-4 text-base text-slate-600 max-w-2xl", children: subtitle }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { "aria-label": "Previous blog posts", className: "p-2 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-700 transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { "aria-label": "Next blog posts", className: "p-2 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-700 transition-colors cursor-pointer", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: posts.map((post) => (_jsxs(Link, { href: post.href, className: "group rounded-3xl p-6 sm:p-8 bg-slate-50 border border-slate-200 hover:border-[#012867]/40 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 mb-4", children: [_jsx("span", { className: "text-[11px] font-bold px-2.5 py-0.5 rounded-full bg-[#012867]/[0.08] text-[#012867]", children: post.category }), _jsx("span", { className: "text-xs text-slate-400 font-medium", children: post.date })] }), _jsx("h3", { className: "text-lg sm:text-xl font-bold text-slate-900 group-hover:text-[#012867] transition-colors leading-snug mb-3", children: post.title }), post.summary && (_jsx("p", { className: "text-xs sm:text-sm text-slate-600 line-clamp-3 leading-relaxed", children: post.summary }))] }), _jsx("div", { className: "pt-6 mt-6 border-t border-slate-200/60 flex items-center text-xs font-bold text-[#012867] group-hover:underline", children: _jsx("span", { children: "Read guide \u2192" }) })] }, post.id))) })] }) }));
+    return (_jsx("section", { id: "articles", className: "py-24 sm:py-32 relative bg-white overflow-hidden transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12", children: [_jsxs("div", { children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(BookOpen, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Articles & Guides" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-normal text-slate-900 tracking-tight", children: title }), subtitle && (_jsx("p", { className: "mt-4 text-base text-slate-600 max-w-2xl", children: subtitle }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { "aria-label": "Previous blog posts", className: "p-2 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-700 transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { "aria-label": "Next blog posts", className: "p-2 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-700 transition-colors cursor-pointer", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: posts.map((post) => (_jsxs(Link, { href: post.href, className: "group rounded-3xl p-6 sm:p-8 bg-slate-50 border border-slate-200 hover:border-[#012867]/40 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 mb-4", children: [_jsx("span", { className: "text-[11px] font-bold px-2.5 py-0.5 rounded-full bg-[#012867]/[0.08] text-[#012867]", children: post.category }), _jsx("span", { className: "text-xs text-slate-400 font-medium", children: post.date })] }), _jsx("h3", { className: "text-lg sm:text-xl font-normal text-slate-900 group-hover:text-[#012867] transition-colors leading-snug mb-3", children: post.title }), post.summary && (_jsx("p", { className: "text-xs sm:text-sm text-slate-600 line-clamp-3 leading-relaxed", children: post.summary }))] }), _jsx("div", { className: "pt-6 mt-6 border-t border-slate-200/60 flex items-center text-xs font-bold text-[#012867] group-hover:underline", children: _jsx("span", { children: "Read guide \u2192" }) })] }, post.id))) })] }) }));
 }

package/dist/components/showcase/FeatureExplorer.js

@@ -25,12 +25,12 @@ export function FeatureExplorer({ items: propItems, sectionTitle: propTitle, sub
     };
     if (!items.length)
         return null;
-    return (_jsxs("section", { id: "features", className: "py-24 sm:py-32 relative bg-white overflow-hidden transition-colors duration-200", children: [_jsx("div", { className: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[500px] bg-[#012867]/10 rounded-full blur-3xl opacity-60" }), _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-12 sm:mb-16", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Zap, { className: "h-3.5 w-3.5" }), _jsx("span", { children: badge })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-extrabold text-slate-900 tracking-tight", children: sectionTitle }), subtitle && (_jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: subtitle }))] }), _jsx("div", { className: "flex justify-center mb-10 overflow-x-auto pb-2 scrollbar-none", children: _jsx("div", { className: "inline-flex p-1.5 rounded-2xl bg-slate-100 border border-slate-200 shadow-sm max-w-full", children: items.map((tab) => {
+    return (_jsxs("section", { id: "features", className: "py-24 sm:py-32 relative bg-white overflow-hidden transition-colors duration-200", children: [_jsx("div", { className: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[500px] bg-[#012867]/10 rounded-full blur-3xl opacity-60" }), _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-12 sm:mb-16", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Zap, { className: "h-3.5 w-3.5" }), _jsx("span", { children: badge })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-normal text-slate-900 tracking-tight", children: sectionTitle }), subtitle && (_jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: subtitle }))] }), _jsx("div", { className: "flex justify-center mb-10 overflow-x-auto pb-2 scrollbar-none", children: _jsx("div", { className: "inline-flex p-1.5 rounded-2xl bg-slate-100 border border-slate-200 shadow-sm max-w-full", children: items.map((tab) => {
                                 const isActive = tab.id === activeItem?.id;
                                 return (_jsxs("button", { onClick: () => setActiveItemId(tab.id), className: cn("px-4 sm:px-6 py-2.5 rounded-xl text-xs sm:text-sm font-semibold transition-all duration-200 cursor-pointer whitespace-nowrap flex items-center gap-2", isActive
                                         ? "bg-white text-[#012867] shadow-sm font-bold border border-slate-200/80"
                                         : "text-slate-600 hover:text-slate-900 hover:bg-slate-200/60"), children: [_jsx("span", { children: tab.tabLabel || tab.title }), tab.badge && (_jsx("span", { className: cn("text-[10px] font-extrabold px-2 py-0.5 rounded-full uppercase tracking-wider", isActive
                                                 ? "bg-[#012867]/[0.08] text-[#012867]"
                                                 : "bg-slate-200 text-slate-600"), children: tab.badge }))] }, tab.id));
-                            }) }) }), activeItem && (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-8 items-center rounded-3xl bg-slate-50 border border-slate-200 p-6 sm:p-10 shadow-xl transition-all duration-300", children: [_jsxs("div", { className: "lg:col-span-5 space-y-6", children: [_jsx("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-lg bg-[#012867]/[0.06] text-[#012867] font-semibold text-xs border border-[#012867]/15", children: _jsx("span", { children: activeItem.tag }) }), _jsx("h3", { className: "text-2xl sm:text-3xl font-extrabold text-slate-900 leading-tight", children: activeItem.title }), _jsx("p", { className: "text-sm sm:text-base text-slate-600 leading-relaxed", children: activeItem.description }), activeItem.cta && (_jsx("div", { className: "pt-2", children: _jsxs("a", { href: activeItem.cta.href, className: "inline-flex items-center gap-2 text-sm font-bold text-[#012867] hover:underline", children: [_jsx("span", { children: activeItem.cta.label }), _jsx("span", { children: "\u2192" })] }) }))] }), _jsxs("div", { className: "lg:col-span-7", children: [activeItem.previewType === "terminal" && activeItem.terminalSnippet && (_jsxs("div", { className: "rounded-2xl bg-slate-900 border border-slate-800 shadow-2xl overflow-hidden font-mono text-xs sm:text-sm text-slate-200", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-slate-950 border-b border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-3 h-3 rounded-full bg-rose-500/80" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-amber-500/80" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-emerald-500/80" })] }), _jsx("span", { className: "text-[11px] font-bold text-slate-400", children: activeItem.terminalSnippet.prompt || "terminal" }), _jsx(Terminal, { className: "h-4 w-4 text-slate-500" })] }), _jsx("div", { className: "p-4 sm:p-6 space-y-4", children: activeItem.terminalSnippet.commands.map((cmd, cIdx) => (_jsxs("div", { className: "space-y-1.5", children: [cmd.cmd && (_jsxs("div", { className: "flex items-center justify-between group", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-400", children: [_jsx("span", { children: "$" }), _jsx("span", { className: "text-slate-100", children: cmd.cmd })] }), _jsx("button", { onClick: () => handleCopyCode(cmd.cmd), title: "Copy command", className: "opacity-0 group-hover:opacity-100 transition-opacity p-1 text-slate-400 hover:text-white", children: copiedCode ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-400" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })) })] })), cmd.output && (_jsx("p", { className: "text-slate-400 text-xs sm:text-xs leading-relaxed whitespace-pre-wrap pl-4 border-l border-slate-700", children: cmd.output }))] }, cIdx))) })] })), activeItem.previewType === "code" && activeItem.codeSnippet && (_jsxs("div", { className: "rounded-2xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 shadow-xl overflow-hidden font-mono text-xs sm:text-sm text-slate-800 dark:text-slate-200", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Code2, { className: "h-4 w-4 text-[#012867] dark:text-[#38BDF8]" }), _jsx("span", { className: "text-xs font-semibold text-slate-700 dark:text-slate-300", children: activeItem.codeSnippet.filename || "snippet" })] }), _jsx("button", { onClick: () => handleCopyCode(activeItem.codeSnippet.code), className: "flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-slate-200/80 hover:bg-slate-200 text-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700 dark:text-slate-300 text-xs transition-colors cursor-pointer", children: copiedCode ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" }), _jsx("span", { children: "Copied" })] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Copy Code" })] })) })] }), _jsx("pre", { className: "p-4 sm:p-6 overflow-x-auto text-xs sm:text-sm text-slate-900 dark:text-slate-100 bg-transparent border-0", children: _jsx("code", { children: activeItem.codeSnippet.code }) })] })), activeItem.previewType === "interactive-ui" && (_jsxs("div", { className: "rounded-2xl bg-white border border-slate-200 p-8 shadow-inner flex flex-col items-center justify-center min-h-[260px] text-center space-y-4", children: [_jsx("div", { className: "h-12 w-12 rounded-2xl bg-[#012867]/[0.08] text-[#012867] flex items-center justify-center", children: _jsx(Zap, { className: "h-6 w-6" }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-slate-900 text-base", children: activeItem.title }), _jsx("p", { className: "text-xs text-slate-500 mt-1 max-w-sm", children: activeItem.description })] }), activeItem.cta && (_jsx("a", { href: activeItem.cta.href, className: "px-4 py-2 rounded-full bg-[#012867] text-white text-xs font-bold shadow hover:bg-[#011f52] transition-colors", children: activeItem.cta.label }))] }))] })] }))] })] }));
+                            }) }) }), activeItem && (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-8 items-center rounded-3xl bg-slate-50 border border-slate-200 p-6 sm:p-10 shadow-xl transition-all duration-300", children: [_jsxs("div", { className: "lg:col-span-5 space-y-6", children: [_jsx("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-lg bg-[#012867]/[0.06] text-[#012867] font-semibold text-xs border border-[#012867]/15", children: _jsx("span", { children: activeItem.tag }) }), _jsx("h3", { className: "text-2xl sm:text-3xl font-normal text-slate-900 leading-tight", children: activeItem.title }), _jsx("p", { className: "text-sm sm:text-base text-slate-600 leading-relaxed", children: activeItem.description }), activeItem.cta && (_jsx("div", { className: "pt-2", children: _jsxs("a", { href: activeItem.cta.href, className: "inline-flex items-center gap-2 text-sm font-bold text-[#012867] hover:underline", children: [_jsx("span", { children: activeItem.cta.label }), _jsx("span", { children: "\u2192" })] }) }))] }), _jsxs("div", { className: "lg:col-span-7", children: [activeItem.previewType === "terminal" && activeItem.terminalSnippet && (_jsxs("div", { className: "rounded-2xl bg-slate-900 border border-slate-800 shadow-2xl overflow-hidden font-mono text-xs sm:text-sm text-slate-200", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-slate-950 border-b border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-3 h-3 rounded-full bg-rose-500/80" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-amber-500/80" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-emerald-500/80" })] }), _jsx("span", { className: "text-[11px] font-bold text-slate-400", children: activeItem.terminalSnippet.prompt || "terminal" }), _jsx(Terminal, { className: "h-4 w-4 text-slate-500" })] }), _jsx("div", { className: "p-4 sm:p-6 space-y-4", children: activeItem.terminalSnippet.commands.map((cmd, cIdx) => (_jsxs("div", { className: "space-y-1.5", children: [cmd.cmd && (_jsxs("div", { className: "flex items-center justify-between group", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-400", children: [_jsx("span", { children: "$" }), _jsx("span", { className: "text-slate-100", children: cmd.cmd })] }), _jsx("button", { onClick: () => handleCopyCode(cmd.cmd), title: "Copy command", className: "opacity-0 group-hover:opacity-100 transition-opacity p-1 text-slate-400 hover:text-white", children: copiedCode ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-400" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })) })] })), cmd.output && (_jsx("p", { className: "text-slate-400 text-xs sm:text-xs leading-relaxed whitespace-pre-wrap pl-4 border-l border-slate-700", children: cmd.output }))] }, cIdx))) })] })), activeItem.previewType === "code" && activeItem.codeSnippet && (_jsxs("div", { className: "rounded-2xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 shadow-xl overflow-hidden font-mono text-xs sm:text-sm text-slate-800 dark:text-slate-200", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-slate-50 dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Code2, { className: "h-4 w-4 text-[#012867] dark:text-[#38BDF8]" }), _jsx("span", { className: "text-xs font-semibold text-slate-700 dark:text-slate-300", children: activeItem.codeSnippet.filename || "snippet" })] }), _jsx("button", { onClick: () => handleCopyCode(activeItem.codeSnippet.code), className: "flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-slate-200/80 hover:bg-slate-200 text-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700 dark:text-slate-300 text-xs transition-colors cursor-pointer", children: copiedCode ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" }), _jsx("span", { children: "Copied" })] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Copy Code" })] })) })] }), _jsx("pre", { className: "p-4 sm:p-6 overflow-x-auto text-xs sm:text-sm text-slate-900 dark:text-slate-100 bg-transparent border-0", children: _jsx("code", { children: activeItem.codeSnippet.code }) })] })), activeItem.previewType === "interactive-ui" && (_jsxs("div", { className: "rounded-2xl bg-white border border-slate-200 p-8 shadow-inner flex flex-col items-center justify-center min-h-[260px] text-center space-y-4", children: [_jsx("div", { className: "h-12 w-12 rounded-2xl bg-[#012867]/[0.08] text-[#012867] flex items-center justify-center", children: _jsx(Zap, { className: "h-6 w-6" }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-normal text-slate-900 text-base", children: activeItem.title }), _jsx("p", { className: "text-xs text-slate-500 mt-1 max-w-sm", children: activeItem.description })] }), activeItem.cta && (_jsx("a", { href: activeItem.cta.href, className: "px-4 py-2 rounded-full bg-[#012867] text-white text-xs font-bold shadow hover:bg-[#011f52] transition-colors", children: activeItem.cta.label }))] }))] })] }))] })] }));
 }

package/dist/components/showcase/FeaturedCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface FeaturedCardProps {
+    categoryTag?: string;
+    badge?: string;
+    title: string;
+    description: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    href: string;
+    readMoreLabel?: string;
+    className?: string;
+}
+export declare function FeaturedCard({ categoryTag, badge, title, description, imageUrl: _imageUrl, imageAlt: _imageAlt, href, readMoreLabel, className, }: FeaturedCardProps): React.JSX.Element;

package/dist/components/showcase/FeaturedCard.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppRouterLink as Link } from "@goldlabelapps/uberedux";
+export function FeaturedCard({ categoryTag = "Career / AI / Antigravity Overview", badge = "Featured", title, description, imageUrl: _imageUrl, imageAlt: _imageAlt, href, readMoreLabel = "Read more", className = "", }) {
+    return (_jsx(Link, { href: href, className: `block mt-6 mb-4 max-w-2xl w-full text-left bg-white/90 dark:bg-slate-900/90 backdrop-blur-md p-4 sm:p-5 rounded-2xl sm:rounded-3xl border-2 border-pink-500 dark:border-pink-500 shadow-xl shadow-pink-500/10 relative z-20 transition-all hover:border-pink-600 dark:hover:border-pink-400 cursor-pointer group ${className}`, children: _jsx("div", { className: "flex flex-col sm:flex-row items-stretch gap-4 sm:gap-5", children: _jsxs("div", { className: "flex-1 min-w-0 flex flex-col justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 mb-1.5", children: [categoryTag && (_jsx("span", { className: "px-2.5 py-0.5 rounded-full text-[11px] font-semibold tracking-wide bg-[#85580C]/10 text-[#85580C] dark:bg-[#F1D57A]/10 dark:text-[#F1D57A]", children: categoryTag })), badge && (_jsx("span", { className: "text-[11px] text-pink-600 dark:text-pink-400 font-semibold uppercase tracking-wider", children: badge }))] }), _jsx("h2", { className: "text-base sm:text-lg font-bold text-slate-900 dark:text-white mb-1.5 leading-snug group-hover:text-amber-600 dark:group-hover:text-[#F1D57A] transition-colors", children: title }), _jsx("p", { className: "text-xs sm:text-sm text-slate-600 dark:text-slate-300 leading-relaxed line-clamp-3", children: description })] }), _jsx("div", { className: "flex items-center justify-end pt-3 mt-3 border-t border-slate-100 dark:border-slate-800/80", children: _jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-bold text-[#85580C] dark:text-[#F1D57A] group-hover:underline bg-[#85580C]/10 dark:bg-[#F1D57A]/10 px-3 py-1.5 rounded-lg transition-all group-hover:bg-[#85580C]/20 dark:group-hover:bg-[#F1D57A]/20", children: [_jsx("span", { children: readMoreLabel }), _jsx("span", { className: "group-hover:translate-x-0.5 transition-transform", children: "\u2192" })] }) })] }) }) }));
+}

package/dist/components/showcase/SolutionsSection.js

@@ -6,9 +6,9 @@ import { Check, Sparkles } from "lucide-react";
 export function SolutionsSection({ config }) {
     const siteConfig = useSiteConfig();
     const solutions = config ? { ...siteConfig.solutions, ...config } : siteConfig.solutions;
-    return (_jsx("section", { id: "solutions", className: "py-24 sm:py-32 relative bg-slate-50 overflow-hidden transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-16 sm:mb-20", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Pricing & Plans" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-extrabold text-slate-900 tracking-tight", children: solutions.title }), _jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: solutions.subtitle })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto items-stretch", children: solutions.cards.map((card) => (_jsxs("div", { className: `rounded-3xl p-8 sm:p-10 flex flex-col justify-between transition-all duration-300 ${card.highlighted
+    return (_jsx("section", { id: "solutions", className: "py-24 sm:py-32 relative bg-slate-50 overflow-hidden transition-colors duration-200", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-16 sm:mb-20", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Pricing & Plans" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-normal text-slate-900 tracking-tight", children: solutions.title }), _jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: solutions.subtitle })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto items-stretch", children: solutions.cards.map((card) => (_jsxs("div", { className: `rounded-3xl p-8 sm:p-10 flex flex-col justify-between transition-all duration-300 ${card.highlighted
                             ? "bg-white border-2 border-[#012867] shadow-2xl relative"
-                            : "bg-white border border-slate-200 shadow-md"}`, children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-4 mb-4", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: card.tier }), card.badge && (_jsx("span", { className: "px-3 py-1 rounded-full text-xs font-bold bg-[#012867]/[0.08] text-[#012867] border border-[#012867]/20", children: card.badge }))] }), _jsx("h3", { className: "text-3xl font-extrabold text-slate-900 mb-2", children: card.heading }), _jsx("p", { className: "text-sm text-slate-600 mb-8 leading-relaxed", children: card.description }), _jsx("div", { className: "space-y-3 pt-4 border-t border-slate-100 mb-8", children: card.features.map((feature, fIdx) => (_jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-700", children: [_jsx("div", { className: "rounded-full p-1 bg-emerald-100 text-emerald-700 shrink-0 mt-0.5", children: _jsx(Check, { className: "h-3.5 w-3.5" }) }), _jsx("span", { children: feature })] }, fIdx))) })] }), _jsx(Button, { href: card.cta.href, variant: card.cta.variant === "primary" ? "primary" : "secondary", className: `w-full justify-center ${card.cta.variant === "primary"
+                            : "bg-white border border-slate-200 shadow-md"}`, children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-4 mb-4", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: card.tier }), card.badge && (_jsx("span", { className: "px-3 py-1 rounded-full text-xs font-bold bg-[#012867]/[0.08] text-[#012867] border border-[#012867]/20", children: card.badge }))] }), _jsx("h3", { className: "text-3xl font-normal text-slate-900 mb-2", children: card.heading }), _jsx("p", { className: "text-sm text-slate-600 mb-8 leading-relaxed", children: card.description }), _jsx("div", { className: "space-y-3 pt-4 border-t border-slate-100 mb-8", children: card.features.map((feature, fIdx) => (_jsxs("div", { className: "flex items-start gap-3 text-sm text-slate-700", children: [_jsx("div", { className: "rounded-full p-1 bg-emerald-100 text-emerald-700 shrink-0 mt-0.5", children: _jsx(Check, { className: "h-3.5 w-3.5" }) }), _jsx("span", { children: feature })] }, fIdx))) })] }), _jsx(Button, { href: card.cta.href, variant: card.cta.variant === "primary" ? "primary" : "secondary", className: `w-full justify-center ${card.cta.variant === "primary"
                                     ? "bg-[#012867] hover:bg-[#011f52] text-white shadow-md"
                                     : "border-slate-300 text-slate-800 hover:bg-slate-100"}`, children: card.cta.label })] }, card.id))) })] }) }));
 }

package/dist/components/showcase/StatementSection.js

@@ -5,5 +5,5 @@ import { Sparkles } from "lucide-react";
 export function StatementSection({ config }) {
     const siteConfig = useSiteConfig();
     const statement = config ? { ...siteConfig.statement, ...config } : siteConfig.statement;
-    return (_jsxs("section", { className: "py-24 sm:py-32 relative bg-slate-900 text-white overflow-hidden", children: [_jsx("div", { className: "pointer-events-none absolute inset-0 bg-[radial-gradient(#38bdf81a_1px,transparent_1px)] [background-size:24px_24px] opacity-25" }), _jsxs("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10", children: [statement.badge && (_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-white/10 border border-white/15 text-xs font-bold text-sky-400 mb-6 backdrop-blur-md", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), _jsx("span", { children: statement.badge })] })), _jsx("h2", { className: "text-3xl sm:text-5xl font-extrabold tracking-tight leading-tight text-slate-100 max-w-4xl mx-auto", children: statement.headline }), statement.subtext && (_jsx("p", { className: "mt-6 text-base sm:text-lg text-slate-400 max-w-3xl mx-auto leading-relaxed", children: statement.subtext })), statement.floatingIcons && statement.floatingIcons.length > 0 && (_jsx("div", { className: "mt-12 flex flex-wrap items-center justify-center gap-4", children: statement.floatingIcons.map((icon, idx) => (_jsxs("div", { className: "flex items-center gap-2 px-4 py-2 rounded-2xl bg-white/5 border border-white/10 backdrop-blur-md shadow-sm", children: [_jsx("span", { className: "text-lg", children: icon.symbol }), icon.label && _jsx("span", { className: "text-xs font-semibold text-slate-300", children: icon.label })] }, idx))) }))] })] }));
+    return (_jsxs("section", { className: "py-24 sm:py-32 relative bg-slate-900 text-white overflow-hidden", children: [_jsx("div", { className: "pointer-events-none absolute inset-0 bg-[radial-gradient(#38bdf81a_1px,transparent_1px)] [background-size:24px_24px] opacity-25" }), _jsxs("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10", children: [statement.badge && (_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-white/10 border border-white/15 text-xs font-bold text-sky-400 mb-6 backdrop-blur-md", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), _jsx("span", { children: statement.badge })] })), _jsx("h2", { className: "text-3xl sm:text-5xl font-normal tracking-tight leading-tight text-slate-100 max-w-4xl mx-auto", children: statement.headline }), statement.subtext && (_jsx("p", { className: "mt-6 text-base sm:text-lg text-slate-400 max-w-3xl mx-auto leading-relaxed", children: statement.subtext })), statement.floatingIcons && statement.floatingIcons.length > 0 && (_jsx("div", { className: "mt-12 flex flex-wrap items-center justify-center gap-4", children: statement.floatingIcons.map((icon, idx) => (_jsxs("div", { className: "flex items-center gap-2 px-4 py-2 rounded-2xl bg-white/5 border border-white/10 backdrop-blur-md shadow-sm", children: [_jsx("span", { className: "text-lg", children: icon.symbol }), icon.label && _jsx("span", { className: "text-xs font-semibold text-slate-300", children: icon.label })] }, idx))) }))] })] }));
 }

package/dist/components/showcase/VideoSection.js

@@ -20,9 +20,9 @@ export function VideoSection({ items: propItems, title: propTitle, subtitle: pro
     };
     if (!items.length)
         return null;
-    return (_jsxs("section", { id: "videos", className: "py-24 sm:py-32 relative bg-slate-50 overflow-hidden transition-colors duration-200", children: [_jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-16", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Video, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Walkthroughs & Demos" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-extrabold text-slate-900 tracking-tight", children: title }), subtitle && (_jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: subtitle }))] }), _jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsx("div", { className: "flex items-center gap-2 overflow-x-auto pb-2 scrollbar-none", children: items.map((v, idx) => (_jsx("button", { onClick: () => setActiveIdx(idx), className: `px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all cursor-pointer whitespace-nowrap ${idx === activeIdx
+    return (_jsxs("section", { id: "videos", className: "py-24 sm:py-32 relative bg-slate-50 overflow-hidden transition-colors duration-200", children: [_jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", children: [_jsxs("div", { className: "text-center max-w-3xl mx-auto mb-16", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 px-3.5 py-1 rounded-full bg-[#012867]/[0.06] border border-[#012867]/15 text-xs font-bold text-[#012867] mb-4 backdrop-blur-md", children: [_jsx(Video, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Walkthroughs & Demos" })] }), _jsx("h2", { className: "text-3xl sm:text-5xl font-normal text-slate-900 tracking-tight", children: title }), subtitle && (_jsx("p", { className: "mt-4 text-base sm:text-lg text-slate-600", children: subtitle }))] }), _jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsx("div", { className: "flex items-center gap-2 overflow-x-auto pb-2 scrollbar-none", children: items.map((v, idx) => (_jsx("button", { onClick: () => setActiveIdx(idx), className: `px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold transition-all cursor-pointer whitespace-nowrap ${idx === activeIdx
                                         ? "bg-[#012867] text-white shadow-md"
-                                        : "bg-white text-slate-700 hover:bg-slate-200/70 border border-slate-200"}`, children: v.title }, v.id))) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx("button", { onClick: handlePrev, "aria-label": "Previous video", className: "p-2 rounded-full bg-white border border-slate-200 text-slate-700 hover:bg-slate-100 transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { onClick: handleNext, "aria-label": "Next video", className: "p-2 rounded-full bg-white border border-slate-200 text-slate-700 hover:bg-slate-100 transition-colors cursor-pointer", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }), activeVideo && (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-8 items-center rounded-3xl bg-white border border-slate-200 p-6 sm:p-10 shadow-xl", children: [_jsxs("div", { className: "lg:col-span-6 space-y-6", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-lg bg-[#012867]/[0.06] text-[#012867] font-semibold text-xs border border-[#012867]/15", children: [_jsx("span", { children: activeVideo.badge || activeVideo.title }), _jsx("span", { children: "\u2022" }), _jsx("span", { children: activeVideo.duration })] }), _jsx("h3", { className: "text-2xl sm:text-3xl font-extrabold text-slate-900 leading-tight", children: activeVideo.tagline || activeVideo.title }), _jsx("p", { className: "text-sm sm:text-base text-slate-600 leading-relaxed", children: activeVideo.description }), activeVideo.keyFeatures && activeVideo.keyFeatures.length > 0 && (_jsx("ul", { className: "space-y-2 pt-2", children: activeVideo.keyFeatures.map((kf, kIdx) => (_jsxs("li", { className: "flex items-start gap-2 text-xs sm:text-sm text-slate-700", children: [_jsx("span", { className: "text-[#012867] font-bold", children: "\u2713" }), _jsx("span", { children: kf })] }, kIdx))) })), _jsxs("div", { className: "pt-4 flex flex-wrap gap-4", children: [_jsxs("button", { onClick: () => setModalOpen(true), className: "inline-flex items-center gap-2 px-6 py-3 rounded-full bg-[#012867] hover:bg-[#011f52] text-white font-bold text-sm shadow-md transition-all cursor-pointer", children: [_jsx(Play, { className: "h-4 w-4 fill-white" }), _jsx("span", { children: "Watch Video Demo" })] }), activeVideo.cta && (_jsx("a", { href: activeVideo.cta.href, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-800 font-semibold text-sm transition-all", children: _jsx("span", { children: activeVideo.cta.label }) }))] })] }), _jsx("div", { className: "lg:col-span-6 flex items-center justify-center", children: _jsxs("div", { onClick: () => setModalOpen(true), className: `relative w-full rounded-2xl bg-slate-900 overflow-hidden shadow-2xl group cursor-pointer border border-slate-800 ${activeVideo.orientation === "portrait"
+                                        : "bg-white text-slate-700 hover:bg-slate-200/70 border border-slate-200"}`, children: v.title }, v.id))) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx("button", { onClick: handlePrev, "aria-label": "Previous video", className: "p-2 rounded-full bg-white border border-slate-200 text-slate-700 hover:bg-slate-100 transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { onClick: handleNext, "aria-label": "Next video", className: "p-2 rounded-full bg-white border border-slate-200 text-slate-700 hover:bg-slate-100 transition-colors cursor-pointer", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] }), activeVideo && (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-8 items-center rounded-3xl bg-white border border-slate-200 p-6 sm:p-10 shadow-xl", children: [_jsxs("div", { className: "lg:col-span-6 space-y-6", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1 rounded-lg bg-[#012867]/[0.06] text-[#012867] font-semibold text-xs border border-[#012867]/15", children: [_jsx("span", { children: activeVideo.badge || activeVideo.title }), _jsx("span", { children: "\u2022" }), _jsx("span", { children: activeVideo.duration })] }), _jsx("h3", { className: "text-2xl sm:text-3xl font-normal text-slate-900 leading-tight", children: activeVideo.tagline || activeVideo.title }), _jsx("p", { className: "text-sm sm:text-base text-slate-600 leading-relaxed", children: activeVideo.description }), activeVideo.keyFeatures && activeVideo.keyFeatures.length > 0 && (_jsx("ul", { className: "space-y-2 pt-2", children: activeVideo.keyFeatures.map((kf, kIdx) => (_jsxs("li", { className: "flex items-start gap-2 text-xs sm:text-sm text-slate-700", children: [_jsx("span", { className: "text-[#012867] font-bold", children: "\u2713" }), _jsx("span", { children: kf })] }, kIdx))) })), _jsxs("div", { className: "pt-4 flex flex-wrap gap-4", children: [_jsxs("button", { onClick: () => setModalOpen(true), className: "inline-flex items-center gap-2 px-6 py-3 rounded-full bg-[#012867] hover:bg-[#011f52] text-white font-bold text-sm shadow-md transition-all cursor-pointer", children: [_jsx(Play, { className: "h-4 w-4 fill-white" }), _jsx("span", { children: "Watch Video Demo" })] }), activeVideo.cta && (_jsx("a", { href: activeVideo.cta.href, className: "inline-flex items-center gap-2 px-6 py-3 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-800 font-semibold text-sm transition-all", children: _jsx("span", { children: activeVideo.cta.label }) }))] })] }), _jsx("div", { className: "lg:col-span-6 flex items-center justify-center", children: _jsxs("div", { onClick: () => setModalOpen(true), className: `relative w-full rounded-2xl bg-slate-900 overflow-hidden shadow-2xl group cursor-pointer border border-slate-800 ${activeVideo.orientation === "portrait"
                                         ? "max-w-[280px] aspect-[9/16]"
                                         : "aspect-video"}`, children: [_jsx("div", { className: "absolute inset-0 flex items-center justify-center z-20", children: _jsx("div", { className: "h-16 w-16 rounded-full bg-[#012867] text-white flex items-center justify-center shadow-2xl group-hover:scale-110 transition-transform", children: _jsx(Play, { className: "h-7 w-7 fill-white ml-1" }) }) }), _jsx("div", { className: "absolute inset-0 bg-slate-950/40 group-hover:bg-slate-950/20 transition-colors z-10" }), _jsx("div", { className: "absolute bottom-4 left-4 right-4 z-20", children: _jsx("span", { className: "text-xs font-bold text-white bg-black/60 px-2.5 py-1 rounded-md backdrop-blur-sm", children: activeVideo.duration }) })] }) })] }))] }), activeVideo && (_jsx(VideoModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), videoUrl: activeVideo.videoUrl, title: activeVideo.title, badge: activeVideo.badge, orientation: activeVideo.orientation }))] }));
 }

package/dist/components/ui/Bash.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface BashCommand {
+    cmd: string;
+    arg?: string;
+    comment?: string;
+    output?: string;
+}
+export interface BashProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    commands?: BashCommand[];
+    children?: React.ReactNode;
+}
+export declare function Bash({ className, title, subtitle, commands, children, }: BashProps): React.JSX.Element;
+export default Bash;

package/dist/components/ui/Bash.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Terminal } from "lucide-react";
+import { cn } from "../../lib/utils";
+const defaultCommands = [
+    {
+        cmd: "git clone",
+        arg: "https://github.com/goldlabelapps/nx.git",
+    },
+    {
+        cmd: "cd",
+        arg: "nx-private/apps/nx",
+    },
+    {
+        cmd: "pnpm install",
+        comment: "# Install dependencies across all packages",
+    },
+    {
+        cmd: "pnpm dev",
+        output: "➜ Ready on http://localhost:4525",
+    },
+];
+export function Bash({ className, title = "Quick Start — bash", subtitle = "Fullstack Monorepo", commands, children, }) {
+    const items = commands || defaultCommands;
+    return (_jsxs("div", { className: cn("max-w-3xl mx-auto text-left rounded-2xl bg-slate-900/90 border border-slate-800 shadow-2xl overflow-hidden backdrop-blur-md", className), children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-slate-950 border-b border-slate-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-3 h-3 rounded-full bg-rose-500/80 inline-block" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-amber-500/80 inline-block" }), _jsx("span", { className: "w-3 h-3 rounded-full bg-emerald-500/80 inline-block" }), _jsxs("span", { className: "ml-2 text-xs font-mono text-slate-400 flex items-center gap-1.5", children: [_jsx(Terminal, { className: "h-3.5 w-3.5 text-cyan-400" }), title] })] }), subtitle && (_jsx("span", { className: "text-[11px] font-mono text-slate-500 uppercase tracking-wider", children: subtitle }))] }), _jsx("div", { className: "p-5 font-mono text-xs sm:text-sm text-slate-300 space-y-3 bg-slate-950/70", children: children ? (children) : (items.map((item, index) => {
+                    const isLast = index === items.length - 1 && item.output;
+                    return (_jsxs("div", { className: cn("flex items-center gap-2", isLast && "pt-1 border-t border-slate-800/80"), children: [_jsx("span", { className: "text-cyan-400 select-none", children: "$" }), _jsx("span", { className: "text-emerald-400 font-semibold", children: item.cmd }), item.arg && _jsx("span", { className: "text-slate-200", children: item.arg }), item.comment && _jsx("span", { className: "text-slate-400", children: item.comment }), item.output && _jsx("span", { className: "text-cyan-300", children: item.output })] }, index));
+                })) })] }));
+}
+export default Bash;

package/dist/components/ui/Button.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import { AppRouterLink as Link } from "@goldlabelapps/uberedux";
 import { cn } from "../../lib/utils";
 import { Download, ArrowRight, ChevronDown, Play, ExternalLink, Sparkles, Terminal, Code2, Check, } from "lucide-react";
 const iconMap = {

package/dist/components/ui/ThemeToggle.d.ts

@@ -1,5 +1,9 @@
+import React from "react";
+import { ThemeMode } from "../../context/ThemeContext";
 export interface ThemeToggleProps {
     className?: string;
+    variant?: "segmented" | "button";
     showLabel?: boolean;
+    onChange?: (mode: ThemeMode) => void;
 }
-export declare function ThemeToggle(_props: ThemeToggleProps): null;
+export declare function ThemeToggle({ className, variant, showLabel, onChange, }: ThemeToggleProps): React.JSX.Element;

package/dist/components/ui/ThemeToggle.js

@@ -1,4 +1,34 @@
 "use client";
-export function ThemeToggle(_props) {
-    return null;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sun, Moon, Monitor } from "lucide-react";
+import { useTheme } from "../../context/ThemeContext";
+import { cn } from "../../lib/utils";
+export function ThemeToggle({ className, variant = "segmented", showLabel = true, onChange, }) {
+    const { mode = "system", setMode, theme, toggleTheme, setTheme } = useTheme();
+    if (variant === "button") {
+        const isDark = theme === "dark";
+        return (_jsx("button", { type: "button", onClick: () => {
+                toggleTheme();
+                onChange?.(isDark ? "light" : "dark");
+            }, "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", title: isDark ? "Switch to light mode" : "Switch to dark mode", className: cn("inline-flex items-center justify-center h-8 w-8 rounded-full text-[#0f172a] bg-white hover:bg-slate-50 border border-[#0f172a]/15 dark:text-[#f8fafc] dark:bg-[#f8fafc]/10 dark:hover:bg-[#f8fafc]/15 dark:border-[#f8fafc]/30 transition-all duration-200 cursor-pointer", className), children: isDark ? _jsx(Sun, { className: "h-3.5 w-3.5" }) : _jsx(Moon, { className: "h-3.5 w-3.5" }) }));
+    }
+    const options = [
+        { value: "light", label: "Light", icon: _jsx(Sun, { className: "h-4 w-4" }) },
+        { value: "dark", label: "Dark", icon: _jsx(Moon, { className: "h-4 w-4" }) },
+        { value: "system", label: "System", icon: _jsx(Monitor, { className: "h-4 w-4" }) },
+    ];
+    return (_jsx("div", { role: "radiogroup", "aria-label": "Theme mode", className: cn("grid grid-cols-3 gap-1 p-1 bg-slate-100/90 dark:bg-slate-800/80 rounded-xl border border-slate-200/80 dark:border-slate-700/80", className), children: options.map((option) => {
+            const isActive = mode === option.value;
+            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": isActive, onClick: () => {
+                    if (setMode) {
+                        setMode(option.value);
+                    }
+                    else if (option.value !== "system") {
+                        setTheme(option.value);
+                    }
+                    onChange?.(option.value);
+                }, className: cn("flex items-center justify-center gap-1.5 py-2 px-2.5 rounded-lg text-xs font-bold transition-all duration-200 cursor-pointer select-none", isActive
+                    ? "bg-white dark:bg-slate-700 text-[#0f172a] dark:text-white shadow-sm border border-slate-200/60 dark:border-slate-600/60"
+                    : "text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-slate-200 hover:bg-slate-200/50 dark:hover:bg-slate-700/50"), children: [option.icon, showLabel && _jsx("span", { children: option.label })] }, option.value));
+        }) }));
 }

package/dist/components/video/VideoLayout.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+import { AppRouterLink as Link } from "@goldlabelapps/uberedux";
 import { Video } from "lucide-react";
 import { Button } from "../ui/Button";
 export function VideoLayout({ videos, currentVideo }) {
@@ -10,5 +10,5 @@ export function VideoLayout({ videos, currentVideo }) {
                                         return (_jsx("li", { children: _jsxs(Link, { href: `/videos/${v.id}`, className: `block p-3 rounded-2xl transition-all ${isActive
                                                     ? "bg-[#012867] text-white shadow-md"
                                                     : "hover:bg-slate-100 text-slate-800"}`, children: [_jsx("div", { className: "font-bold text-xs", children: v.title }), _jsx("div", { className: "text-[11px] opacity-80 line-clamp-1", children: v.tagline })] }) }, v.id));
-                                    }) })] }) }), _jsx("main", { className: "lg:col-span-8 space-y-6", children: _jsxs("div", { className: "rounded-3xl bg-white border border-slate-200 p-6 sm:p-10 shadow-xl space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h1", { className: "text-2xl sm:text-3xl font-extrabold text-slate-900", children: currentVideo.title }), _jsxs("span", { className: "text-xs font-bold px-3 py-1 rounded-full bg-slate-100 text-slate-700", children: ["Duration: ", currentVideo.duration] })] }), _jsx("div", { className: `w-full bg-black rounded-2xl overflow-hidden flex items-center justify-center ${isPortrait ? "aspect-[9/16] max-w-[320px] mx-auto" : "aspect-video"}`, children: _jsx("video", { src: currentVideo.videoUrl, controls: true, className: "w-full h-full object-contain" }) }), _jsx("p", { className: "text-slate-600 text-sm leading-relaxed", children: currentVideo.description }), currentVideo.keyFeatures && (_jsxs("div", { className: "pt-4 border-t border-slate-100", children: [_jsx("h4", { className: "text-xs font-bold uppercase tracking-wider text-slate-900 mb-3", children: "Key Walkthrough Highlights" }), _jsx("ul", { className: "space-y-2", children: currentVideo.keyFeatures.map((kf, idx) => (_jsxs("li", { className: "flex items-start gap-2 text-xs sm:text-sm text-slate-700", children: [_jsx("span", { className: "text-[#012867] font-bold", children: "\u2713" }), _jsx("span", { children: kf })] }, idx))) })] })), currentVideo.cta && (_jsx("div", { className: "pt-4", children: _jsx(Button, { href: currentVideo.cta.href, variant: "primary", children: currentVideo.cta.label }) }))] }) })] }) }) }));
+                                    }) })] }) }), _jsx("main", { className: "lg:col-span-8 space-y-6", children: _jsxs("div", { className: "rounded-3xl bg-white border border-slate-200 p-6 sm:p-10 shadow-xl space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h1", { className: "text-2xl sm:text-3xl font-normal text-slate-900", children: currentVideo.title }), _jsxs("span", { className: "text-xs font-bold px-3 py-1 rounded-full bg-slate-100 text-slate-700", children: ["Duration: ", currentVideo.duration] })] }), _jsx("div", { className: `w-full bg-black rounded-2xl overflow-hidden flex items-center justify-center ${isPortrait ? "aspect-[9/16] max-w-[320px] mx-auto" : "aspect-video"}`, children: _jsx("video", { src: currentVideo.videoUrl, controls: true, className: "w-full h-full object-contain" }) }), _jsx("p", { className: "text-slate-600 text-sm leading-relaxed", children: currentVideo.description }), currentVideo.keyFeatures && (_jsxs("div", { className: "pt-4 border-t border-slate-100", children: [_jsx("h4", { className: "text-xs font-normal uppercase tracking-wider text-slate-900 mb-3", children: "Key Walkthrough Highlights" }), _jsx("ul", { className: "space-y-2", children: currentVideo.keyFeatures.map((kf, idx) => (_jsxs("li", { className: "flex items-start gap-2 text-xs sm:text-sm text-slate-700", children: [_jsx("span", { className: "text-[#012867] font-bold", children: "\u2713" }), _jsx("span", { children: kf })] }, idx))) })] })), currentVideo.cta && (_jsx("div", { className: "pt-4", children: _jsx(Button, { href: currentVideo.cta.href, variant: "primary", children: currentVideo.cta.label }) }))] }) })] }) }) }));
 }

package/dist/context/ThemeContext.d.ts

@@ -1,10 +1,14 @@
 import React from "react";
 export type Theme = "light" | "dark";
+export type ThemeMode = "light" | "dark" | "system";
 export interface ThemeContextType {
     theme: Theme;
+    mode: ThemeMode;
     setTheme: (theme: Theme) => void;
+    setMode: (mode: ThemeMode) => void;
     toggleTheme: () => void;
 }
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
 export declare function ThemeProvider({ children }: {
     children: React.ReactNode;
 }): React.JSX.Element;

package/dist/context/ThemeContext.js

@@ -1,16 +1,17 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
-const ThemeContext = createContext(undefined);
+export const ThemeContext = createContext(undefined);
 export function ThemeProvider({ children }) {
-    const [theme, setThemeState] = useState("light");
+    const [mode, setModeState] = useState("dark");
+    const [theme, setThemeState] = useState("dark");
     const [_mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
         const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        root.classList.remove("light");
+        root.classList.add("dark");
+        root.style.colorScheme = "dark";
         try {
             localStorage.removeItem("theme");
         }
@@ -18,28 +19,32 @@ export function ThemeProvider({ children }) {
             // Ignore storage restrictions
         }
     }, []);
-    const setTheme = (_newTheme) => {
-        setThemeState("light");
+    const setMode = (newMode) => {
+        setModeState(newMode);
+        const resolvedTheme = newMode === "system" ? "dark" : newMode;
+        setThemeState(resolvedTheme);
         const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        root.classList.remove(resolvedTheme === "dark" ? "light" : "dark");
+        root.classList.add(resolvedTheme);
+        root.style.colorScheme = resolvedTheme;
+    };
+    const setTheme = (newTheme) => {
+        setMode(newTheme);
     };
     const toggleTheme = () => {
-        setThemeState("light");
-        const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        const next = mode === "light" ? "dark" : mode === "dark" ? "system" : "light";
+        setMode(next);
     };
-    return (_jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children: children }));
+    return (_jsx(ThemeContext.Provider, { value: { theme, mode, setTheme, setMode, toggleTheme }, children: children }));
 }
 export function useTheme() {
     const context = useContext(ThemeContext);
     if (!context) {
         return {
-            theme: "light",
+            theme: "dark",
+            mode: "dark",
             setTheme: () => { },
+            setMode: () => { },
             toggleTheme: () => { },
         };
     }