@windstream/react-shared-components 0.1.59 → 0.1.60

package/dist/index.d.ts

@@ -63,7 +63,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.1.59",
+  "version": "0.1.60",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/contentful/blocks/cards/blog-card/index.tsx

@@ -1,15 +1,15 @@
 import React from "react";
 import { BlogCardProps } from "./types";
-import * as _NextImage from "next/image";
 import * as _NextLink from "next/link";
 
 // import { Button } from "@shared/components/button";
 import { MaterialIcon } from "@shared/components/material-icon";
 import { Text } from "@shared/components/text";
 
-// CJS/ESM interop: next/image and next/link export { default: Fn } in CJS context
-const Image = ((_NextImage as any).default ??
-  _NextImage) as typeof import("next/image").default;
+// CJS/ESM interop: next/link uses standard __esModule exports so this is safe.
+// next/image is intentionally avoided — its image-external.js uses the
+// `0 && (module.exports = {...})` tree-shaking hint which confuses webpack's
+// CJS→ESM interop and causes "got: object" errors in consuming apps.
 const Link = ((_NextLink as any).default ??
   _NextLink) as typeof import("next/link").default;
 
@@ -41,13 +41,14 @@ export const BlogCard: React.FC<BlogCardProps> = ({
       <Link href={href} tabIndex={-1} aria-hidden="true" className="block">
         <div className="h-[232px] w-full flex-shrink-0 overflow-hidden bg-gray-100">
           {image ? (
-            <Image
+            <img
               src={image.src}
               alt={image.alt}
               width={image.width}
               height={image.height}
+              loading="lazy"
+              decoding="async"
               className="h-full w-full object-cover transition-transform duration-300 hover:scale-[1.03]"
-              sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
             />
           ) : (
             <div