@goldlabelapps/theme 1.0.0

package/dist/context/ConfigContext.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+export const defaultConfig = {
+    metadata: {
+        title: "Application Template",
+        description: "Modular full-stack web application",
+        siteUrl: "https://goldlabel.pro",
+        twitterHandle: "@goldlabelapps",
+        twitterImage: "/png/open-graph.png",
+        ogImage: "/png/open-graph.png",
+        themeColor: "#012867",
+    },
+    brand: {
+        name: "Application",
+        tagline: "Modern full-stack application template",
+        logoType: "svg",
+        logoSrc: "/svg/nx.svg",
+        contextMenu: {
+            enabled: true,
+            copySvgLabel: "Copy Logo as SVG",
+            guidelinesLabel: "Brand Guidelines",
+            guidelinesUrl: "/how-to",
+        },
+    },
+    pwa: {
+        enabled: true,
+        name: "Application Template",
+        shortName: "Application",
+        description: "Modern full-stack application template",
+        startUrl: "/",
+        scope: "/",
+        display: "standalone",
+        orientation: "portrait",
+        themeColor: "#012867",
+        backgroundColor: "#FFFFFF",
+        appleTouchIcon: "/png/favicon_light.png",
+        favicon: "/svg/favicon.svg",
+        icons: [],
+    },
+    navigation: {
+        links: [],
+        primaryCta: { label: "Get Started", href: "#" },
+    },
+    hero: {
+        headline: "Modern Full-Stack Application",
+        subheadline: "Built with modular design primitives and strict type safety.",
+        primaryCta: { label: "Get Started", href: "#" },
+        secondaryCta: { label: "Learn More", href: "#" },
+        video: { enabled: false },
+        particleField: {
+            enabled: true,
+            count: 85,
+            interactive: true,
+            colors: ["#012867", "#01358d", "#F97316", "#64748B", "#38BDF8"],
+        },
+    },
+    statement: {
+        badge: "Architecture & Design",
+        headline: "Built with modern primitives and typed configurations.",
+        floatingIcons: [],
+    },
+    features: {
+        sectionTitle: "Features & Capabilities",
+        items: [],
+    },
+    videos: {
+        title: "Showcase Demos",
+        subtitle: "Explore interactive walkthroughs and features.",
+        items: [],
+    },
+    useCases: {
+        title: "Showcase Demos",
+        subtitle: "Explore interactive walkthroughs and features.",
+        items: [],
+    },
+    solutions: {
+        title: "Flexible Plans",
+        subtitle: "Choose the plan that best fits your workflow.",
+        cards: [],
+    },
+    blogs: {
+        title: "Articles & Guides",
+        viewAllCta: { label: "View All", href: "/how-to" },
+        posts: [],
+    },
+    authCta: {
+        badge: "✦ Ready to Get Started?",
+        title: "Launch Your Application Today",
+        subtitle: "Built with high performance and seamless developer experience.",
+        primaryCta: { label: "Get Started", href: "#" },
+        secondaryCta: { label: "Documentation", href: "/how-to" },
+        cliQuickInstall: { label: "Run dev server:", command: "pnpm dev" },
+        trustBadge: "TypeScript • Next.js • Tailwind CSS • Vitest",
+    },
+    footer: {
+        tagline: "Next-Generation Application",
+        brandName: "Goldlabel",
+        columns: [],
+        bottomLinks: [],
+        copyright: "© 2026 Goldlabel Apps. All rights reserved.",
+    },
+};
+const ConfigContext = createContext(defaultConfig);
+export function ConfigProvider({ value, children }) {
+    const mergedValue = useMemo(() => ({ ...defaultConfig, ...value }), [value]);
+    return _jsx(ConfigContext.Provider, { value: mergedValue, children: children });
+}
+export function useSiteConfig(override) {
+    const ctx = useContext(ConfigContext);
+    if (!override)
+        return ctx;
+    return { ...ctx, ...override };
+}

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type Theme = "light" | "dark";
+export interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+}
+export declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useTheme(): ThemeContextType;

package/dist/context/ThemeContext.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+const ThemeContext = createContext(undefined);
+export function ThemeProvider({ children }) {
+    const [theme, setThemeState] = useState("light");
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        const root = document.documentElement;
+        root.classList.remove("dark");
+        root.classList.add("light");
+        root.style.colorScheme = "light";
+        try {
+            localStorage.removeItem("theme");
+        }
+        catch {
+            // Ignore storage restrictions
+        }
+    }, []);
+    const setTheme = (newTheme) => {
+        setThemeState("light");
+        const root = document.documentElement;
+        root.classList.remove("dark");
+        root.classList.add("light");
+        root.style.colorScheme = "light";
+    };
+    const toggleTheme = () => {
+        setThemeState("light");
+        const root = document.documentElement;
+        root.classList.remove("dark");
+        root.classList.add("light");
+        root.style.colorScheme = "light";
+    };
+    return (_jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children: children }));
+}
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        return {
+            theme: "light",
+            setTheme: () => { },
+            toggleTheme: () => { },
+        };
+    }
+    return context;
+}

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ConfigContext";
+export * from "./ThemeContext";

package/dist/context/index.js

@@ -0,0 +1,2 @@
+export * from "./ConfigContext";
+export * from "./ThemeContext";

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./lib/utils";
+export * from "./context";
+export * from "./components";

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./lib/utils";
+export * from "./context";
+export * from "./components";

package/dist/lib/utils.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export type DetectedOS = "macos-silicon" | "macos-intel" | "windows" | "linux" | "unknown";
+export declare function detectUserOS(): DetectedOS;

package/dist/lib/utils.js

@@ -0,0 +1,21 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function detectUserOS() {
+    if (typeof window === "undefined" || !navigator)
+        return "macos-silicon";
+    const userAgent = navigator.userAgent.toLowerCase();
+    const platform = navigator.userAgentData?.platform?.toLowerCase() || navigator.platform?.toLowerCase() || "";
+    if (platform.includes("mac") || userAgent.includes("macintosh") || userAgent.includes("mac os")) {
+        return "macos-silicon";
+    }
+    if (platform.includes("win") || userAgent.includes("windows")) {
+        return "windows";
+    }
+    if (platform.includes("linux") || userAgent.includes("linux") || userAgent.includes("x11")) {
+        return "linux";
+    }
+    return "macos-silicon";
+}

package/dist/styles/globals.css

@@ -0,0 +1,91 @@
+@import "tailwindcss";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@layer base {
+  :root {
+    --background: #ffffff;
+    --background-secondary: #f8fafc;
+    --paper: #ffffff;
+    --primary: #012867;
+    --primary-hover: #011f52;
+    --secondary: #0F172A;
+    --foreground: #0f172a;
+    --foreground-muted: #64748b;
+    --card-bg: #ffffff;
+    --card-border: rgba(1, 40, 103, 0.1);
+  }
+
+  * {
+    border-color: rgba(15, 23, 42, 0.12);
+  }
+
+  html {
+    scroll-behavior: smooth;
+    color-scheme: light;
+    background-color: var(--background);
+    color: var(--foreground);
+    font-family: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", "Segoe UI", Roboto, sans-serif;
+  }
+
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+    font-feature-settings: "rlig" 1, "calt" 1;
+    overflow-x: hidden;
+    font-family: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", "Segoe UI", Roboto, sans-serif;
+  }
+
+  code, pre, kbd, samp {
+    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  }
+
+  code {
+    background-color: #f1f5f9;
+    color: #0f172a;
+    padding: 0.15em 0.35em;
+    border-radius: 0.375rem;
+    font-size: 0.875em;
+  }
+
+  pre {
+    background-color: #f8fafc;
+    color: #0f172a;
+    border: 1px solid #e2e8f0;
+    border-radius: 0.75rem;
+    padding: 1rem;
+    overflow-x: auto;
+  }
+
+  pre code {
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+    border: none;
+    font-size: inherit;
+  }
+
+  ::selection {
+    background-color: #012867;
+    color: #ffffff;
+  }
+}
+
+/* Custom Smooth Scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f5f9;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,319 @@
+export interface SiteMetadata {
+    title: string;
+    description: string;
+    siteUrl: string;
+    ogImage?: string;
+    twitterImage?: string;
+    twitterHandle?: string;
+    themeColor?: string;
+}
+export interface BrandConfig {
+    name: string;
+    tagline?: string;
+    logoType: "svg" | "text" | "custom" | "image";
+    logoSrc?: string;
+    customSvgLogo?: string;
+    contextMenu: {
+        enabled: boolean;
+        copySvgLabel: string;
+        guidelinesLabel: string;
+        guidelinesUrl: string;
+    };
+}
+export interface DropdownItem {
+    title: string;
+    description?: string;
+    href: string;
+    icon?: string;
+    badge?: string;
+    external?: boolean;
+}
+export interface DropdownGroup {
+    heading?: string;
+    items: DropdownItem[];
+}
+export interface NavItem {
+    label: string;
+    href?: string;
+    badge?: string;
+    external?: boolean;
+    dropdown?: DropdownGroup[] | DropdownItem[];
+}
+export interface NavigationConfig {
+    remoteControlBadge?: {
+        enabled: boolean;
+        label: string;
+        href: string;
+        tooltip?: string;
+    };
+    links: NavItem[];
+    primaryCta: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+    secondaryCta?: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+}
+export interface ParticleConfig {
+    enabled: boolean;
+    count: number;
+    interactive: boolean;
+    colors: string[];
+    maxSpeed?: number;
+    connectionDistance?: number;
+}
+export interface HeroConfig {
+    headline: string;
+    subheadline?: string;
+    gradientWords?: string[];
+    primaryCta: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+    secondaryCta: {
+        label: string;
+        href: string;
+        icon?: string;
+    };
+    video: {
+        enabled: boolean;
+        badge?: string;
+        title?: string;
+        youtubeEmbedUrl?: string;
+        thumbnailImage?: string;
+        hoverText?: string;
+    };
+    particleField: ParticleConfig;
+}
+export interface FloatingIcon {
+    name: string;
+    symbol: string;
+    label?: string;
+    color?: string;
+    x: number;
+    y: number;
+    size?: number;
+    delay?: number;
+}
+export interface StatementConfig {
+    badge?: string;
+    headline: string;
+    subtext?: string;
+    floatingIcons: FloatingIcon[];
+}
+export interface CodeSnippet {
+    language: string;
+    filename?: string;
+    code: string;
+}
+export interface TerminalCommand {
+    cmd?: string;
+    output?: string;
+    isComment?: boolean;
+}
+export interface TerminalSnippet {
+    prompt?: string;
+    commands: TerminalCommand[];
+}
+export interface FeatureItem {
+    id: string;
+    tag: string;
+    tabLabel?: string;
+    title: string;
+    description: string;
+    badge?: string;
+    cta?: {
+        label: string;
+        href: string;
+    };
+    previewType: "terminal" | "code" | "interactive-ui" | "graphic";
+    codeSnippet?: CodeSnippet;
+    terminalSnippet?: TerminalSnippet;
+    uiMockup?: {
+        type: "agent-manager" | "ide" | "cli" | "sdk" | "monorepo" | "cartridge";
+        accentColor?: string;
+    };
+}
+export interface FeaturesConfig {
+    sectionTitle?: string;
+    subtitle?: string;
+    items: FeatureItem[];
+}
+export interface VideoItem {
+    id: string;
+    title: string;
+    tagline: string;
+    description: string;
+    videoUrl: string;
+    orientation: "landscape" | "portrait";
+    duration: string;
+    badge?: string;
+    keyFeatures?: string[];
+    cta?: {
+        label: string;
+        href: string;
+    };
+}
+export interface VideosConfig {
+    title: string;
+    subtitle: string;
+    items: VideoItem[];
+}
+export interface UseCaseItem {
+    id: string;
+    role: string;
+    tagline: string;
+    description: string;
+    youtubeEmbedUrl?: string;
+    videoUrl?: string;
+    orientation?: "landscape" | "portrait";
+    duration?: string;
+    badge?: string;
+    thumbnailGradient?: string;
+    cta: {
+        label: string;
+        href: string;
+    };
+    keyFeatures?: string[];
+}
+export interface UseCasesConfig {
+    title: string;
+    subtitle: string;
+    items: UseCaseItem[];
+}
+export interface SolutionCard {
+    id: string;
+    badge: string;
+    tier: string;
+    heading: string;
+    description: string;
+    features: string[];
+    cta: {
+        label: string;
+        href: string;
+        variant: "primary" | "secondary";
+    };
+    highlighted?: boolean;
+}
+export interface SolutionsConfig {
+    title: string;
+    subtitle: string;
+    cards: SolutionCard[];
+}
+export interface BlogPost {
+    id: string;
+    title: string;
+    date: string;
+    category: "Product" | "Enterprise" | "Model" | "Engineering" | "Announcement" | "Architecture" | "Installation" | "Strategy";
+    readTime?: string;
+    href: string;
+    summary?: string;
+    gradient?: string;
+}
+export interface BlogsConfig {
+    title: string;
+    subtitle?: string;
+    viewAllCta: {
+        label: string;
+        href: string;
+    };
+    posts: BlogPost[];
+}
+export interface AuthCtaConfig {
+    badge: string;
+    title: string;
+    subtitle: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    secondaryCta: {
+        label: string;
+        href: string;
+    };
+    cliQuickInstall: {
+        label: string;
+        command: string;
+    };
+    trustBadge: string;
+}
+export interface FooterColumn {
+    title: string;
+    links: Array<{
+        label: string;
+        href: string;
+        external?: boolean;
+        badge?: string;
+    }>;
+}
+export interface FooterConfig {
+    tagline: string;
+    brandName: string;
+    address?: string;
+    companyNumber?: string;
+    columns: FooterColumn[];
+    bottomLinks: Array<{
+        label: string;
+        href: string;
+    }>;
+    socialLinks?: Array<{
+        platform: string;
+        href: string;
+    }>;
+    copyright: string;
+}
+export interface PwaIcon {
+    src: string;
+    sizes: string;
+    type: string;
+    purpose?: string;
+}
+export interface PwaConfig {
+    enabled: boolean;
+    name: string;
+    shortName: string;
+    description: string;
+    startUrl: string;
+    scope: string;
+    display: "standalone" | "fullscreen" | "minimal-ui" | "browser";
+    orientation: "any" | "natural" | "landscape" | "portrait";
+    themeColor: string;
+    backgroundColor: string;
+    appleTouchIcon?: string;
+    favicon?: string;
+    icons: PwaIcon[];
+}
+export interface SiteConfig {
+    metadata: SiteMetadata;
+    brand: BrandConfig;
+    pwa: PwaConfig;
+    navigation: NavigationConfig;
+    hero: HeroConfig;
+    statement: StatementConfig;
+    features: FeaturesConfig;
+    videos: VideosConfig;
+    useCases: UseCasesConfig;
+    solutions: SolutionsConfig;
+    blogs: BlogsConfig;
+    authCta: AuthCtaConfig;
+    footer: FooterConfig;
+}
+export interface GuideMeta {
+    slug: string;
+    cleanSlug: string;
+    title: string;
+    description: string;
+    order: number;
+    icon?: string;
+    tags?: string[];
+    smartImage?: string;
+}
+export interface GuideArticle extends GuideMeta {
+    content: string;
+    rawMarkdown: string;
+}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@goldlabelapps/theme",
+  "version": "1.0.0",
+  "description": "Shared Tailwind CSS v4 & Next.js theme tokens, UI primitives, and layout showcase blocks for NX apps",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": {
+      "import": "./dist/styles/globals.css",
+      "require": "./dist/styles/globals.css",
+      "default": "./dist/styles/globals.css"
+    },
+    "./globals.css": {
+      "import": "./dist/styles/globals.css",
+      "require": "./dist/styles/globals.css",
+      "default": "./dist/styles/globals.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/*.css dist/styles/",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "lint": "echo \"No lint configured yet\"",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "next": ">=15.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "canvas-confetti": "^1.9.4",
+    "clsx": "^2.1.1",
+    "framer-motion": "^13.1.1",
+    "lucide-react": "^1.34.0",
+    "react-share": "^5.3.0",
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@types/canvas-confetti": "^1.9.0",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "next": "16.3.2",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "typescript": "^5",
+    "vitest": "^4.1.11"
+  }
+}