@frontlit/page-builder 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/server/theme.js

@@ -0,0 +1,1671 @@
+// src/primitives/themes/classic.ts
+var themeStyles = {
+  colors: {
+    light: {
+      background: "#f7f7f5",
+      foreground: "#18181b",
+      card: "#ffffff",
+      cardForeground: "#18181b",
+      popover: "#ffffff",
+      popoverForeground: "#18181b",
+      primary: "#18181b",
+      primaryForeground: "#fafafa",
+      secondary: "#eeeee8",
+      secondaryForeground: "#18181b",
+      muted: "#f0efe9",
+      mutedForeground: "#52525b",
+      accent: "#eeeee8",
+      accentForeground: "#18181b",
+      destructive: "#e11d48",
+      border: "#e4e4de",
+      input: "#e4e4de",
+      ring: "#18181b",
+      chart1: "#18181b",
+      chart2: "#71717a",
+      chart3: "#a1a1aa",
+      chart4: "#d4d4d8",
+      chart5: "#e4e4e7",
+      sidebar: "#f7f7f5",
+      sidebarForeground: "#18181b",
+      sidebarPrimary: "#18181b",
+      sidebarPrimaryForeground: "#fafafa",
+      sidebarAccent: "#eeeee8",
+      sidebarAccentForeground: "#18181b",
+      sidebarBorder: "#e4e4de",
+      sidebarRing: "#18181b",
+      shadow2xs: "0 1px 2px 0 rgb(24 24 27 / 0.04)",
+      shadowXs: "0 1px 2px 0 rgb(24 24 27 / 0.05)",
+      shadowSm: "0 1px 2px 0 rgb(24 24 27 / 0.05), 0 1px 3px -1px rgb(24 24 27 / 0.08)",
+      shadowMd: "0 2px 4px -1px rgb(24 24 27 / 0.06), 0 4px 8px -2px rgb(24 24 27 / 0.08)",
+      shadowLg: "0 8px 16px -4px rgb(24 24 27 / 0.08), 0 4px 6px -2px rgb(24 24 27 / 0.04)",
+      shadowXl: "0 16px 32px -8px rgb(24 24 27 / 0.12)",
+      shadow2xl: "0 24px 48px -12px rgb(24 24 27 / 0.18)"
+    },
+    dark: {
+      background: "#09090b",
+      foreground: "#fafafa",
+      card: "#141416",
+      cardForeground: "#fafafa",
+      popover: "#18181b",
+      popoverForeground: "#fafafa",
+      primary: "#fafafa",
+      primaryForeground: "#09090b",
+      secondary: "#27272a",
+      secondaryForeground: "#fafafa",
+      muted: "#1c1c1f",
+      mutedForeground: "#a1a1aa",
+      accent: "#27272a",
+      accentForeground: "#fafafa",
+      destructive: "#fb7185",
+      border: "#27272a",
+      input: "#27272a",
+      ring: "#d4d4d8",
+      chart1: "#fafafa",
+      chart2: "#a1a1aa",
+      chart3: "#71717a",
+      chart4: "#52525b",
+      chart5: "#3f3f46",
+      sidebar: "#141416",
+      sidebarForeground: "#fafafa",
+      sidebarPrimary: "#fafafa",
+      sidebarPrimaryForeground: "#09090b",
+      sidebarAccent: "#27272a",
+      sidebarAccentForeground: "#fafafa",
+      sidebarBorder: "#27272a",
+      sidebarRing: "#d4d4d8",
+      shadow2xs: "0 1px 2px 0 rgb(0 0 0 / 0.24)",
+      shadowXs: "0 1px 2px 0 rgb(0 0 0 / 0.28)",
+      shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.32), 0 1px 3px -1px rgb(0 0 0 / 0.4)",
+      shadowMd: "0 4px 8px -2px rgb(0 0 0 / 0.4), 0 2px 4px -1px rgb(0 0 0 / 0.28)",
+      shadowLg: "0 12px 24px -6px rgb(0 0 0 / 0.5)",
+      shadowXl: "0 20px 40px -8px rgb(0 0 0 / 0.55)",
+      shadow2xl: "0 32px 64px -12px rgb(0 0 0 / 0.65)"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-inter",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-inter",
+      fontSize: "text-6xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 34, max: 56 }
+    },
+    header1: {
+      fontFamily: "font-inter",
+      fontSize: "text-5xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 28, max: 48 }
+    },
+    header2: {
+      fontFamily: "font-inter",
+      fontSize: "text-4xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 24, max: 36 }
+    },
+    header3: {
+      fontFamily: "font-inter",
+      fontSize: "text-2xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    header4: {
+      fontFamily: "font-inter",
+      fontSize: "text-xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    subheader1: {
+      fontFamily: "font-inter",
+      fontSize: "text-xl",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-normal"
+    },
+    subheader2: {
+      fontFamily: "font-inter",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-normal"
+    },
+    text1: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-normal"
+    },
+    text2: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-normal"
+    },
+    caption: {
+      fontFamily: "font-inter",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-wide"
+    },
+    link: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-medium",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-normal",
+      textDecoration: "no-underline"
+    },
+    button: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-wide"
+    },
+    input: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-normal"
+    }
+  },
+  highlight: "marker",
+  interactives: {
+    button: {
+      padding: {
+        x: "px-5",
+        y: "py-3"
+      },
+      border: {
+        width: "border-0",
+        radius: "rounded-xl"
+      },
+      shadow: "shadow-xs",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      },
+      custom: "transition-colors duration-200"
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border", radius: "rounded-xl", style: "border-solid" },
+      shadow: "shadow-xs",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-lg" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border-0", radius: "rounded-xl" },
+      shadow: "shadow-lg"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border-0", radius: "rounded-xl" },
+      shadow: "shadow-md"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border-0", radius: "rounded-sm" },
+      shadow: "shadow-sm"
+    },
+    link: {
+      custom: "underline-offset-4 hover:underline",
+      disabled: {
+        color: "gray-400",
+        cursor: "cursor-not-allowed"
+      }
+    },
+    card: {
+      padding: {
+        x: "px-6",
+        y: "py-6"
+      },
+      border: {
+        width: "border",
+        radius: "rounded-2xl",
+        style: "border-solid"
+      },
+      shadow: "shadow-xs",
+      custom: "transition-shadow duration-200 hover:shadow-md"
+    },
+    input: {
+      borderRadius: "rounded-xl",
+      padding: {
+        x: "px-4",
+        y: "py-3"
+      },
+      border: {
+        width: "border",
+        style: "border-solid",
+        radius: "rounded-xl"
+      },
+      shadow: "shadow-none",
+      custom: "transition-shadow duration-150 focus-visible:shadow-sm",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    }
+  },
+  structure: {
+    page: {
+      width: "max-w-6xl"
+    },
+    section: {
+      padding: {
+        x: "px-6",
+        y: "py-20"
+      }
+    }
+  }
+};
+var classic = {
+  id: "classic",
+  name: "Classic",
+  theme: themeStyles
+};
+
+// src/primitives/themes/editorial.ts
+var themeStyles2 = {
+  colors: {
+    light: {
+      background: "#f6f1e8",
+      foreground: "#1a1612",
+      card: "#fffaf2",
+      cardForeground: "#1a1612",
+      popover: "#fffaf2",
+      popoverForeground: "#1a1612",
+      primary: "#1e3a8a",
+      primaryForeground: "#fffaf2",
+      secondary: "#c2410c",
+      secondaryForeground: "#fffaf2",
+      muted: "#ece4d6",
+      mutedForeground: "#5c5348",
+      accent: "#1d4ed8",
+      accentForeground: "#fffaf2",
+      border: "#e0d5c4",
+      destructive: "#b91c1c",
+      input: "#e0d5c4",
+      ring: "#1e3a8a",
+      chart1: "#1e3a8a",
+      chart2: "#c2410c",
+      chart3: "#1d4ed8",
+      chart4: "#b91c1c",
+      chart5: "#78716c",
+      sidebar: "#fffaf2",
+      sidebarForeground: "#1a1612",
+      sidebarPrimary: "#1e3a8a",
+      sidebarPrimaryForeground: "#fffaf2",
+      sidebarAccent: "#ece4d6",
+      sidebarAccentForeground: "#1a1612",
+      sidebarBorder: "#e0d5c4",
+      sidebarRing: "#1e3a8a",
+      shadow2xs: "0 1px 2px 0 rgb(26 22 18 / 0.05)",
+      shadowXs: "0 1px 2px 0 rgb(26 22 18 / 0.06)",
+      shadowSm: "0 1px 2px 0 rgb(26 22 18 / 0.06), 0 2px 6px -2px rgb(26 22 18 / 0.1)",
+      shadowMd: "0 8px 20px -6px rgb(26 22 18 / 0.12)",
+      shadowLg: "0 16px 32px -10px rgb(26 22 18 / 0.14)",
+      shadowXl: "0 24px 48px -12px rgb(26 22 18 / 0.16)",
+      shadow2xl: "0 32px 64px -16px rgb(26 22 18 / 0.2)"
+    },
+    dark: {
+      background: "#100e0c",
+      foreground: "#f6f1e8",
+      card: "#1b1713",
+      cardForeground: "#f6f1e8",
+      popover: "#1b1713",
+      popoverForeground: "#f6f1e8",
+      primary: "#93c5fd",
+      primaryForeground: "#100e0c",
+      secondary: "#fb923c",
+      secondaryForeground: "#100e0c",
+      muted: "#241f19",
+      mutedForeground: "#c4b8a5",
+      accent: "#60a5fa",
+      accentForeground: "#100e0c",
+      border: "#3a3228",
+      destructive: "#f87171",
+      input: "#3a3228",
+      ring: "#93c5fd",
+      chart1: "#93c5fd",
+      chart2: "#fb923c",
+      chart3: "#60a5fa",
+      chart4: "#f87171",
+      chart5: "#a8a29e",
+      sidebar: "#1b1713",
+      sidebarForeground: "#f6f1e8",
+      sidebarPrimary: "#93c5fd",
+      sidebarPrimaryForeground: "#100e0c",
+      sidebarAccent: "#241f19",
+      sidebarAccentForeground: "#f6f1e8",
+      sidebarBorder: "#3a3228",
+      sidebarRing: "#93c5fd",
+      shadow2xs: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+      shadowXs: "0 1px 2px 0 rgb(0 0 0 / 0.35)",
+      shadowSm: "0 2px 6px 0 rgb(0 0 0 / 0.4)",
+      shadowMd: "0 8px 20px -6px rgb(0 0 0 / 0.5)",
+      shadowLg: "0 16px 32px -10px rgb(0 0 0 / 0.55)",
+      shadowXl: "0 24px 48px -12px rgb(0 0 0 / 0.6)",
+      shadow2xl: "0 32px 64px -16px rgb(0 0 0 / 0.7)"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-relaxed",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-playfair-display",
+      fontSize: "text-7xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 34, max: 60 }
+    },
+    header1: {
+      fontFamily: "font-playfair-display",
+      fontSize: "text-6xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 30, max: 52 }
+    },
+    header2: {
+      fontFamily: "font-playfair-display",
+      fontSize: "text-4xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 24, max: 36 }
+    },
+    header3: {
+      fontFamily: "font-source-serif-4",
+      fontSize: "text-3xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    header4: {
+      fontFamily: "font-source-serif-4",
+      fontSize: "text-2xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    subheader1: {
+      fontFamily: "font-source-serif-4",
+      fontSize: "text-xl",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    subheader2: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text1: {
+      fontFamily: "font-source-serif-4",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-loose"
+    },
+    text2: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    link: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-base",
+      fontWeight: "font-medium"
+    },
+    button: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-sm",
+      fontWeight: "font-medium",
+      letterSpacing: "tracking-wide"
+    },
+    input: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-base",
+      fontWeight: "font-normal"
+    },
+    caption: {
+      fontFamily: "font-work-sans",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-wide"
+    }
+  },
+  interactives: {
+    button: {
+      padding: { x: "px-6", y: "py-3" },
+      border: {
+        width: "border-0",
+        radius: "rounded-full"
+      },
+      shadow: "shadow-none",
+      custom: "transition-colors duration-200",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border-0", radius: "rounded-none" },
+      shadow: "shadow-none",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-none" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border-0", radius: "rounded-none" },
+      shadow: "shadow-none"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border-0", radius: "rounded-none" },
+      shadow: "shadow-none"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border-0", radius: "rounded-none" },
+      shadow: "shadow-none"
+    },
+    link: {
+      padding: { x: "px-0", y: "py-0" },
+      custom: "underline-offset-4 decoration-1 hover:underline"
+    },
+    card: {
+      padding: { x: "px-8", y: "py-8" },
+      border: {
+        width: "border-0",
+        radius: "rounded-none"
+      },
+      shadow: "shadow-none",
+      custom: ""
+    },
+    input: {
+      padding: { x: "px-4", y: "py-3" },
+      border: {
+        width: "border",
+        radius: "rounded-none",
+        style: "border-solid"
+      },
+      shadow: "shadow-none",
+      custom: "",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    }
+  },
+  structure: {
+    page: { width: "max-w-5xl" },
+    section: {
+      padding: { x: "px-6", y: "py-24" }
+    }
+  }
+};
+var editorial = {
+  id: "editorial",
+  name: "Editorial",
+  theme: themeStyles2
+};
+
+// src/primitives/themes/midnight.ts
+var themeStyles3 = {
+  colors: {
+    light: {
+      background: "#f4f5f7",
+      foreground: "#1c1f26",
+      card: "#ffffff",
+      cardForeground: "#1c1f26",
+      popover: "#ffffff",
+      popoverForeground: "#1c1f26",
+      primary: "#61afef",
+      primaryForeground: "#0b0d11",
+      secondary: "#e8eaf0",
+      secondaryForeground: "#1c1f26",
+      muted: "#eceef2",
+      mutedForeground: "#5b6170",
+      accent: "#d7f1f4",
+      accentForeground: "#164e63",
+      border: "#d7dbe3",
+      destructive: "#e06c75",
+      input: "#d7dbe3",
+      ring: "#61afef",
+      chart1: "#61afef",
+      chart2: "#818cf8",
+      chart3: "#56b6c2",
+      chart4: "#98c379",
+      chart5: "#e5c07b",
+      sidebar: "#ffffff",
+      sidebarForeground: "#1c1f26",
+      sidebarPrimary: "#61afef",
+      sidebarPrimaryForeground: "#0b0d11",
+      sidebarAccent: "#e8eaf0",
+      sidebarAccentForeground: "#1c1f26",
+      sidebarBorder: "#d7dbe3",
+      sidebarRing: "#61afef",
+      shadow2xs: "0 1px 2px 0 rgb(28 31 38 / 0.05)",
+      shadowXs: "0 1px 2px 0 rgb(28 31 38 / 0.06)",
+      shadowSm: "0 1px 2px 0 rgb(97 175 239 / 0.12), 0 1px 3px -1px rgb(28 31 38 / 0.08)",
+      shadowMd: "0 8px 20px -6px rgb(28 31 38 / 0.12)",
+      shadowLg: "0 16px 32px -8px rgb(28 31 38 / 0.16)",
+      shadowXl: "0 24px 48px -12px rgb(28 31 38 / 0.2)",
+      shadow2xl: "0 32px 64px -16px rgb(28 31 38 / 0.24)"
+    },
+    dark: {
+      background: "#0c0e12",
+      foreground: "#e6e8ee",
+      card: "#14171e",
+      cardForeground: "#e6e8ee",
+      popover: "#14171e",
+      popoverForeground: "#e6e8ee",
+      primary: "#61afef",
+      primaryForeground: "#0b0d11",
+      secondary: "#1d2230",
+      secondaryForeground: "#e6e8ee",
+      muted: "#171b24",
+      mutedForeground: "#9aa3b2",
+      accent: "#14363c",
+      accentForeground: "#a5f3fc",
+      border: "#262b38",
+      destructive: "#e06c75",
+      input: "#262b38",
+      ring: "#61afef",
+      chart1: "#61afef",
+      chart2: "#818cf8",
+      chart3: "#56b6c2",
+      chart4: "#98c379",
+      chart5: "#e5c07b",
+      sidebar: "#14171e",
+      sidebarForeground: "#e6e8ee",
+      sidebarPrimary: "#61afef",
+      sidebarPrimaryForeground: "#0b0d11",
+      sidebarAccent: "#1d2230",
+      sidebarAccentForeground: "#e6e8ee",
+      sidebarBorder: "#262b38",
+      sidebarRing: "#61afef",
+      shadow2xs: "0 1px 2px 0 rgb(0 0 0 / 0.35)",
+      shadowXs: "0 1px 2px 0 rgb(0 0 0 / 0.4)",
+      shadowSm: "0 2px 6px 0 rgb(0 0 0 / 0.45)",
+      shadowMd: "0 10px 24px -6px rgb(0 0 0 / 0.55)",
+      shadowLg: "0 18px 36px -8px rgb(0 0 0 / 0.6)",
+      shadowXl: "0 28px 52px -12px rgb(0 0 0 / 0.65)",
+      shadow2xl: "0 36px 72px -16px rgb(0 0 0 / 0.75)"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-roboto",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-roboto",
+      fontSize: "text-6xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 34, max: 56 }
+    },
+    header1: {
+      fontFamily: "font-roboto",
+      fontSize: "text-5xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 28, max: 48 }
+    },
+    header2: {
+      fontFamily: "font-roboto",
+      fontSize: "text-4xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 24, max: 36 }
+    },
+    header3: {
+      fontFamily: "font-roboto",
+      fontSize: "text-2xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug"
+    },
+    header4: {
+      fontFamily: "font-roboto",
+      fontSize: "text-xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug"
+    },
+    subheader1: {
+      fontFamily: "font-roboto",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    subheader2: {
+      fontFamily: "font-roboto",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text1: {
+      fontFamily: "font-roboto",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text2: {
+      fontFamily: "font-roboto",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    link: {
+      fontFamily: "font-roboto",
+      fontSize: "text-base",
+      fontWeight: "font-medium"
+    },
+    button: {
+      fontFamily: "font-roboto",
+      fontSize: "text-sm",
+      fontWeight: "font-medium",
+      letterSpacing: "tracking-wide"
+    },
+    input: {
+      fontFamily: "font-roboto",
+      fontSize: "text-base",
+      fontWeight: "font-normal"
+    },
+    caption: {
+      fontFamily: "font-roboto",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-wide"
+    }
+  },
+  interactives: {
+    button: {
+      padding: { x: "px-5", y: "py-3" },
+      border: {
+        width: "border-0",
+        radius: "rounded-xl"
+      },
+      shadow: "shadow-xs",
+      custom: "transition-colors duration-200",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border", radius: "rounded-2xl", style: "border-solid" },
+      shadow: "shadow-xs",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-xl" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border", radius: "rounded-2xl", style: "border-solid" },
+      shadow: "shadow-xl"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border", radius: "rounded-2xl", style: "border-solid" },
+      shadow: "shadow-lg"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border", radius: "rounded-lg", style: "border-solid" },
+      shadow: "shadow-sm"
+    },
+    link: {
+      padding: { x: "px-0", y: "py-0" },
+      custom: "underline-offset-4 hover:underline"
+    },
+    card: {
+      padding: { x: "px-6", y: "py-6" },
+      border: {
+        width: "border",
+        radius: "rounded-2xl",
+        style: "border-solid"
+      },
+      shadow: "shadow-xs",
+      custom: "transition-shadow duration-200 hover:shadow-md"
+    },
+    input: {
+      padding: { x: "px-4", y: "py-3" },
+      border: {
+        width: "border",
+        radius: "rounded-xl",
+        style: "border-solid"
+      },
+      shadow: "shadow-none",
+      custom: "",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    }
+  },
+  structure: {
+    page: { width: "max-w-6xl" },
+    section: {
+      padding: { x: "px-6", y: "py-16" }
+    }
+  }
+};
+var midnight = {
+  id: "midnight",
+  name: "Midnight",
+  theme: themeStyles3
+};
+
+// src/primitives/themes/neobrutalism.ts
+var themeStyles4 = {
+  colors: {
+    light: {
+      background: "#f3fff9",
+      foreground: "#050505",
+      card: "#ffffff",
+      cardForeground: "#050505",
+      popover: "#ffffff",
+      popoverForeground: "#050505",
+      primary: "#ffe600",
+      primaryForeground: "#050505",
+      secondary: "#7df9ff",
+      secondaryForeground: "#050505",
+      muted: "#e7fff4",
+      mutedForeground: "#3f3f46",
+      accent: "#2ff2f2",
+      accentForeground: "#050505",
+      border: "#050505",
+      destructive: "#ff4911",
+      input: "#050505",
+      ring: "#050505",
+      chart1: "#ffe600",
+      chart2: "#7df9ff",
+      chart3: "#2ff2f2",
+      chart4: "#ff4911",
+      chart5: "#6fffd7",
+      sidebar: "#ffffff",
+      sidebarForeground: "#050505",
+      sidebarPrimary: "#ffe600",
+      sidebarPrimaryForeground: "#050505",
+      sidebarAccent: "#2ff2f2",
+      sidebarAccentForeground: "#050505",
+      sidebarBorder: "#050505",
+      sidebarRing: "#050505",
+      shadow2xs: "2px 2px 0 0 #050505",
+      shadowXs: "3px 3px 0 0 #050505",
+      shadowSm: "4px 4px 0 0 #050505",
+      shadowMd: "6px 6px 0 0 #050505",
+      shadowLg: "8px 8px 0 0 #050505",
+      shadowXl: "10px 10px 0 0 #050505",
+      shadow2xl: "14px 14px 0 0 #050505"
+    },
+    dark: {
+      background: "#050505",
+      foreground: "#6fffd7",
+      card: "#0a0a0a",
+      cardForeground: "#6fffd7",
+      popover: "#0a0a0a",
+      popoverForeground: "#6fffd7",
+      primary: "#ffe600",
+      primaryForeground: "#050505",
+      secondary: "#7df9ff",
+      secondaryForeground: "#050505",
+      muted: "#141414",
+      mutedForeground: "#a1a1aa",
+      accent: "#2ff2f2",
+      accentForeground: "#050505",
+      border: "#6fffd7",
+      destructive: "#ff4911",
+      input: "#6fffd7",
+      ring: "#6fffd7",
+      chart1: "#ffe600",
+      chart2: "#7df9ff",
+      chart3: "#2ff2f2",
+      chart4: "#ff4911",
+      chart5: "#6fffd7",
+      sidebar: "#050505",
+      sidebarForeground: "#6fffd7",
+      sidebarPrimary: "#ffe600",
+      sidebarPrimaryForeground: "#050505",
+      sidebarAccent: "#2ff2f2",
+      sidebarAccentForeground: "#050505",
+      sidebarBorder: "#6fffd7",
+      sidebarRing: "#6fffd7",
+      shadow2xs: "2px 2px 0 0 #6fffd7",
+      shadowXs: "3px 3px 0 0 #6fffd7",
+      shadowSm: "4px 4px 0 0 #6fffd7",
+      shadowMd: "6px 6px 0 0 #6fffd7",
+      shadowLg: "8px 8px 0 0 #6fffd7",
+      shadowXl: "10px 10px 0 0 #6fffd7",
+      shadow2xl: "14px 14px 0 0 #6fffd7"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-bold",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-inter",
+      fontSize: "text-6xl",
+      fontWeight: "font-black",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 34, max: 56 }
+    },
+    header1: {
+      fontFamily: "font-inter",
+      fontSize: "text-5xl",
+      fontWeight: "font-black",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 28, max: 48 }
+    },
+    header2: {
+      fontFamily: "font-inter",
+      fontSize: "text-4xl",
+      fontWeight: "font-extrabold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 24, max: 36 }
+    },
+    header3: {
+      fontFamily: "font-inter",
+      fontSize: "text-2xl",
+      fontWeight: "font-extrabold",
+      lineHeight: "leading-snug"
+    },
+    header4: {
+      fontFamily: "font-inter",
+      fontSize: "text-xl",
+      fontWeight: "font-bold",
+      lineHeight: "leading-snug"
+    },
+    subheader1: {
+      fontFamily: "font-inter",
+      fontSize: "text-lg",
+      fontWeight: "font-medium",
+      lineHeight: "leading-relaxed"
+    },
+    subheader2: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-medium"
+    },
+    text1: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-medium",
+      lineHeight: "leading-relaxed"
+    },
+    text2: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-medium"
+    },
+    link: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-extrabold"
+    },
+    button: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-extrabold",
+      letterSpacing: "tracking-wide"
+    },
+    input: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-medium"
+    },
+    caption: {
+      fontFamily: "font-inter",
+      fontSize: "text-xs",
+      fontWeight: "font-bold",
+      letterSpacing: "tracking-wide",
+      textTransform: "uppercase"
+    }
+  },
+  highlight: "marker",
+  interactives: {
+    button: {
+      padding: { x: "px-6", y: "py-3" },
+      border: {
+        width: "border-2",
+        radius: "rounded-none",
+        style: "border-solid"
+      },
+      shadow: "shadow-md",
+      custom: "transition-transform duration-150 ease-out hover:translate-x-1 hover:translate-y-1 hover:shadow-none",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border-2", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-md",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-none" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border-2", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-md"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border-2", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-md"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border-2", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-md"
+    },
+    link: {
+      padding: { x: "px-0", y: "py-0" },
+      custom: "underline decoration-2 underline-offset-4"
+    },
+    card: {
+      padding: { x: "px-6", y: "py-6" },
+      border: {
+        width: "border-2",
+        radius: "rounded-none",
+        style: "border-solid"
+      },
+      shadow: "shadow-md",
+      custom: "transition-transform duration-150 ease-out hover:translate-x-1 hover:translate-y-1 hover:shadow-none"
+    },
+    input: {
+      padding: { x: "px-4", y: "py-3" },
+      border: {
+        width: "border-2",
+        style: "border-solid",
+        radius: "rounded-none"
+      },
+      shadow: "shadow-sm",
+      custom: "",
+      disabled: {
+        cursor: "cursor-not-allowed",
+        opacity: "opacity-50"
+      }
+    }
+  },
+  structure: {
+    page: { width: "max-w-6xl" },
+    section: {
+      padding: { x: "px-6", y: "py-16" }
+    }
+  }
+};
+var neobrutalism = {
+  id: "neobrutalism",
+  name: "Neo-Brutalism",
+  theme: themeStyles4
+};
+
+// src/primitives/themes/studio.ts
+var themeStyles5 = {
+  colors: {
+    light: {
+      background: "#f4f1ea",
+      foreground: "#1c1917",
+      card: "#fffcf7",
+      cardForeground: "#1c1917",
+      popover: "#fffcf7",
+      popoverForeground: "#1c1917",
+      primary: "#0f766e",
+      primaryForeground: "#f4fffc",
+      secondary: "#ebe4d6",
+      secondaryForeground: "#1c1917",
+      muted: "#ebe6dc",
+      mutedForeground: "#57534e",
+      accent: "#d9f3ee",
+      accentForeground: "#115e59",
+      destructive: "#dc2626",
+      border: "#e0d8cc",
+      input: "#e0d8cc",
+      ring: "#0f766e",
+      chart1: "#0f766e",
+      chart2: "#0d9488",
+      chart3: "#14b8a6",
+      chart4: "#5eead4",
+      chart5: "#ccfbf1",
+      sidebar: "#fffcf7",
+      sidebarForeground: "#1c1917",
+      sidebarPrimary: "#0f766e",
+      sidebarPrimaryForeground: "#f4fffc",
+      sidebarAccent: "#ebe4d6",
+      sidebarAccentForeground: "#1c1917",
+      sidebarBorder: "#e0d8cc",
+      sidebarRing: "#0f766e",
+      shadow2xs: "0 1px 2px 0 rgb(28 25 23 / 0.04)",
+      shadowXs: "0 1px 2px 0 rgb(28 25 23 / 0.05)",
+      shadowSm: "0 1px 2px 0 rgb(15 118 110 / 0.08), 0 1px 3px -1px rgb(28 25 23 / 0.08)",
+      shadowMd: "0 6px 16px -4px rgb(28 25 23 / 0.1), 0 2px 6px -2px rgb(15 118 110 / 0.08)",
+      shadowLg: "0 16px 32px -8px rgb(28 25 23 / 0.12), 0 6px 12px -4px rgb(15 118 110 / 0.08)",
+      shadowXl: "0 24px 48px -12px rgb(28 25 23 / 0.16)",
+      shadow2xl: "0 32px 64px -16px rgb(28 25 23 / 0.22)"
+    },
+    dark: {
+      background: "#12100d",
+      foreground: "#f4efe6",
+      card: "#1b1814",
+      cardForeground: "#f4efe6",
+      popover: "#1b1814",
+      popoverForeground: "#f4efe6",
+      primary: "#2dd4bf",
+      primaryForeground: "#042f2e",
+      secondary: "#2a241c",
+      secondaryForeground: "#f4efe6",
+      muted: "#221e19",
+      mutedForeground: "#a8a29e",
+      accent: "#134e4a",
+      accentForeground: "#ccfbf1",
+      destructive: "#f87171",
+      border: "#2e2922",
+      input: "#2e2922",
+      ring: "#2dd4bf",
+      chart1: "#2dd4bf",
+      chart2: "#5eead4",
+      chart3: "#99f6e4",
+      chart4: "#14b8a6",
+      chart5: "#0f766e",
+      sidebar: "#1b1814",
+      sidebarForeground: "#f4efe6",
+      sidebarPrimary: "#2dd4bf",
+      sidebarPrimaryForeground: "#042f2e",
+      sidebarAccent: "#2a241c",
+      sidebarAccentForeground: "#f4efe6",
+      sidebarBorder: "#2e2922",
+      sidebarRing: "#2dd4bf",
+      shadow2xs: "0 1px 2px 0 rgb(0 0 0 / 0.28)",
+      shadowXs: "0 1px 2px 0 rgb(0 0 0 / 0.32)",
+      shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.36), 0 1px 3px -1px rgb(0 0 0 / 0.4)",
+      shadowMd: "0 8px 20px -6px rgb(0 0 0 / 0.48)",
+      shadowLg: "0 16px 32px -8px rgb(0 0 0 / 0.52)",
+      shadowXl: "0 24px 48px -10px rgb(0 0 0 / 0.56)",
+      shadow2xl: "0 32px 64px -12px rgb(0 0 0 / 0.64)"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-xs",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-7xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 34, max: 60 }
+    },
+    header1: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-6xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tighter",
+      fluid: { min: 30, max: 52 }
+    },
+    header2: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-4xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 24, max: 36 }
+    },
+    header3: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-2xl",
+      fontWeight: "font-semibold",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    header4: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-xl",
+      fontWeight: "font-medium",
+      lineHeight: "leading-snug"
+    },
+    subheader1: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-xl",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    subheader2: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text1: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text2: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    link: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-base",
+      fontWeight: "font-medium"
+    },
+    button: {
+      fontFamily: "font-montserrat",
+      fontSize: "text-sm",
+      fontWeight: "font-medium",
+      letterSpacing: "tracking-wide"
+    },
+    input: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-base",
+      fontWeight: "font-normal"
+    },
+    caption: {
+      fontFamily: "font-source-sans-3",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      lineHeight: "leading-normal",
+      letterSpacing: "tracking-wide"
+    }
+  },
+  interactives: {
+    button: {
+      padding: { x: "px-6", y: "py-3" },
+      border: {
+        width: "border-0",
+        radius: "rounded-2xl"
+      },
+      shadow: "shadow-xs",
+      custom: "transition-colors duration-200",
+      disabled: {
+        opacity: "opacity-50",
+        cursor: "cursor-not-allowed"
+      }
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border", radius: "rounded-2xl", style: "border-solid" },
+      shadow: "shadow-xs",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-xl" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border-0", radius: "rounded-2xl" },
+      shadow: "shadow-lg"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border-0", radius: "rounded-2xl" },
+      shadow: "shadow-md"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border-0", radius: "rounded-lg" },
+      shadow: "shadow-sm"
+    },
+    link: {
+      padding: { x: "px-0", y: "py-0" },
+      custom: "underline-offset-4 transition-colors duration-150 hover:underline"
+    },
+    card: {
+      padding: { x: "px-8", y: "py-8" },
+      border: {
+        width: "border",
+        radius: "rounded-3xl",
+        style: "border-solid"
+      },
+      shadow: "shadow-xs",
+      custom: "transition-shadow duration-200 hover:shadow-lg"
+    },
+    input: {
+      borderRadius: "rounded-2xl",
+      padding: { x: "px-4", y: "py-3" },
+      border: {
+        width: "border",
+        style: "border-solid",
+        radius: "rounded-2xl"
+      },
+      shadow: "shadow-none",
+      custom: "transition-shadow duration-150",
+      disabled: {
+        cursor: "cursor-not-allowed",
+        opacity: "opacity-50"
+      }
+    }
+  },
+  structure: {
+    page: { width: "max-w-6xl" },
+    section: {
+      padding: { x: "px-6", y: "py-24" }
+    }
+  }
+};
+var studio = {
+  id: "studio",
+  name: "Studio",
+  theme: themeStyles5
+};
+
+// src/primitives/themes/terminal.ts
+var themeStyles6 = {
+  colors: {
+    light: {
+      background: "#ffffff",
+      foreground: "#111111",
+      card: "#ffffff",
+      cardForeground: "#111111",
+      popover: "#ffffff",
+      popoverForeground: "#111111",
+      primary: "#111111",
+      primaryForeground: "#ffffff",
+      secondary: "#ffffff",
+      secondaryForeground: "#111111",
+      muted: "#f5f5f5",
+      mutedForeground: "#5c5c66",
+      accent: "#f0f0f2",
+      accentForeground: "#111111",
+      border: "#dcdce0",
+      destructive: "#d92d20",
+      input: "#111111",
+      ring: "#6d28d9",
+      chart1: "#111111",
+      chart2: "#6d28d9",
+      chart3: "#2f4ad8",
+      chart4: "#5c5c66",
+      chart5: "#a1a1aa",
+      sidebar: "#ffffff",
+      sidebarForeground: "#111111",
+      sidebarPrimary: "#111111",
+      sidebarPrimaryForeground: "#ffffff",
+      sidebarAccent: "#f0f0f2",
+      sidebarAccentForeground: "#111111",
+      sidebarBorder: "#dcdce0",
+      sidebarRing: "#6d28d9",
+      shadow2xs: "none",
+      shadowXs: "none",
+      shadowSm: "none",
+      shadowMd: "none",
+      shadowLg: "none",
+      shadowXl: "none",
+      shadow2xl: "none"
+    },
+    dark: {
+      background: "#17171a",
+      foreground: "#eae8ee",
+      card: "#1c1c20",
+      cardForeground: "#eae8ee",
+      popover: "#1c1c20",
+      popoverForeground: "#eae8ee",
+      primary: "#cba6f7",
+      primaryForeground: "#17171a",
+      secondary: "#17171a",
+      secondaryForeground: "#eae8ee",
+      muted: "#222226",
+      mutedForeground: "#9b99a3",
+      accent: "#26262b",
+      accentForeground: "#eae8ee",
+      border: "#2e2e34",
+      destructive: "#f38ba8",
+      input: "#3a3a41",
+      ring: "#cba6f7",
+      chart1: "#cba6f7",
+      chart2: "#a6e3a1",
+      chart3: "#89b4fa",
+      chart4: "#f9e2af",
+      chart5: "#f38ba8",
+      sidebar: "#17171a",
+      sidebarForeground: "#eae8ee",
+      sidebarPrimary: "#cba6f7",
+      sidebarPrimaryForeground: "#17171a",
+      sidebarAccent: "#26262b",
+      sidebarAccentForeground: "#eae8ee",
+      sidebarBorder: "#2e2e34",
+      sidebarRing: "#cba6f7",
+      shadow2xs: "none",
+      shadowXs: "none",
+      shadowSm: "none",
+      shadowMd: "none",
+      shadowLg: "none",
+      shadowXl: "none",
+      shadow2xl: "none"
+    }
+  },
+  typography: {
+    preheader: {
+      fontFamily: "font-jetbrains-mono",
+      fontSize: "text-xs",
+      fontWeight: "font-normal",
+      letterSpacing: "tracking-widest",
+      textTransform: "uppercase"
+    },
+    display: {
+      fontFamily: "font-archivo",
+      fontSize: "text-7xl",
+      fontWeight: "font-black",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 36, max: 64 }
+    },
+    header1: {
+      fontFamily: "font-archivo",
+      fontSize: "text-5xl",
+      fontWeight: "font-extrabold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 28, max: 44 }
+    },
+    header2: {
+      fontFamily: "font-archivo",
+      fontSize: "text-3xl",
+      fontWeight: "font-extrabold",
+      lineHeight: "leading-tight",
+      letterSpacing: "tracking-tight",
+      fluid: { min: 22, max: 32 }
+    },
+    header3: {
+      fontFamily: "font-archivo",
+      fontSize: "text-xl",
+      fontWeight: "font-bold",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    header4: {
+      fontFamily: "font-archivo",
+      fontSize: "text-lg",
+      fontWeight: "font-bold",
+      lineHeight: "leading-snug",
+      letterSpacing: "tracking-tight"
+    },
+    subheader1: {
+      fontFamily: "font-inter",
+      fontSize: "text-lg",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    subheader2: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text1: {
+      fontFamily: "font-inter",
+      fontSize: "text-base",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    text2: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    link: {
+      fontFamily: "font-inter",
+      fontSize: "text-sm",
+      fontWeight: "font-medium"
+    },
+    button: {
+      fontFamily: "font-jetbrains-mono",
+      fontSize: "text-xs",
+      fontWeight: "font-medium",
+      letterSpacing: "tracking-wider",
+      textTransform: "uppercase"
+    },
+    input: {
+      fontFamily: "font-jetbrains-mono",
+      fontSize: "text-sm",
+      fontWeight: "font-normal"
+    },
+    code: {
+      fontFamily: "font-jetbrains-mono",
+      fontSize: "text-sm",
+      fontWeight: "font-normal",
+      lineHeight: "leading-relaxed"
+    },
+    caption: {
+      fontFamily: "font-jetbrains-mono",
+      fontSize: "text-xs",
+      fontWeight: "font-normal",
+      letterSpacing: "tracking-wider",
+      textTransform: "uppercase"
+    }
+  },
+  highlight: "marker",
+  interactives: {
+    button: {
+      padding: { x: "px-5", y: "py-3" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none",
+      custom: "transition-colors",
+      disabled: { opacity: "opacity-50", cursor: "cursor-not-allowed" }
+    },
+    menu: {
+      padding: { x: "px-1", y: "py-1" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none",
+      item: {
+        padding: { x: "px-3", y: "py-2" },
+        border: { radius: "rounded-none" }
+      }
+    },
+    dialog: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none"
+    },
+    popover: {
+      padding: { x: "px-4", y: "py-4" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none"
+    },
+    tooltip: {
+      padding: { x: "px-2", y: "py-1" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none"
+    },
+    link: {
+      padding: { x: "px-0", y: "py-0" },
+      custom: "underline-offset-4 hover:underline"
+    },
+    card: {
+      padding: { x: "px-6", y: "py-6" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none",
+      custom: ""
+    },
+    input: {
+      padding: { x: "px-4", y: "py-3" },
+      border: { width: "border", radius: "rounded-none", style: "border-solid" },
+      shadow: "shadow-none",
+      custom: "",
+      disabled: { cursor: "cursor-not-allowed", opacity: "opacity-50" }
+    }
+  },
+  structure: {
+    page: { width: "max-w-6xl" },
+    section: {
+      dividers: true,
+      padding: { x: "px-6", y: "py-20" }
+    }
+  }
+};
+var terminal = {
+  id: "terminal",
+  name: "Terminal",
+  theme: themeStyles6
+};
+
+// src/primitives/themes/index.ts
+var themes = [
+  classic,
+  studio,
+  midnight,
+  editorial,
+  neobrutalism,
+  terminal
+];
+
+// src/renderer/generate-theme-styles.ts
+import convert from "color-convert";
+function formatHSL(hsl) {
+  return `${hsl[0]} ${hsl[1]}% ${hsl[2]}%`;
+}
+var SHORT_OR_LONG_HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+var HEX_WITH_ALPHA = /^#([0-9a-f]{4}|[0-9a-f]{8})$/i;
+var CSS_COLOR_FUNCTION = /^(oklch|oklab|lab|lch|hwb|hsla?|rgba?|color)\(\s*[-+0-9a-z%.,/\s]+\)$/i;
+function resolveThemeColor(value) {
+  const color = value?.trim();
+  if (!color) return "";
+  if (SHORT_OR_LONG_HEX.test(color)) {
+    return `hsl(${formatHSL(convert.hex.hsl(color.replace("#", "")))})`;
+  }
+  if (HEX_WITH_ALPHA.test(color) || CSS_COLOR_FUNCTION.test(color)) return color;
+  return "";
+}
+function generateThemeStyles(theme, selector = ".pb-theme") {
+  const colors = theme?.theme?.colors;
+  if (!colors) {
+    return "";
+  }
+  const { light, dark } = colors;
+  if (!light || !dark) {
+    return "";
+  }
+  const block = (c) => `
+        --background: ${resolveThemeColor(c.background)};
+        --foreground: ${resolveThemeColor(c.foreground)};
+        --card: ${resolveThemeColor(c.card)};
+        --card-foreground: ${resolveThemeColor(c.cardForeground)};
+        --popover: ${resolveThemeColor(c.popover)};
+        --popover-foreground: ${resolveThemeColor(c.popoverForeground)};
+        --primary: ${resolveThemeColor(c.primary)};
+        --primary-foreground: ${resolveThemeColor(c.primaryForeground)};
+        --secondary: ${resolveThemeColor(c.secondary)};
+        --secondary-foreground: ${resolveThemeColor(c.secondaryForeground)};
+        --muted: ${resolveThemeColor(c.muted)};
+        --muted-foreground: ${resolveThemeColor(c.mutedForeground)};
+        --accent: ${resolveThemeColor(c.accent)};
+        --accent-foreground: ${resolveThemeColor(c.accentForeground)};
+        --destructive: ${resolveThemeColor(c.destructive)};
+        --border: ${resolveThemeColor(c.border)};
+        --input: ${resolveThemeColor(c.input)};
+        --ring: ${resolveThemeColor(c.ring)};
+        --chart-1: ${resolveThemeColor(c.chart1)};
+        --chart-2: ${resolveThemeColor(c.chart2)};
+        --chart-3: ${resolveThemeColor(c.chart3)};
+        --chart-4: ${resolveThemeColor(c.chart4)};
+        --chart-5: ${resolveThemeColor(c.chart5)};
+        --sidebar-background: ${resolveThemeColor(c.sidebar)};
+        --sidebar-foreground: ${resolveThemeColor(c.sidebarForeground)};
+        --sidebar-primary: ${resolveThemeColor(c.sidebarPrimary)};
+        --sidebar-primary-foreground: ${resolveThemeColor(c.sidebarPrimaryForeground)};
+        --sidebar-accent: ${resolveThemeColor(c.sidebarAccent)};
+        --sidebar-accent-foreground: ${resolveThemeColor(c.sidebarAccentForeground)};
+        --sidebar-border: ${resolveThemeColor(c.sidebarBorder)};
+        --sidebar-ring: ${resolveThemeColor(c.sidebarRing)};
+        --shadow-2xs: ${c.shadow2xs ?? ""};
+        --shadow-xs: ${c.shadowXs ?? ""};
+        --shadow-sm: ${c.shadowSm ?? ""};
+        --shadow-md: ${c.shadowMd ?? ""};
+        --shadow-lg: ${c.shadowLg ?? ""};
+        --shadow-xl: ${c.shadowXl ?? ""};
+        --shadow-2xl: ${c.shadow2xl ?? ""};
+    `;
+  return `
+        ${selector} {
+            ${block(light)}
+        }
+        ${selector}:is(.dark, .dark *) {
+            ${block(dark)}
+        }
+    `;
+}
+
+// src/theme/index.ts
+function resolveTheme(themeId, themeStyle) {
+  if (themeStyle) {
+    return {
+      id: themeId ?? "custom",
+      name: "Custom",
+      theme: themeStyle
+    };
+  }
+  return themes.find((theme) => theme.id === themeId) ?? themes[0];
+}
+export {
+  generateThemeStyles,
+  resolveTheme,
+  themes
+};
+//# sourceMappingURL=theme.js.map