@prosophia/personal-portfolio 0.0.3 → 0.0.4

package/dist/layouts/index.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings, c as Profile } from '../index-dczHpph_.mjs';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+    profile?: Profile | null;
+}
+/**
+ * Root layout component that provides theme and site settings context
+ */
+declare function RootLayout({ children, settings, profile, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteSettings, c as Profile } from '../index-dczHpph_.js';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    settings?: SiteSettings | null;
+    profile?: Profile | null;
+}
+/**
+ * Root layout component that provides theme and site settings context
+ */
+declare function RootLayout({ children, settings, profile, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { RootLayout, type RootLayoutProps };

package/dist/layouts/index.js

@@ -1 +1,331 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layouts/index.ts
+var layouts_exports = {};
+__export(layouts_exports, {
+  RootLayout: () => RootLayout
+});
+module.exports = __toCommonJS(layouts_exports);
+
+// src/context/ThemeContext.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeContext = (0, import_react.createContext)({
+  theme: "dark",
+  toggleTheme: () => {
+  },
+  mounted: false
+});
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = (0, import_react.useState)("dark");
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+    const stored = localStorage.getItem("theme");
+    if (stored) {
+      setTheme(stored);
+    } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+      setTheme("light");
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (mounted) {
+      document.documentElement.setAttribute("data-theme", theme);
+      localStorage.setItem("theme", theme);
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    setTheme((prev) => prev === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, toggleTheme, mounted }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-theme": theme, children }) });
+}
+function useTheme() {
+  const context = (0, import_react.useContext)(ThemeContext);
+  return context;
+}
+
+// src/context/SiteSettingsContext.tsx
+var import_react2 = require("react");
+
+// src/lib/themeColors.ts
+var colorPresets = {
+  violet: {
+    light: {
+      primary: "#8b5cf6",
+      primaryHover: "#7c3aed",
+      primaryLight: "#a78bfa",
+      tagBg: "rgba(139, 92, 246, 0.1)",
+      shadow: "rgba(139, 92, 246, 0.15)",
+      borderHighlight: "rgba(139, 92, 246, 0.2)",
+      glassBorder: "rgba(139, 92, 246, 0.1)"
+    },
+    dark: {
+      primary: "#a78bfa",
+      primaryHover: "#8b5cf6",
+      primaryLight: "#c4b5fd",
+      tagBg: "rgba(167, 139, 250, 0.15)",
+      shadow: "rgba(139, 92, 246, 0.2)",
+      borderHighlight: "rgba(167, 139, 250, 0.2)",
+      glassBorder: "rgba(167, 139, 250, 0.1)"
+    }
+  },
+  blue: {
+    light: {
+      primary: "#3b82f6",
+      primaryHover: "#2563eb",
+      primaryLight: "#60a5fa",
+      tagBg: "rgba(59, 130, 246, 0.1)",
+      shadow: "rgba(59, 130, 246, 0.15)",
+      borderHighlight: "rgba(59, 130, 246, 0.2)",
+      glassBorder: "rgba(59, 130, 246, 0.1)"
+    },
+    dark: {
+      primary: "#60a5fa",
+      primaryHover: "#3b82f6",
+      primaryLight: "#93c5fd",
+      tagBg: "rgba(96, 165, 250, 0.15)",
+      shadow: "rgba(59, 130, 246, 0.2)",
+      borderHighlight: "rgba(96, 165, 250, 0.2)",
+      glassBorder: "rgba(96, 165, 250, 0.1)"
+    }
+  },
+  emerald: {
+    light: {
+      primary: "#10b981",
+      primaryHover: "#059669",
+      primaryLight: "#34d399",
+      tagBg: "rgba(16, 185, 129, 0.1)",
+      shadow: "rgba(16, 185, 129, 0.15)",
+      borderHighlight: "rgba(16, 185, 129, 0.2)",
+      glassBorder: "rgba(16, 185, 129, 0.1)"
+    },
+    dark: {
+      primary: "#34d399",
+      primaryHover: "#10b981",
+      primaryLight: "#6ee7b7",
+      tagBg: "rgba(52, 211, 153, 0.15)",
+      shadow: "rgba(16, 185, 129, 0.2)",
+      borderHighlight: "rgba(52, 211, 153, 0.2)",
+      glassBorder: "rgba(52, 211, 153, 0.1)"
+    }
+  },
+  rose: {
+    light: {
+      primary: "#f43f5e",
+      primaryHover: "#e11d48",
+      primaryLight: "#fb7185",
+      tagBg: "rgba(244, 63, 94, 0.1)",
+      shadow: "rgba(244, 63, 94, 0.15)",
+      borderHighlight: "rgba(244, 63, 94, 0.2)",
+      glassBorder: "rgba(244, 63, 94, 0.1)"
+    },
+    dark: {
+      primary: "#fb7185",
+      primaryHover: "#f43f5e",
+      primaryLight: "#fda4af",
+      tagBg: "rgba(251, 113, 133, 0.15)",
+      shadow: "rgba(244, 63, 94, 0.2)",
+      borderHighlight: "rgba(251, 113, 133, 0.2)",
+      glassBorder: "rgba(251, 113, 133, 0.1)"
+    }
+  },
+  amber: {
+    light: {
+      primary: "#f59e0b",
+      primaryHover: "#d97706",
+      primaryLight: "#fbbf24",
+      tagBg: "rgba(245, 158, 11, 0.1)",
+      shadow: "rgba(245, 158, 11, 0.15)",
+      borderHighlight: "rgba(245, 158, 11, 0.2)",
+      glassBorder: "rgba(245, 158, 11, 0.1)"
+    },
+    dark: {
+      primary: "#fbbf24",
+      primaryHover: "#f59e0b",
+      primaryLight: "#fcd34d",
+      tagBg: "rgba(251, 191, 36, 0.15)",
+      shadow: "rgba(245, 158, 11, 0.2)",
+      borderHighlight: "rgba(251, 191, 36, 0.2)",
+      glassBorder: "rgba(251, 191, 36, 0.1)"
+    }
+  },
+  cyan: {
+    light: {
+      primary: "#06b6d4",
+      primaryHover: "#0891b2",
+      primaryLight: "#22d3ee",
+      tagBg: "rgba(6, 182, 212, 0.1)",
+      shadow: "rgba(6, 182, 212, 0.15)",
+      borderHighlight: "rgba(6, 182, 212, 0.2)",
+      glassBorder: "rgba(6, 182, 212, 0.1)"
+    },
+    dark: {
+      primary: "#22d3ee",
+      primaryHover: "#06b6d4",
+      primaryLight: "#67e8f9",
+      tagBg: "rgba(34, 211, 238, 0.15)",
+      shadow: "rgba(6, 182, 212, 0.2)",
+      borderHighlight: "rgba(34, 211, 238, 0.2)",
+      glassBorder: "rgba(34, 211, 238, 0.1)"
+    }
+  }
+};
+function getColorConfig(preset, customColor) {
+  if (preset === "custom" && customColor) {
+    const hex = customColor.replace("#", "");
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const lighterR = Math.min(255, r + 40);
+    const lighterG = Math.min(255, g + 40);
+    const lighterB = Math.min(255, b + 40);
+    const lighter = `#${lighterR.toString(16).padStart(2, "0")}${lighterG.toString(16).padStart(2, "0")}${lighterB.toString(16).padStart(2, "0")}`;
+    const darkerR = Math.max(0, r - 20);
+    const darkerG = Math.max(0, g - 20);
+    const darkerB = Math.max(0, b - 20);
+    const darker = `#${darkerR.toString(16).padStart(2, "0")}${darkerG.toString(16).padStart(2, "0")}${darkerB.toString(16).padStart(2, "0")}`;
+    return {
+      light: {
+        primary: customColor,
+        primaryHover: darker,
+        primaryLight: lighter,
+        tagBg: `rgba(${r}, ${g}, ${b}, 0.1)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.15)`,
+        borderHighlight: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        glassBorder: `rgba(${r}, ${g}, ${b}, 0.1)`
+      },
+      dark: {
+        primary: lighter,
+        primaryHover: customColor,
+        primaryLight: lighter,
+        tagBg: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.15)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        borderHighlight: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.2)`,
+        glassBorder: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.1)`
+      }
+    };
+  }
+  return colorPresets[preset] || colorPresets.violet;
+}
+function applyThemeColors(preset, customColor, isDark = false) {
+  const config = getColorConfig(preset, customColor);
+  const colors = isDark ? config.dark : config.light;
+  document.documentElement.style.setProperty("--primary", colors.primary);
+  document.documentElement.style.setProperty("--primary-hover", colors.primaryHover);
+  document.documentElement.style.setProperty("--primary-light", colors.primaryLight);
+  document.documentElement.style.setProperty("--tag-bg", colors.tagBg);
+  document.documentElement.style.setProperty("--shadow", colors.shadow);
+  document.documentElement.style.setProperty("--border-highlight", colors.borderHighlight);
+  document.documentElement.style.setProperty("--glass-border", colors.glassBorder);
+}
+
+// src/lib/fonts.ts
+var fontPresets = {
+  "inter": {
+    family: "Inter",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "roboto": {
+    family: "Roboto",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "open-sans": {
+    family: "Open Sans",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "lato": {
+    family: "Lato",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "poppins": {
+    family: "Poppins",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "montserrat": {
+    family: "Montserrat",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "playfair-display": {
+    family: "Playfair Display",
+    fallback: "Georgia, 'Times New Roman', serif"
+  },
+  "source-sans-pro": {
+    family: "Source Sans 3",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "merriweather": {
+    family: "Merriweather",
+    fallback: "Georgia, 'Times New Roman', serif"
+  }
+};
+function getFontFamily(preset) {
+  const config = fontPresets[preset] || fontPresets["inter"];
+  return `'${config.family}', ${config.fallback}`;
+}
+function applyFonts(headingFont, bodyFont) {
+  const heading = headingFont || "inter";
+  const body = bodyFont || "inter";
+  document.documentElement.style.setProperty("--font-heading", getFontFamily(heading));
+  document.documentElement.style.setProperty("--font-body", getFontFamily(body));
+}
+
+// src/context/SiteSettingsContext.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SiteSettingsContext = (0, import_react2.createContext)({
+  settings: null,
+  profile: null
+});
+function SiteSettingsProvider({
+  children,
+  settings,
+  profile
+}) {
+  const { theme } = useTheme();
+  (0, import_react2.useEffect)(() => {
+    if (settings?.themeColor) {
+      applyThemeColors(
+        settings.themeColor.preset,
+        settings.themeColor.customColor,
+        theme === "dark"
+      );
+    }
+  }, [settings, theme]);
+  (0, import_react2.useEffect)(() => {
+    applyFonts(
+      settings?.fontFamily?.heading,
+      settings?.fontFamily?.body
+    );
+  }, [settings]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SiteSettingsContext.Provider, { value: { settings, profile }, children });
+}
+
+// src/layouts/RootLayout.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function RootLayout({
+  children,
+  settings = null,
+  profile = null
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SiteSettingsProvider, { settings, profile, children }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RootLayout
+});

package/dist/layouts/index.mjs

@@ -0,0 +1,304 @@
+// src/context/ThemeContext.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeContext = createContext({
+  theme: "dark",
+  toggleTheme: () => {
+  },
+  mounted: false
+});
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState("dark");
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    const stored = localStorage.getItem("theme");
+    if (stored) {
+      setTheme(stored);
+    } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+      setTheme("light");
+    }
+  }, []);
+  useEffect(() => {
+    if (mounted) {
+      document.documentElement.setAttribute("data-theme", theme);
+      localStorage.setItem("theme", theme);
+    }
+  }, [theme, mounted]);
+  const toggleTheme = () => {
+    setTheme((prev) => prev === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, toggleTheme, mounted }, children: /* @__PURE__ */ jsx("div", { "data-theme": theme, children }) });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  return context;
+}
+
+// src/context/SiteSettingsContext.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2 } from "react";
+
+// src/lib/themeColors.ts
+var colorPresets = {
+  violet: {
+    light: {
+      primary: "#8b5cf6",
+      primaryHover: "#7c3aed",
+      primaryLight: "#a78bfa",
+      tagBg: "rgba(139, 92, 246, 0.1)",
+      shadow: "rgba(139, 92, 246, 0.15)",
+      borderHighlight: "rgba(139, 92, 246, 0.2)",
+      glassBorder: "rgba(139, 92, 246, 0.1)"
+    },
+    dark: {
+      primary: "#a78bfa",
+      primaryHover: "#8b5cf6",
+      primaryLight: "#c4b5fd",
+      tagBg: "rgba(167, 139, 250, 0.15)",
+      shadow: "rgba(139, 92, 246, 0.2)",
+      borderHighlight: "rgba(167, 139, 250, 0.2)",
+      glassBorder: "rgba(167, 139, 250, 0.1)"
+    }
+  },
+  blue: {
+    light: {
+      primary: "#3b82f6",
+      primaryHover: "#2563eb",
+      primaryLight: "#60a5fa",
+      tagBg: "rgba(59, 130, 246, 0.1)",
+      shadow: "rgba(59, 130, 246, 0.15)",
+      borderHighlight: "rgba(59, 130, 246, 0.2)",
+      glassBorder: "rgba(59, 130, 246, 0.1)"
+    },
+    dark: {
+      primary: "#60a5fa",
+      primaryHover: "#3b82f6",
+      primaryLight: "#93c5fd",
+      tagBg: "rgba(96, 165, 250, 0.15)",
+      shadow: "rgba(59, 130, 246, 0.2)",
+      borderHighlight: "rgba(96, 165, 250, 0.2)",
+      glassBorder: "rgba(96, 165, 250, 0.1)"
+    }
+  },
+  emerald: {
+    light: {
+      primary: "#10b981",
+      primaryHover: "#059669",
+      primaryLight: "#34d399",
+      tagBg: "rgba(16, 185, 129, 0.1)",
+      shadow: "rgba(16, 185, 129, 0.15)",
+      borderHighlight: "rgba(16, 185, 129, 0.2)",
+      glassBorder: "rgba(16, 185, 129, 0.1)"
+    },
+    dark: {
+      primary: "#34d399",
+      primaryHover: "#10b981",
+      primaryLight: "#6ee7b7",
+      tagBg: "rgba(52, 211, 153, 0.15)",
+      shadow: "rgba(16, 185, 129, 0.2)",
+      borderHighlight: "rgba(52, 211, 153, 0.2)",
+      glassBorder: "rgba(52, 211, 153, 0.1)"
+    }
+  },
+  rose: {
+    light: {
+      primary: "#f43f5e",
+      primaryHover: "#e11d48",
+      primaryLight: "#fb7185",
+      tagBg: "rgba(244, 63, 94, 0.1)",
+      shadow: "rgba(244, 63, 94, 0.15)",
+      borderHighlight: "rgba(244, 63, 94, 0.2)",
+      glassBorder: "rgba(244, 63, 94, 0.1)"
+    },
+    dark: {
+      primary: "#fb7185",
+      primaryHover: "#f43f5e",
+      primaryLight: "#fda4af",
+      tagBg: "rgba(251, 113, 133, 0.15)",
+      shadow: "rgba(244, 63, 94, 0.2)",
+      borderHighlight: "rgba(251, 113, 133, 0.2)",
+      glassBorder: "rgba(251, 113, 133, 0.1)"
+    }
+  },
+  amber: {
+    light: {
+      primary: "#f59e0b",
+      primaryHover: "#d97706",
+      primaryLight: "#fbbf24",
+      tagBg: "rgba(245, 158, 11, 0.1)",
+      shadow: "rgba(245, 158, 11, 0.15)",
+      borderHighlight: "rgba(245, 158, 11, 0.2)",
+      glassBorder: "rgba(245, 158, 11, 0.1)"
+    },
+    dark: {
+      primary: "#fbbf24",
+      primaryHover: "#f59e0b",
+      primaryLight: "#fcd34d",
+      tagBg: "rgba(251, 191, 36, 0.15)",
+      shadow: "rgba(245, 158, 11, 0.2)",
+      borderHighlight: "rgba(251, 191, 36, 0.2)",
+      glassBorder: "rgba(251, 191, 36, 0.1)"
+    }
+  },
+  cyan: {
+    light: {
+      primary: "#06b6d4",
+      primaryHover: "#0891b2",
+      primaryLight: "#22d3ee",
+      tagBg: "rgba(6, 182, 212, 0.1)",
+      shadow: "rgba(6, 182, 212, 0.15)",
+      borderHighlight: "rgba(6, 182, 212, 0.2)",
+      glassBorder: "rgba(6, 182, 212, 0.1)"
+    },
+    dark: {
+      primary: "#22d3ee",
+      primaryHover: "#06b6d4",
+      primaryLight: "#67e8f9",
+      tagBg: "rgba(34, 211, 238, 0.15)",
+      shadow: "rgba(6, 182, 212, 0.2)",
+      borderHighlight: "rgba(34, 211, 238, 0.2)",
+      glassBorder: "rgba(34, 211, 238, 0.1)"
+    }
+  }
+};
+function getColorConfig(preset, customColor) {
+  if (preset === "custom" && customColor) {
+    const hex = customColor.replace("#", "");
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const lighterR = Math.min(255, r + 40);
+    const lighterG = Math.min(255, g + 40);
+    const lighterB = Math.min(255, b + 40);
+    const lighter = `#${lighterR.toString(16).padStart(2, "0")}${lighterG.toString(16).padStart(2, "0")}${lighterB.toString(16).padStart(2, "0")}`;
+    const darkerR = Math.max(0, r - 20);
+    const darkerG = Math.max(0, g - 20);
+    const darkerB = Math.max(0, b - 20);
+    const darker = `#${darkerR.toString(16).padStart(2, "0")}${darkerG.toString(16).padStart(2, "0")}${darkerB.toString(16).padStart(2, "0")}`;
+    return {
+      light: {
+        primary: customColor,
+        primaryHover: darker,
+        primaryLight: lighter,
+        tagBg: `rgba(${r}, ${g}, ${b}, 0.1)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.15)`,
+        borderHighlight: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        glassBorder: `rgba(${r}, ${g}, ${b}, 0.1)`
+      },
+      dark: {
+        primary: lighter,
+        primaryHover: customColor,
+        primaryLight: lighter,
+        tagBg: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.15)`,
+        shadow: `rgba(${r}, ${g}, ${b}, 0.2)`,
+        borderHighlight: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.2)`,
+        glassBorder: `rgba(${lighterR}, ${lighterG}, ${lighterB}, 0.1)`
+      }
+    };
+  }
+  return colorPresets[preset] || colorPresets.violet;
+}
+function applyThemeColors(preset, customColor, isDark = false) {
+  const config = getColorConfig(preset, customColor);
+  const colors = isDark ? config.dark : config.light;
+  document.documentElement.style.setProperty("--primary", colors.primary);
+  document.documentElement.style.setProperty("--primary-hover", colors.primaryHover);
+  document.documentElement.style.setProperty("--primary-light", colors.primaryLight);
+  document.documentElement.style.setProperty("--tag-bg", colors.tagBg);
+  document.documentElement.style.setProperty("--shadow", colors.shadow);
+  document.documentElement.style.setProperty("--border-highlight", colors.borderHighlight);
+  document.documentElement.style.setProperty("--glass-border", colors.glassBorder);
+}
+
+// src/lib/fonts.ts
+var fontPresets = {
+  "inter": {
+    family: "Inter",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "roboto": {
+    family: "Roboto",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "open-sans": {
+    family: "Open Sans",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "lato": {
+    family: "Lato",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "poppins": {
+    family: "Poppins",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "montserrat": {
+    family: "Montserrat",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "playfair-display": {
+    family: "Playfair Display",
+    fallback: "Georgia, 'Times New Roman', serif"
+  },
+  "source-sans-pro": {
+    family: "Source Sans 3",
+    fallback: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+  },
+  "merriweather": {
+    family: "Merriweather",
+    fallback: "Georgia, 'Times New Roman', serif"
+  }
+};
+function getFontFamily(preset) {
+  const config = fontPresets[preset] || fontPresets["inter"];
+  return `'${config.family}', ${config.fallback}`;
+}
+function applyFonts(headingFont, bodyFont) {
+  const heading = headingFont || "inter";
+  const body = bodyFont || "inter";
+  document.documentElement.style.setProperty("--font-heading", getFontFamily(heading));
+  document.documentElement.style.setProperty("--font-body", getFontFamily(body));
+}
+
+// src/context/SiteSettingsContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SiteSettingsContext = createContext2({
+  settings: null,
+  profile: null
+});
+function SiteSettingsProvider({
+  children,
+  settings,
+  profile
+}) {
+  const { theme } = useTheme();
+  useEffect2(() => {
+    if (settings?.themeColor) {
+      applyThemeColors(
+        settings.themeColor.preset,
+        settings.themeColor.customColor,
+        theme === "dark"
+      );
+    }
+  }, [settings, theme]);
+  useEffect2(() => {
+    applyFonts(
+      settings?.fontFamily?.heading,
+      settings?.fontFamily?.body
+    );
+  }, [settings]);
+  return /* @__PURE__ */ jsx2(SiteSettingsContext.Provider, { value: { settings, profile }, children });
+}
+
+// src/layouts/RootLayout.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function RootLayout({
+  children,
+  settings = null,
+  profile = null
+}) {
+  return /* @__PURE__ */ jsx3(ThemeProvider, { children: /* @__PURE__ */ jsx3(SiteSettingsProvider, { settings, profile, children }) });
+}
+export {
+  RootLayout
+};