@windrun-huaiin/third-ui 15.1.0 → 15.1.1

package/dist/main/hero-media.d.ts

@@ -0,0 +1,14 @@
+interface HeroMediaProps {
+    src: string;
+    alt: string;
+    width: number;
+    height: number;
+    sizes?: string;
+    maxWidthClassName?: string;
+    wrapperClassName?: string;
+    imageClassName?: string;
+    placeholderClassName?: string;
+    preload?: boolean;
+}
+export declare function HeroMedia({ src, alt, width, height, sizes, maxWidthClassName, wrapperClassName, imageClassName, placeholderClassName, preload, }: HeroMediaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/hero-media.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var delayedImg = require('./delayed-img.js');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function HeroMedia({ src, alt, width, height, sizes = "(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 35vw", maxWidthClassName = "max-w-[500px]", wrapperClassName, imageClassName, placeholderClassName, preload = true, }) {
+    return (jsxRuntime.jsx("div", { className: utils.cn("w-full", maxWidthClassName), children: jsxRuntime.jsx("div", { className: utils.cn("group relative overflow-hidden rounded-lg shadow-purple-500/20", wrapperClassName), style: { aspectRatio: `${width} / ${height}` }, children: jsxRuntime.jsx(delayedImg.DelayedImg, { src: src, alt: alt, fill: true, preload: preload, sizes: sizes, className: utils.cn("rounded-lg object-cover group-hover:scale-105", imageClassName), wrapperClassName: "h-full w-full", placeholderClassName: utils.cn("rounded-lg", placeholderClassName) }) }) }));
+}
+
+exports.HeroMedia = HeroMedia;

package/dist/main/hero-media.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { DelayedImg } from './delayed-img.mjs';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function HeroMedia({ src, alt, width, height, sizes = "(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 35vw", maxWidthClassName = "max-w-[500px]", wrapperClassName, imageClassName, placeholderClassName, preload = true, }) {
+    return (jsx("div", { className: cn("w-full", maxWidthClassName), children: jsx("div", { className: cn("group relative overflow-hidden rounded-lg shadow-purple-500/20", wrapperClassName), style: { aspectRatio: `${width} / ${height}` }, children: jsx(DelayedImg, { src: src, alt: alt, fill: true, preload: preload, sizes: sizes, className: cn("rounded-lg object-cover group-hover:scale-105", imageClassName), wrapperClassName: "h-full w-full", placeholderClassName: cn("rounded-lg", placeholderClassName) }) }) }));
+}
+
+export { HeroMedia };

package/dist/main/hero-section.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface HeroSectionProps {
+    content: ReactNode;
+    media: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    mediaClassName?: string;
+}
+export declare function HeroSection({ content, media, className, contentClassName, mediaClassName, }: HeroSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/hero-section.js

@@ -0,0 +1,11 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function HeroSection({ content, media, className, contentClassName, mediaClassName, }) {
+    return (jsxRuntime.jsxs("section", { className: utils.cn("mx-auto mt-12 flex max-w-6xl flex-col gap-10 px-6 py-8 md:min-w-[calc(100vw-22rem)] md:px-4 md:flex-row md:items-center md:gap-12", className), children: [jsxRuntime.jsx("div", { className: utils.cn("flex-1 space-y-6", contentClassName), children: content }), jsxRuntime.jsx("div", { className: utils.cn("relative flex flex-1 justify-center md:justify-end", mediaClassName), children: media })] }));
+}
+
+exports.HeroSection = HeroSection;

package/dist/main/hero-section.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function HeroSection({ content, media, className, contentClassName, mediaClassName, }) {
+    return (jsxs("section", { className: cn("mx-auto mt-12 flex max-w-6xl flex-col gap-10 px-6 py-8 md:min-w-[calc(100vw-22rem)] md:px-4 md:flex-row md:items-center md:gap-12", className), children: [jsx("div", { className: cn("flex-1 space-y-6", contentClassName), children: content }), jsx("div", { className: cn("relative flex flex-1 justify-center md:justify-end", mediaClassName), children: media })] }));
+}
+
+export { HeroSection };

package/dist/main/index.d.ts

@@ -16,3 +16,5 @@ export { MoneyPriceInteractive } from './money-price/money-price-interactive';
 export { MoneyPriceButton } from './money-price/money-price-button';
 export { CreditOverviewClient } from './credit/credit-overview-client';
 export { CreditNavButton } from './credit/credit-nav-button';
+export { HeroMedia } from './hero-media';
+export { HeroSection } from './hero-section';

package/dist/main/index.js

@@ -22,6 +22,8 @@ var moneyPriceInteractive = require('./money-price/money-price-interactive.js');
 var moneyPriceButton = require('./money-price/money-price-button.js');
 var creditOverviewClient = require('./credit/credit-overview-client.js');
 var creditNavButton = require('./credit/credit-nav-button.js');
+var heroMedia = require('./hero-media.js');
+var heroSection = require('./hero-section.js');
 
 
 
@@ -49,3 +51,5 @@ exports.MoneyPriceInteractive = moneyPriceInteractive.MoneyPriceInteractive;
 exports.MoneyPriceButton = moneyPriceButton.MoneyPriceButton;
 exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
 exports.CreditNavButton = creditNavButton.CreditNavButton;
+exports.HeroMedia = heroMedia.HeroMedia;
+exports.HeroSection = heroSection.HeroSection;

package/dist/main/index.mjs

@@ -20,3 +20,5 @@ export { MoneyPriceInteractive } from './money-price/money-price-interactive.mjs
 export { MoneyPriceButton } from './money-price/money-price-button.mjs';
 export { CreditOverviewClient } from './credit/credit-overview-client.mjs';
 export { CreditNavButton } from './credit/credit-nav-button.mjs';
+export { HeroMedia } from './hero-media.mjs';
+export { HeroSection } from './hero-section.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "15.1.0",
+  "version": "15.1.1",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -90,8 +90,8 @@
     "swiper": "^12.1.2",
     "tslib": "^2.8.1",
     "zod": "^4.3.6",
-    "@windrun-huaiin/base-ui": "^15.1.0",
-    "@windrun-huaiin/lib": "^15.1.0"
+    "@windrun-huaiin/base-ui": "^15.1.1",
+    "@windrun-huaiin/lib": "^15.1.1"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/main/hero-media.tsx

@@ -0,0 +1,53 @@
+'use client';
+
+import { DelayedImg } from "./delayed-img";
+import { cn } from '@windrun-huaiin/lib/utils';
+
+interface HeroMediaProps {
+  src: string;
+  alt: string;
+  width: number;
+  height: number;
+  sizes?: string;
+  maxWidthClassName?: string;
+  wrapperClassName?: string;
+  imageClassName?: string;
+  placeholderClassName?: string;
+  preload?: boolean;
+}
+
+export function HeroMedia({
+  src,
+  alt,
+  width,
+  height,
+  sizes = "(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 35vw",
+  maxWidthClassName = "max-w-[500px]",
+  wrapperClassName,
+  imageClassName,
+  placeholderClassName,
+  preload = true,
+}: HeroMediaProps) {
+  return (
+    <div className={cn("w-full", maxWidthClassName)}>
+      <div
+        className={cn(
+          "group relative overflow-hidden rounded-lg shadow-purple-500/20",
+          wrapperClassName,
+        )}
+        style={{ aspectRatio: `${width} / ${height}` }}
+      >
+        <DelayedImg
+          src={src}
+          alt={alt}
+          fill
+          preload={preload}
+          sizes={sizes}
+          className={cn("rounded-lg object-cover group-hover:scale-105", imageClassName)}
+          wrapperClassName="h-full w-full"
+          placeholderClassName={cn("rounded-lg", placeholderClassName)}
+        />
+      </div>
+    </div>
+  );
+}

package/src/main/hero-section.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import type { ReactNode } from 'react';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+interface HeroSectionProps {
+  content: ReactNode;
+  media: ReactNode;
+  className?: string;
+  contentClassName?: string;
+  mediaClassName?: string;
+}
+
+export function HeroSection({
+  content,
+  media,
+  className,
+  contentClassName,
+  mediaClassName,
+}: HeroSectionProps) {
+  return (
+    <section
+      className={cn(
+        "mx-auto mt-12 flex max-w-6xl flex-col gap-10 px-6 py-8 md:min-w-[calc(100vw-22rem)] md:px-4 md:flex-row md:items-center md:gap-12",
+        className,
+      )}
+    >
+      <div className={cn("flex-1 space-y-6", contentClassName)}>
+        {content}
+      </div>
+      <div className={cn("relative flex flex-1 justify-center md:justify-end", mediaClassName)}>
+        {media}
+      </div>
+    </section>
+  );
+}

package/src/main/index.ts

@@ -21,3 +21,6 @@ export { MoneyPriceButton } from './money-price/money-price-button';
 
 export { CreditOverviewClient } from './credit/credit-overview-client';
 export { CreditNavButton } from './credit/credit-nav-button';
+
+export { HeroMedia } from './hero-media';
+export { HeroSection } from './hero-section';