@stackshift-ui/header 6.1.0-alpha.3 → 6.1.0-alpha.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/header",
   "description": "",
-  "version": "6.1.0-alpha.3",
+  "version": "6.1.0-alpha.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -27,31 +27,31 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "@portabletext/react": "^3.1.0",
     "react-icons": "^5.3.0",
-    "@stackshift-ui/heading": "6.0.11",
+    "@stackshift-ui/button": "6.0.11",
     "@stackshift-ui/container": "6.0.11",
-    "@stackshift-ui/section": "6.0.11",
-    "@stackshift-ui/link": "6.0.11",
     "@stackshift-ui/flex": "6.0.11",
-    "@stackshift-ui/text": "6.0.11",
-    "@stackshift-ui/swiper-pagination": "6.0.11",
-    "@stackshift-ui/signin-signup": "6.0.14",
     "@stackshift-ui/image": "6.0.11",
+    "@stackshift-ui/heading": "6.0.11",
+    "@stackshift-ui/section": "6.0.11",
+    "@stackshift-ui/signin-signup": "6.0.14",
     "@stackshift-ui/system": "6.0.11",
-    "@stackshift-ui/button": "6.0.11",
+    "@stackshift-ui/swiper-pagination": "6.0.11",
+    "@stackshift-ui/text": "6.0.11",
+    "@stackshift-ui/link": "6.0.11",
     "@stackshift-ui/scripts": "6.0.10"
   },
   "peerDependencies": {
     "@stackshift-ui/system": ">=6.0.11",
     "@types/react": "16.8 - 19",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "next": "10 - 14"
+    "next": "10 - 14",
+    "react": "16.8 - 19",
+    "react-dom": "16.8 - 19"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/header.tsx

@@ -1,10 +1,8 @@
-import { lazy } from "react";
-
+import React, { lazy } from "react";
 import {
   Form,
   HeaderSections,
   Images,
-  LabeledRoute,
   LabeledRouteWithKey,
   MainImage,
   SectionsProps,

package/src/header_f.tsx

@@ -20,7 +20,6 @@ const IMAGE_HEIGHT_CLASSES = {
 
 export default function Header_F({
   title,
-  mainImage,
   subtitle,
   subtitlePosition,
   headerSections,
@@ -35,12 +34,7 @@ export default function Header_F({
         style={{ marginBottom: `${spacing}px` }}
         className={`w-full mx-auto ${!isFullWidth ? "max-w-[1548px] px-4" : ""}`}>
         {(title || subtitle) && (
-          <HeaderTitle
-            title={title}
-            subtitle={subtitle}
-            subtitlePosition={subtitlePosition}
-            mainImage={mainImage}
-          />
+          <HeaderTitle title={title} subtitle={subtitle} subtitlePosition={subtitlePosition} />
         )}
         <Flex className="flex-col" style={{ gap: `${spacing}px` }}>
           {headerSections?.map((header: HeaderBox, index: number) => {
@@ -61,12 +55,10 @@ const HeaderTitle = ({
   title,
   subtitle,
   subtitlePosition,
-  mainImage,
 }: {
   title?: string;
   subtitle?: string;
   subtitlePosition?: string;
-  mainImage?: { image: string; alt?: string };
 }) => (
   <Flex direction="col" justify="center" align="center" gap={3} className="mb-16">
     {subtitlePosition === "top" && subtitle && (
@@ -77,15 +69,6 @@ const HeaderTitle = ({
         {title}
       </Text>
     )}
-    {mainImage && (
-      <div className="relative h-80 max-h-[82px] w-full">
-        <Image
-          src={mainImage.image}
-          alt={mainImage.alt || ""}
-          className="object-contain object-center"
-        />
-      </div>
-    )}
     {subtitlePosition === "bottom" && subtitle ? (
       <Text className="font-label tracking-[2.1px]">{subtitle}</Text>
     ) : (