@lobehub/ui 5.48.2 → 5.49.0

package/es/awesome/FluidGradient/FluidGradient.mjs

@@ -0,0 +1,293 @@
+"use client";
+import { LANDING_PALETTE_DARK, LANDING_PALETTE_LIGHT } from "../landingTokens.mjs";
+import { styles } from "./style.mjs";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+//#region src/awesome/FluidGradient/FluidGradient.tsx
+const VERTEX_SHADER = `#version 300 es
+in vec2 aPos;
+void main() {
+  gl_Position = vec4(aPos, 0.0, 1.0);
+}`;
+const FRAGMENT_SHADER = `#version 300 es
+precision highp float;
+
+uniform vec2 uRes;
+uniform float uTime;
+uniform vec3 uStopA;
+uniform vec3 uStopB;
+uniform vec3 uStopC;
+uniform float uIntensity;
+
+out vec4 fragColor;
+
+float hash(vec2 p) {
+  p = fract(p * vec2(234.34, 435.345));
+  p += dot(p, p + 34.23);
+  return fract(p.x * p.y);
+}
+
+float noise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  float a = hash(i);
+  float b = hash(i + vec2(1.0, 0.0));
+  float c = hash(i + vec2(0.0, 1.0));
+  float d = hash(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, u.x), mix(c, d, u.x), u.y);
+}
+
+float fbm(vec2 p) {
+  float value = 0.0;
+  float amplitude = 0.5;
+  for (int i = 0; i < 4; i++) {
+    value += amplitude * noise(p);
+    p = mat2(0.8, 0.6, -0.6, 0.8) * p * 2.0 + vec2(3.7, 1.3);
+    amplitude *= 0.5;
+  }
+  return value;
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / uRes;
+  vec2 p = vec2(uv.x * uRes.x / uRes.y, uv.y);
+
+  float t = uTime * 0.05;
+
+  vec2 q = vec2(fbm(p * 1.4 + t * 0.35), fbm(p * 1.4 - t * 0.28 + 5.2));
+  vec2 r = vec2(
+    fbm(p * 1.4 + 2.6 * q + vec2(1.7, 9.2) + t * 0.18),
+    fbm(p * 1.4 + 2.6 * q + vec2(8.3, 2.8) - t * 0.12)
+  );
+  float field = fbm(p * 1.4 + 2.6 * r);
+
+  vec3 color = mix(uStopA, uStopB, clamp(field * field * 2.4, 0.0, 1.0));
+  color = mix(color, uStopC, clamp(dot(q, vec2(0.7)) - 0.25, 0.0, 1.0));
+
+  float fade = smoothstep(0.02, 0.85, uv.y);
+  float alpha = fade * fade * uIntensity * smoothstep(0.14, 0.66, field);
+
+  fragColor = vec4(color * alpha, alpha);
+}`;
+const hexToRgb = (hex) => {
+	const value = hex.replace("#", "");
+	const full = value.length === 3 ? value.split("").map((char) => char + char).join("") : value.slice(0, 6);
+	const channel = (offset) => Number.parseInt(full.slice(offset, offset + 2), 16) / 255;
+	return [
+		channel(0),
+		channel(2),
+		channel(4)
+	];
+};
+const FluidGradient = memo(({ className, colors, intensity = .45, speed = 1, style, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const canvasRef = useRef(null);
+	const [ready, setReady] = useState(false);
+	const [canvasEpoch, setCanvasEpoch] = useState(0);
+	const palette = colors ?? (isDarkMode ? LANDING_PALETTE_DARK : LANDING_PALETTE_LIGHT);
+	const paletteRef = useRef({
+		colors: palette,
+		intensity
+	});
+	const speedRef = useRef(speed);
+	const repaintRef = useRef(void 0);
+	useEffect(() => {
+		paletteRef.current = {
+			colors: palette,
+			intensity
+		};
+		speedRef.current = speed;
+		repaintRef.current?.();
+	}, [
+		palette[0],
+		palette[1],
+		palette[2],
+		intensity,
+		speed
+	]);
+	useEffect(() => {
+		const canvas = canvasRef.current;
+		if (!canvas) return void 0;
+		const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+		let frameId = 0;
+		let inView = true;
+		let readySent = false;
+		let drawFrame = null;
+		let refreshPalette = null;
+		let sizeAndDraw = null;
+		let destroyResources = null;
+		const buildResources = () => {
+			const gl = canvas.getContext("webgl2", {
+				alpha: true,
+				antialias: false,
+				depth: false,
+				stencil: false,
+				powerPreference: "low-power"
+			});
+			if (!gl) return false;
+			const compileShader = (type, source) => {
+				const shader = gl.createShader(type);
+				if (!shader) return null;
+				gl.shaderSource(shader, source);
+				gl.compileShader(shader);
+				if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+					gl.deleteShader(shader);
+					return null;
+				}
+				return shader;
+			};
+			const vertexShader = compileShader(gl.VERTEX_SHADER, VERTEX_SHADER);
+			const fragmentShader = compileShader(gl.FRAGMENT_SHADER, FRAGMENT_SHADER);
+			if (!vertexShader || !fragmentShader) return false;
+			const program = gl.createProgram();
+			if (!program) return false;
+			gl.attachShader(program, vertexShader);
+			gl.attachShader(program, fragmentShader);
+			gl.linkProgram(program);
+			gl.deleteShader(vertexShader);
+			gl.deleteShader(fragmentShader);
+			if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+				gl.deleteProgram(program);
+				return false;
+			}
+			gl.useProgram(program);
+			const buffer = gl.createBuffer();
+			gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+			gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+				-1,
+				-1,
+				3,
+				-1,
+				-1,
+				3
+			]), gl.STATIC_DRAW);
+			const position = gl.getAttribLocation(program, "aPos");
+			gl.enableVertexAttribArray(position);
+			gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
+			const timeLocation = gl.getUniformLocation(program, "uTime");
+			const stopLocations = [
+				"uStopA",
+				"uStopB",
+				"uStopC"
+			].map((name) => gl.getUniformLocation(program, name));
+			const intensityLocation = gl.getUniformLocation(program, "uIntensity");
+			refreshPalette = () => {
+				const { colors: stops, intensity: peak } = paletteRef.current;
+				stops.map(hexToRgb).forEach((stop, index) => {
+					const location = stopLocations[index];
+					if (location) gl.uniform3f(location, stop[0], stop[1], stop[2]);
+				});
+				gl.uniform1f(intensityLocation, peak);
+			};
+			refreshPalette();
+			drawFrame = (seconds) => {
+				gl.uniform1f(timeLocation, seconds * speedRef.current);
+				gl.drawArrays(gl.TRIANGLES, 0, 3);
+				if (!readySent) {
+					readySent = true;
+					setReady(true);
+				}
+			};
+			sizeAndDraw = () => {
+				const dpr = Math.min(window.devicePixelRatio || 1, 1.5);
+				const width = Math.max(1, Math.round(canvas.clientWidth * dpr));
+				const height = Math.max(1, Math.round(canvas.clientHeight * dpr));
+				if (canvas.width !== width || canvas.height !== height) {
+					canvas.width = width;
+					canvas.height = height;
+					gl.viewport(0, 0, width, height);
+				}
+				return canvas.clientWidth > 0 && drawFrame !== null;
+			};
+			destroyResources = (lose) => {
+				gl.deleteBuffer(buffer);
+				gl.deleteProgram(program);
+				drawFrame = null;
+				refreshPalette = null;
+				sizeAndDraw = null;
+				destroyResources = null;
+				if (lose) gl.getExtension("WEBGL_lose_context")?.loseContext();
+			};
+			return true;
+		};
+		if (!buildResources()) return void 0;
+		const renderOnce = () => {
+			if (!sizeAndDraw?.()) return;
+			drawFrame?.(performance.now() / 1e3);
+		};
+		const syncLoop = (milliseconds) => {
+			frameId = requestAnimationFrame(syncLoop);
+			if (sizeAndDraw?.()) drawFrame?.(milliseconds / 1e3);
+		};
+		const updateLoop = () => {
+			if (inView && !document.hidden && !reducedMotion.matches && drawFrame !== null) {
+				if (frameId === 0) frameId = requestAnimationFrame(syncLoop);
+				return;
+			}
+			if (frameId !== 0) {
+				cancelAnimationFrame(frameId);
+				frameId = 0;
+			}
+			if (!document.hidden) renderOnce();
+		};
+		const resizeObserver = new ResizeObserver(() => {
+			if (frameId === 0) renderOnce();
+		});
+		resizeObserver.observe(canvas);
+		const intersectionObserver = new IntersectionObserver(([entry]) => {
+			inView = entry.isIntersecting;
+			updateLoop();
+		});
+		intersectionObserver.observe(canvas);
+		const handleVisibilityChange = () => updateLoop();
+		document.addEventListener("visibilitychange", handleVisibilityChange);
+		const handleMotionPreferenceChange = () => updateLoop();
+		reducedMotion.addEventListener("change", handleMotionPreferenceChange);
+		repaintRef.current = () => {
+			refreshPalette?.();
+			if (frameId === 0) renderOnce();
+		};
+		const handleContextLost = (event) => {
+			event.preventDefault();
+			if (frameId !== 0) {
+				cancelAnimationFrame(frameId);
+				frameId = 0;
+			}
+			setCanvasEpoch((value) => value + 1);
+		};
+		canvas.addEventListener("webglcontextlost", handleContextLost);
+		updateLoop();
+		return () => {
+			if (frameId !== 0) cancelAnimationFrame(frameId);
+			frameId = 0;
+			resizeObserver.disconnect();
+			intersectionObserver.disconnect();
+			repaintRef.current = void 0;
+			document.removeEventListener("visibilitychange", handleVisibilityChange);
+			reducedMotion.removeEventListener("change", handleMotionPreferenceChange);
+			canvas.removeEventListener("webglcontextlost", handleContextLost);
+			if (!canvas.isConnected) destroyResources?.(true);
+			else destroyResources?.(false);
+		};
+	}, [canvasEpoch]);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: cx(styles.root, className),
+		"data-ready": ready ? "" : void 0,
+		style: {
+			"--fluid-stop-a": palette[0],
+			"--fluid-stop-b": palette[1],
+			"--fluid-stop-c": palette[2],
+			...style
+		},
+		...rest,
+		children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef }, canvasEpoch)
+	});
+});
+FluidGradient.displayName = "FluidGradient";
+//#endregion
+export { FluidGradient as default };
+
+//# sourceMappingURL=FluidGradient.mjs.map

package/es/awesome/FluidGradient/FluidGradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGradient.mjs","names":[],"sources":["../../../src/awesome/FluidGradient/FluidGradient.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { type CSSProperties, memo, useEffect, useRef, useState } from 'react';\n\nimport { LANDING_PALETTE_DARK, LANDING_PALETTE_LIGHT } from '@/awesome/landingTokens';\n\nimport { styles } from './style';\nimport type { FluidGradientProps } from './type';\n\nconst VERTEX_SHADER = `#version 300 es\nin vec2 aPos;\nvoid main() {\n  gl_Position = vec4(aPos, 0.0, 1.0);\n}`;\n\nconst FRAGMENT_SHADER = `#version 300 es\nprecision highp float;\n\nuniform vec2 uRes;\nuniform float uTime;\nuniform vec3 uStopA;\nuniform vec3 uStopB;\nuniform vec3 uStopC;\nuniform float uIntensity;\n\nout vec4 fragColor;\n\nfloat hash(vec2 p) {\n  p = fract(p * vec2(234.34, 435.345));\n  p += dot(p, p + 34.23);\n  return fract(p.x * p.y);\n}\n\nfloat noise(vec2 p) {\n  vec2 i = floor(p);\n  vec2 f = fract(p);\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  float a = hash(i);\n  float b = hash(i + vec2(1.0, 0.0));\n  float c = hash(i + vec2(0.0, 1.0));\n  float d = hash(i + vec2(1.0, 1.0));\n  return mix(mix(a, b, u.x), mix(c, d, u.x), u.y);\n}\n\nfloat fbm(vec2 p) {\n  float value = 0.0;\n  float amplitude = 0.5;\n  for (int i = 0; i < 4; i++) {\n    value += amplitude * noise(p);\n    p = mat2(0.8, 0.6, -0.6, 0.8) * p * 2.0 + vec2(3.7, 1.3);\n    amplitude *= 0.5;\n  }\n  return value;\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / uRes;\n  vec2 p = vec2(uv.x * uRes.x / uRes.y, uv.y);\n\n  float t = uTime * 0.05;\n\n  vec2 q = vec2(fbm(p * 1.4 + t * 0.35), fbm(p * 1.4 - t * 0.28 + 5.2));\n  vec2 r = vec2(\n    fbm(p * 1.4 + 2.6 * q + vec2(1.7, 9.2) + t * 0.18),\n    fbm(p * 1.4 + 2.6 * q + vec2(8.3, 2.8) - t * 0.12)\n  );\n  float field = fbm(p * 1.4 + 2.6 * r);\n\n  vec3 color = mix(uStopA, uStopB, clamp(field * field * 2.4, 0.0, 1.0));\n  color = mix(color, uStopC, clamp(dot(q, vec2(0.7)) - 0.25, 0.0, 1.0));\n\n  float fade = smoothstep(0.02, 0.85, uv.y);\n  float alpha = fade * fade * uIntensity * smoothstep(0.14, 0.66, field);\n\n  fragColor = vec4(color * alpha, alpha);\n}`;\n\nconst hexToRgb = (hex: string): [number, number, number] => {\n  const value = hex.replace('#', '');\n  const full =\n    value.length === 3\n      ? value\n          .split('')\n          .map((char) => char + char)\n          .join('')\n      : value.slice(0, 6);\n  const channel = (offset: number) => Number.parseInt(full.slice(offset, offset + 2), 16) / 255;\n  return [channel(0), channel(2), channel(4)];\n};\n\nconst FluidGradient = memo<FluidGradientProps>(\n  ({ className, colors, intensity = 0.45, speed = 1, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const [ready, setReady] = useState(false);\n    const [canvasEpoch, setCanvasEpoch] = useState(0);\n    const palette = colors ?? (isDarkMode ? LANDING_PALETTE_DARK : LANDING_PALETTE_LIGHT);\n    const paletteRef = useRef({ colors: palette, intensity });\n    const speedRef = useRef(speed);\n    const repaintRef = useRef<(() => void) | undefined>(undefined);\n\n    useEffect(() => {\n      paletteRef.current = { colors: palette, intensity };\n      speedRef.current = speed;\n      repaintRef.current?.();\n    }, [palette[0], palette[1], palette[2], intensity, speed]);\n\n    useEffect(() => {\n      const canvas = canvasRef.current;\n      if (!canvas) return undefined;\n\n      const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n      let frameId = 0;\n      let inView = true;\n      let readySent = false;\n      let drawFrame: ((seconds: number) => void) | null = null;\n      let refreshPalette: (() => void) | null = null;\n      let sizeAndDraw: (() => boolean) | null = null;\n      let destroyResources: ((lose: boolean) => void) | null = null;\n\n      const buildResources = () => {\n        const gl = canvas.getContext('webgl2', {\n          alpha: true,\n          antialias: false,\n          depth: false,\n          stencil: false,\n          powerPreference: 'low-power',\n        });\n        if (!gl) return false;\n\n        const compileShader = (type: number, source: string) => {\n          const shader = gl.createShader(type);\n          if (!shader) return null;\n          gl.shaderSource(shader, source);\n          gl.compileShader(shader);\n          if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n            gl.deleteShader(shader);\n            return null;\n          }\n          return shader;\n        };\n\n        const vertexShader = compileShader(gl.VERTEX_SHADER, VERTEX_SHADER);\n        const fragmentShader = compileShader(gl.FRAGMENT_SHADER, FRAGMENT_SHADER);\n        if (!vertexShader || !fragmentShader) return false;\n\n        const program = gl.createProgram();\n        if (!program) return false;\n        gl.attachShader(program, vertexShader);\n        gl.attachShader(program, fragmentShader);\n        gl.linkProgram(program);\n        gl.deleteShader(vertexShader);\n        gl.deleteShader(fragmentShader);\n        if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n          gl.deleteProgram(program);\n          return false;\n        }\n        gl.useProgram(program);\n\n        const buffer = gl.createBuffer();\n        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);\n        const position = gl.getAttribLocation(program, 'aPos');\n        gl.enableVertexAttribArray(position);\n        gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n\n        const timeLocation = gl.getUniformLocation(program, 'uTime');\n        const stopLocations = ['uStopA', 'uStopB', 'uStopC'].map((name) =>\n          gl.getUniformLocation(program, name),\n        );\n\n        const intensityLocation = gl.getUniformLocation(program, 'uIntensity');\n\n        refreshPalette = () => {\n          const { colors: stops, intensity: peak } = paletteRef.current;\n          stops.map(hexToRgb).forEach((stop, index) => {\n            const location = stopLocations[index];\n            if (location) gl.uniform3f(location, stop[0], stop[1], stop[2]);\n          });\n          gl.uniform1f(intensityLocation, peak);\n        };\n        refreshPalette();\n\n        drawFrame = (seconds: number) => {\n          gl.uniform1f(timeLocation, seconds * speedRef.current);\n          gl.drawArrays(gl.TRIANGLES, 0, 3);\n          if (!readySent) {\n            readySent = true;\n            setReady(true);\n          }\n        };\n\n        sizeAndDraw = () => {\n          const dpr = Math.min(window.devicePixelRatio || 1, 1.5);\n          const width = Math.max(1, Math.round(canvas.clientWidth * dpr));\n          const height = Math.max(1, Math.round(canvas.clientHeight * dpr));\n          if (canvas.width !== width || canvas.height !== height) {\n            canvas.width = width;\n            canvas.height = height;\n            gl.viewport(0, 0, width, height);\n          }\n          return canvas.clientWidth > 0 && drawFrame !== null;\n        };\n\n        destroyResources = (lose: boolean) => {\n          gl.deleteBuffer(buffer);\n          gl.deleteProgram(program);\n          drawFrame = null;\n          refreshPalette = null;\n          sizeAndDraw = null;\n          destroyResources = null;\n          if (lose) gl.getExtension('WEBGL_lose_context')?.loseContext();\n        };\n\n        return true;\n      };\n\n      if (!buildResources()) return undefined;\n\n      const renderOnce = () => {\n        if (!sizeAndDraw?.()) return;\n        drawFrame?.(performance.now() / 1000);\n      };\n\n      const syncLoop = (milliseconds: number) => {\n        frameId = requestAnimationFrame(syncLoop);\n        if (sizeAndDraw?.()) drawFrame?.(milliseconds / 1000);\n      };\n\n      const updateLoop = () => {\n        const shouldAnimate =\n          inView && !document.hidden && !reducedMotion.matches && drawFrame !== null;\n\n        if (shouldAnimate) {\n          if (frameId === 0) frameId = requestAnimationFrame(syncLoop);\n          return;\n        }\n\n        if (frameId !== 0) {\n          cancelAnimationFrame(frameId);\n          frameId = 0;\n        }\n\n        if (!document.hidden) renderOnce();\n      };\n\n      const resizeObserver = new ResizeObserver(() => {\n        if (frameId === 0) renderOnce();\n      });\n      resizeObserver.observe(canvas);\n\n      const intersectionObserver = new IntersectionObserver(([entry]) => {\n        inView = entry.isIntersecting;\n        updateLoop();\n      });\n      intersectionObserver.observe(canvas);\n\n      const handleVisibilityChange = () => updateLoop();\n      document.addEventListener('visibilitychange', handleVisibilityChange);\n\n      const handleMotionPreferenceChange = () => updateLoop();\n      reducedMotion.addEventListener('change', handleMotionPreferenceChange);\n\n      repaintRef.current = () => {\n        refreshPalette?.();\n        if (frameId === 0) renderOnce();\n      };\n\n      const handleContextLost = (event: Event) => {\n        event.preventDefault();\n        if (frameId !== 0) {\n          cancelAnimationFrame(frameId);\n          frameId = 0;\n        }\n        setCanvasEpoch((value) => value + 1);\n      };\n      canvas.addEventListener('webglcontextlost', handleContextLost);\n\n      updateLoop();\n\n      return () => {\n        if (frameId !== 0) cancelAnimationFrame(frameId);\n        frameId = 0;\n        resizeObserver.disconnect();\n        intersectionObserver.disconnect();\n        repaintRef.current = undefined;\n        document.removeEventListener('visibilitychange', handleVisibilityChange);\n        reducedMotion.removeEventListener('change', handleMotionPreferenceChange);\n        canvas.removeEventListener('webglcontextlost', handleContextLost);\n        if (!canvas.isConnected) destroyResources?.(true);\n        else destroyResources?.(false);\n      };\n    }, [canvasEpoch]);\n\n    return (\n      <div\n        aria-hidden\n        className={cx(styles.root, className)}\n        data-ready={ready ? '' : undefined}\n        style={\n          {\n            '--fluid-stop-a': palette[0],\n            '--fluid-stop-b': palette[1],\n            '--fluid-stop-c': palette[2],\n            ...style,\n          } as CSSProperties\n        }\n        {...rest}\n      >\n        <canvas key={canvasEpoch} ref={canvasRef} />\n      </div>\n    );\n  },\n);\n\nFluidGradient.displayName = 'FluidGradient';\n\nexport default FluidGradient;\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB;;;;;AAMtB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DxB,MAAM,YAAY,QAA0C;CAC1D,MAAM,QAAQ,IAAI,QAAQ,KAAK,EAAE;CACjC,MAAM,OACJ,MAAM,WAAW,IACb,MACG,MAAM,EAAE,CAAC,CACT,KAAK,SAAS,OAAO,IAAI,CAAC,CAC1B,KAAK,EAAE,IACV,MAAM,MAAM,GAAG,CAAC;CACtB,MAAM,WAAW,WAAmB,OAAO,SAAS,KAAK,MAAM,QAAQ,SAAS,CAAC,GAAG,EAAE,IAAI;CAC1F,OAAO;EAAC,QAAQ,CAAC;EAAG,QAAQ,CAAC;EAAG,QAAQ,CAAC;CAAC;AAC5C;AAEA,MAAM,gBAAgB,MACnB,EAAE,WAAW,QAAQ,YAAY,KAAM,QAAQ,GAAG,OAAO,GAAG,WAAW;CACtE,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CACxC,MAAM,CAAC,aAAa,kBAAkB,SAAS,CAAC;CAChD,MAAM,UAAU,WAAW,aAAa,uBAAuB;CAC/D,MAAM,aAAa,OAAO;EAAE,QAAQ;EAAS;CAAU,CAAC;CACxD,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,aAAa,OAAiC,KAAA,CAAS;CAE7D,gBAAgB;EACd,WAAW,UAAU;GAAE,QAAQ;GAAS;EAAU;EAClD,SAAS,UAAU;EACnB,WAAW,UAAU;CACvB,GAAG;EAAC,QAAQ;EAAI,QAAQ;EAAI,QAAQ;EAAI;EAAW;CAAK,CAAC;CAEzD,gBAAgB;EACd,MAAM,SAAS,UAAU;EACzB,IAAI,CAAC,QAAQ,OAAO,KAAA;EAEpB,MAAM,gBAAgB,OAAO,WAAW,kCAAkC;EAE1E,IAAI,UAAU;EACd,IAAI,SAAS;EACb,IAAI,YAAY;EAChB,IAAI,YAAgD;EACpD,IAAI,iBAAsC;EAC1C,IAAI,cAAsC;EAC1C,IAAI,mBAAqD;EAEzD,MAAM,uBAAuB;GAC3B,MAAM,KAAK,OAAO,WAAW,UAAU;IACrC,OAAO;IACP,WAAW;IACX,OAAO;IACP,SAAS;IACT,iBAAiB;GACnB,CAAC;GACD,IAAI,CAAC,IAAI,OAAO;GAEhB,MAAM,iBAAiB,MAAc,WAAmB;IACtD,MAAM,SAAS,GAAG,aAAa,IAAI;IACnC,IAAI,CAAC,QAAQ,OAAO;IACpB,GAAG,aAAa,QAAQ,MAAM;IAC9B,GAAG,cAAc,MAAM;IACvB,IAAI,CAAC,GAAG,mBAAmB,QAAQ,GAAG,cAAc,GAAG;KACrD,GAAG,aAAa,MAAM;KACtB,OAAO;IACT;IACA,OAAO;GACT;GAEA,MAAM,eAAe,cAAc,GAAG,eAAe,aAAa;GAClE,MAAM,iBAAiB,cAAc,GAAG,iBAAiB,eAAe;GACxE,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,OAAO;GAE7C,MAAM,UAAU,GAAG,cAAc;GACjC,IAAI,CAAC,SAAS,OAAO;GACrB,GAAG,aAAa,SAAS,YAAY;GACrC,GAAG,aAAa,SAAS,cAAc;GACvC,GAAG,YAAY,OAAO;GACtB,GAAG,aAAa,YAAY;GAC5B,GAAG,aAAa,cAAc;GAC9B,IAAI,CAAC,GAAG,oBAAoB,SAAS,GAAG,WAAW,GAAG;IACpD,GAAG,cAAc,OAAO;IACxB,OAAO;GACT;GACA,GAAG,WAAW,OAAO;GAErB,MAAM,SAAS,GAAG,aAAa;GAC/B,GAAG,WAAW,GAAG,cAAc,MAAM;GACrC,GAAG,WAAW,GAAG,cAAc,IAAI,aAAa;IAAC;IAAI;IAAI;IAAG;IAAI;IAAI;GAAC,CAAC,GAAG,GAAG,WAAW;GACvF,MAAM,WAAW,GAAG,kBAAkB,SAAS,MAAM;GACrD,GAAG,wBAAwB,QAAQ;GACnC,GAAG,oBAAoB,UAAU,GAAG,GAAG,OAAO,OAAO,GAAG,CAAC;GAEzD,MAAM,eAAe,GAAG,mBAAmB,SAAS,OAAO;GAC3D,MAAM,gBAAgB;IAAC;IAAU;IAAU;GAAQ,CAAC,CAAC,KAAK,SACxD,GAAG,mBAAmB,SAAS,IAAI,CACrC;GAEA,MAAM,oBAAoB,GAAG,mBAAmB,SAAS,YAAY;GAErE,uBAAuB;IACrB,MAAM,EAAE,QAAQ,OAAO,WAAW,SAAS,WAAW;IACtD,MAAM,IAAI,QAAQ,CAAC,CAAC,SAAS,MAAM,UAAU;KAC3C,MAAM,WAAW,cAAc;KAC/B,IAAI,UAAU,GAAG,UAAU,UAAU,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE;IAChE,CAAC;IACD,GAAG,UAAU,mBAAmB,IAAI;GACtC;GACA,eAAe;GAEf,aAAa,YAAoB;IAC/B,GAAG,UAAU,cAAc,UAAU,SAAS,OAAO;IACrD,GAAG,WAAW,GAAG,WAAW,GAAG,CAAC;IAChC,IAAI,CAAC,WAAW;KACd,YAAY;KACZ,SAAS,IAAI;IACf;GACF;GAEA,oBAAoB;IAClB,MAAM,MAAM,KAAK,IAAI,OAAO,oBAAoB,GAAG,GAAG;IACtD,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,cAAc,GAAG,CAAC;IAC9D,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,eAAe,GAAG,CAAC;IAChE,IAAI,OAAO,UAAU,SAAS,OAAO,WAAW,QAAQ;KACtD,OAAO,QAAQ;KACf,OAAO,SAAS;KAChB,GAAG,SAAS,GAAG,GAAG,OAAO,MAAM;IACjC;IACA,OAAO,OAAO,cAAc,KAAK,cAAc;GACjD;GAEA,oBAAoB,SAAkB;IACpC,GAAG,aAAa,MAAM;IACtB,GAAG,cAAc,OAAO;IACxB,YAAY;IACZ,iBAAiB;IACjB,cAAc;IACd,mBAAmB;IACnB,IAAI,MAAM,GAAG,aAAa,oBAAoB,CAAC,EAAE,YAAY;GAC/D;GAEA,OAAO;EACT;EAEA,IAAI,CAAC,eAAe,GAAG,OAAO,KAAA;EAE9B,MAAM,mBAAmB;GACvB,IAAI,CAAC,cAAc,GAAG;GACtB,YAAY,YAAY,IAAI,IAAI,GAAI;EACtC;EAEA,MAAM,YAAY,iBAAyB;GACzC,UAAU,sBAAsB,QAAQ;GACxC,IAAI,cAAc,GAAG,YAAY,eAAe,GAAI;EACtD;EAEA,MAAM,mBAAmB;GAIvB,IAFE,UAAU,CAAC,SAAS,UAAU,CAAC,cAAc,WAAW,cAAc,MAErD;IACjB,IAAI,YAAY,GAAG,UAAU,sBAAsB,QAAQ;IAC3D;GACF;GAEA,IAAI,YAAY,GAAG;IACjB,qBAAqB,OAAO;IAC5B,UAAU;GACZ;GAEA,IAAI,CAAC,SAAS,QAAQ,WAAW;EACnC;EAEA,MAAM,iBAAiB,IAAI,qBAAqB;GAC9C,IAAI,YAAY,GAAG,WAAW;EAChC,CAAC;EACD,eAAe,QAAQ,MAAM;EAE7B,MAAM,uBAAuB,IAAI,sBAAsB,CAAC,WAAW;GACjE,SAAS,MAAM;GACf,WAAW;EACb,CAAC;EACD,qBAAqB,QAAQ,MAAM;EAEnC,MAAM,+BAA+B,WAAW;EAChD,SAAS,iBAAiB,oBAAoB,sBAAsB;EAEpE,MAAM,qCAAqC,WAAW;EACtD,cAAc,iBAAiB,UAAU,4BAA4B;EAErE,WAAW,gBAAgB;GACzB,iBAAiB;GACjB,IAAI,YAAY,GAAG,WAAW;EAChC;EAEA,MAAM,qBAAqB,UAAiB;GAC1C,MAAM,eAAe;GACrB,IAAI,YAAY,GAAG;IACjB,qBAAqB,OAAO;IAC5B,UAAU;GACZ;GACA,gBAAgB,UAAU,QAAQ,CAAC;EACrC;EACA,OAAO,iBAAiB,oBAAoB,iBAAiB;EAE7D,WAAW;EAEX,aAAa;GACX,IAAI,YAAY,GAAG,qBAAqB,OAAO;GAC/C,UAAU;GACV,eAAe,WAAW;GAC1B,qBAAqB,WAAW;GAChC,WAAW,UAAU,KAAA;GACrB,SAAS,oBAAoB,oBAAoB,sBAAsB;GACvE,cAAc,oBAAoB,UAAU,4BAA4B;GACxE,OAAO,oBAAoB,oBAAoB,iBAAiB;GAChE,IAAI,CAAC,OAAO,aAAa,mBAAmB,IAAI;QAC3C,mBAAmB,KAAK;EAC/B;CACF,GAAG,CAAC,WAAW,CAAC;CAEhB,OACE,oBAAC,OAAD;EACE,eAAA;EACA,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,cAAY,QAAQ,KAAK,KAAA;EACzB,OACE;GACE,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;GAC1B,GAAG;EACL;EAEF,GAAI;EAEJ,UAAA,oBAAC,UAAD,EAA0B,KAAK,UAAY,GAA9B,WAA8B;CACxC,CAAA;AAET,CACF;AAEA,cAAc,cAAc"}

package/es/awesome/FluidGradient/index.d.mts

@@ -0,0 +1,3 @@
+import { FluidGradientProps } from "./type.mjs";
+import FluidGradient from "./FluidGradient.mjs";
+export { type FluidGradientProps, FluidGradient as default };

package/es/awesome/FluidGradient/style.mjs

@@ -0,0 +1,52 @@
+import { createStaticStyles } from "antd-style";
+//#region src/awesome/FluidGradient/style.ts
+const styles = createStaticStyles(({ css }) => ({ root: css`
+    pointer-events: none;
+
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+
+    /* Soft CSS fallback so the hero never flashes empty white while WebGL boots. */
+    background:
+      radial-gradient(
+        ellipse 80% 55% at 50% 0%,
+        color-mix(in srgb, var(--fluid-stop-a, #7c5cff) 28%, transparent),
+        transparent 70%
+      ),
+      radial-gradient(
+        ellipse 60% 45% at 85% 20%,
+        color-mix(in srgb, var(--fluid-stop-b, #d6549e) 22%, transparent),
+        transparent 65%
+      ),
+      radial-gradient(
+        ellipse 55% 40% at 15% 30%,
+        color-mix(in srgb, var(--fluid-stop-c, #f0885f) 18%, transparent),
+        transparent 60%
+      );
+
+    canvas {
+      display: block;
+
+      inline-size: 100%;
+      block-size: 100%;
+
+      opacity: 0;
+
+      transition: opacity 700ms ease;
+    }
+
+    &[data-ready] canvas {
+      opacity: 1;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      canvas {
+        transition-duration: 0.01ms;
+      }
+    }
+  ` }));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/awesome/FluidGradient/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/FluidGradient/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  root: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n\n    /* Soft CSS fallback so the hero never flashes empty white while WebGL boots. */\n    background:\n      radial-gradient(\n        ellipse 80% 55% at 50% 0%,\n        color-mix(in srgb, var(--fluid-stop-a, #7c5cff) 28%, transparent),\n        transparent 70%\n      ),\n      radial-gradient(\n        ellipse 60% 45% at 85% 20%,\n        color-mix(in srgb, var(--fluid-stop-b, #d6549e) 22%, transparent),\n        transparent 65%\n      ),\n      radial-gradient(\n        ellipse 55% 40% at 15% 30%,\n        color-mix(in srgb, var(--fluid-stop-c, #f0885f) 18%, transparent),\n        transparent 60%\n      );\n\n    canvas {\n      display: block;\n\n      inline-size: 100%;\n      block-size: 100%;\n\n      opacity: 0;\n\n      transition: opacity 700ms ease;\n    }\n\n    &[data-ready] canvas {\n      opacity: 1;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      canvas {\n        transition-duration: 0.01ms;\n      }\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW,EACrD,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CX,EAAE"}

package/es/awesome/FluidGradient/type.d.mts

@@ -0,0 +1,22 @@
+import { DivProps } from "../../types/index.mjs";
+import { LandingPalette } from "../landingTokens.mjs";
+//#region src/awesome/FluidGradient/type.d.ts
+interface FluidGradientProps extends DivProps {
+  /**
+   * Three color stops blended by the shader. Defaults to the landing palette for the current theme.
+   */
+  colors?: LandingPalette;
+  /**
+   * Peak opacity of the texture, from 0 to 1.
+   * @default 0.45
+   */
+  intensity?: number;
+  /**
+   * Animation speed multiplier. The texture renders a still frame when reduced motion is preferred.
+   * @default 1
+   */
+  speed?: number;
+}
+//#endregion
+export { FluidGradientProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/InstallBanner/InstallBanner.d.mts

@@ -0,0 +1,6 @@
+import { InstallBannerProps } from "./type.mjs";
+//#region src/awesome/InstallBanner/InstallBanner.d.ts
+declare const InstallBanner: import("react").NamedExoticComponent<InstallBannerProps>;
+//#endregion
+export { InstallBanner as default };
+//# sourceMappingURL=InstallBanner.d.mts.map

package/es/awesome/InstallBanner/InstallBanner.mjs

@@ -0,0 +1,35 @@
+"use client";
+import Snippet from "../../Snippet/Snippet.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/awesome/InstallBanner/InstallBanner.tsx
+const InstallBanner = memo(({ className, command, footnote, prefix = "$", title, ...rest }) => /* @__PURE__ */ jsx("section", {
+	className: cx(styles.root, className),
+	...rest,
+	children: /* @__PURE__ */ jsxs("div", {
+		className: styles.content,
+		children: [
+			title && /* @__PURE__ */ jsx("h2", {
+				className: styles.title,
+				children: title
+			}),
+			/* @__PURE__ */ jsx(Snippet, {
+				className: styles.snippet,
+				language: "bash",
+				prefix,
+				children: command
+			}),
+			footnote && /* @__PURE__ */ jsx("p", {
+				className: styles.footnote,
+				children: footnote
+			})
+		]
+	})
+}));
+InstallBanner.displayName = "InstallBanner";
+//#endregion
+export { InstallBanner as default };
+
+//# sourceMappingURL=InstallBanner.mjs.map

package/es/awesome/InstallBanner/InstallBanner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.mjs","names":[],"sources":["../../../src/awesome/InstallBanner/InstallBanner.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport Snippet from '@/Snippet';\n\nimport { styles } from './style';\nimport type { InstallBannerProps } from './type';\n\nconst InstallBanner = memo<InstallBannerProps>(\n  ({ className, command, footnote, prefix = '$', title, ...rest }) => (\n    <section className={cx(styles.root, className)} {...rest}>\n      <div className={styles.content}>\n        {title && <h2 className={styles.title}>{title}</h2>}\n        <Snippet className={styles.snippet} language={'bash'} prefix={prefix}>\n          {command}\n        </Snippet>\n        {footnote && <p className={styles.footnote}>{footnote}</p>}\n      </div>\n    </section>\n  ),\n);\n\nInstallBanner.displayName = 'InstallBanner';\n\nexport default InstallBanner;\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,MACnB,EAAE,WAAW,SAAS,UAAU,SAAS,KAAK,OAAO,GAAG,WACvD,oBAAC,WAAD;CAAS,WAAW,GAAG,OAAO,MAAM,SAAS;CAAG,GAAI;CAClD,UAAA,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA;GACG,SAAS,oBAAC,MAAD;IAAI,WAAW,OAAO;IAAQ,UAAA;GAAU,CAAA;GAClD,oBAAC,SAAD;IAAS,WAAW,OAAO;IAAS,UAAU;IAAgB;IAC3D,UAAA;GACM,CAAA;GACR,YAAY,oBAAC,KAAD;IAAG,WAAW,OAAO;IAAW,UAAA;GAAY,CAAA;EACtD;;AACE,CAAA,CAEb;AAEA,cAAc,cAAc"}

package/es/awesome/InstallBanner/index.d.mts

@@ -0,0 +1,3 @@
+import { InstallBannerProps } from "./type.mjs";
+import InstallBanner from "./InstallBanner.mjs";
+export { type InstallBannerProps, InstallBanner as default };

package/es/awesome/InstallBanner/style.mjs

@@ -0,0 +1,46 @@
+import { createStaticStyles } from "antd-style";
+//#region src/awesome/InstallBanner/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	footnote: css`
+    margin: 0;
+    font-size: ${cssVar.fontSizeSM};
+    color: ${cssVar.colorTextTertiary};
+
+    a {
+      color: ${cssVar.colorPrimary};
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+  `,
+	content: css`
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    align-items: center;
+  `,
+	root: css`
+    overflow: hidden;
+    padding-block: clamp(56px, 9vh, 88px);
+    border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+    text-align: center;
+  `,
+	snippet: css`
+    border-radius: 999px;
+  `,
+	title: css`
+    margin: 0;
+
+    font-size: clamp(22px, 3vw, 28px);
+    font-weight: 650;
+    color: ${cssVar.colorText};
+    text-wrap: balance;
+    letter-spacing: -0.02em;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/awesome/InstallBanner/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/InstallBanner/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  footnote: css`\n    margin: 0;\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextTertiary};\n\n    a {\n      color: ${cssVar.colorPrimary};\n      text-decoration: none;\n    }\n\n    a:hover {\n      text-decoration: underline;\n    }\n  `,\n  content: css`\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    align-items: center;\n  `,\n  root: css`\n    overflow: hidden;\n    padding-block: clamp(56px, 9vh, 88px);\n    border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    text-align: center;\n  `,\n  snippet: css`\n    border-radius: 999px;\n  `,\n  title: css`\n    margin: 0;\n\n    font-size: clamp(22px, 3vw, 28px);\n    font-weight: 650;\n    color: ${cssVar.colorText};\n    text-wrap: balance;\n    letter-spacing: -0.02em;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;iBAEE,OAAO,WAAW;aACtB,OAAO,kBAAkB;;;eAGvB,OAAO,aAAa;;;;;;;;CAQjC,SAAS,GAAG;;;;;;CAMZ,MAAM,GAAG;;;oCAGyB,OAAO,qBAAqB;;;CAG9D,SAAS,GAAG;;;CAGZ,OAAO,GAAG;;;;;aAKC,OAAO,UAAU;;;;AAI9B,EAAE"}

package/es/awesome/InstallBanner/type.d.mts

@@ -0,0 +1,18 @@
+import { DivProps } from "../../types/index.mjs";
+import { ReactNode } from "react";
+//#region src/awesome/InstallBanner/type.d.ts
+interface InstallBannerProps extends Omit<DivProps, 'title'> {
+  /** The shell command users copy, e.g. `pnpm add @lobehub/ui`. */
+  command: string;
+  /** Muted line under the command, e.g. license and a docs link. */
+  footnote?: ReactNode;
+  /**
+   * Shell prompt shown before the command.
+   * @default '$'
+   */
+  prefix?: string;
+  title?: ReactNode;
+}
+//#endregion
+export { InstallBannerProps };
+//# sourceMappingURL=type.d.mts.map

package/es/awesome/LandingHero/LandingHero.d.mts

@@ -0,0 +1,6 @@
+import { LandingHeroProps } from "./type.mjs";
+//#region src/awesome/LandingHero/LandingHero.d.ts
+declare const LandingHero: import("react").NamedExoticComponent<LandingHeroProps>;
+//#endregion
+export { LandingHero as default };
+//# sourceMappingURL=LandingHero.d.mts.map

package/es/awesome/LandingHero/LandingHero.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { LandingActions } from "../landingActions.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/awesome/LandingHero/LandingHero.tsx
+const LandingHero = memo(({ accent, actions, aside, badge, children, className, description, onNavigate, renderLink, title, ...rest }) => /* @__PURE__ */ jsx("section", {
+	className: cx(styles.root, className),
+	"data-layout": aside ? "split" : "center",
+	...rest,
+	children: /* @__PURE__ */ jsxs("div", {
+		className: styles.content,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: styles.main,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: styles.intro,
+				children: [
+					badge && /* @__PURE__ */ jsx("div", {
+						className: styles.badge,
+						children: badge
+					}),
+					/* @__PURE__ */ jsxs("h1", {
+						className: styles.title,
+						children: [title, accent && /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx("span", {
+							className: styles.accent,
+							children: accent
+						})] })]
+					}),
+					description && /* @__PURE__ */ jsx("p", {
+						className: styles.description,
+						children: description
+					}),
+					actions && actions.length > 0 && /* @__PURE__ */ jsx(LandingActions, {
+						actions,
+						className: styles.actions,
+						renderLink,
+						onNavigate
+					})
+				]
+			}), aside && /* @__PURE__ */ jsx("div", {
+				className: styles.aside,
+				children: aside
+			})]
+		}), children && /* @__PURE__ */ jsx("div", {
+			className: styles.extra,
+			children
+		})]
+	})
+}));
+LandingHero.displayName = "LandingHero";
+//#endregion
+export { LandingHero as default };
+
+//# sourceMappingURL=LandingHero.mjs.map

package/es/awesome/LandingHero/LandingHero.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingHero.mjs","names":[],"sources":["../../../src/awesome/LandingHero/LandingHero.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { LandingActions } from '@/awesome/landingActions';\n\nimport { styles } from './style';\nimport type { LandingHeroProps } from './type';\n\nconst LandingHero = memo<LandingHeroProps>(\n  ({\n    accent,\n    actions,\n    aside,\n    badge,\n    children,\n    className,\n    description,\n    onNavigate,\n    renderLink,\n    title,\n    ...rest\n  }) => (\n    <section\n      className={cx(styles.root, className)}\n      data-layout={aside ? 'split' : 'center'}\n      {...rest}\n    >\n      <div className={styles.content}>\n        <div className={styles.main}>\n          <div className={styles.intro}>\n            {badge && <div className={styles.badge}>{badge}</div>}\n            <h1 className={styles.title}>\n              {title}\n              {accent && (\n                <>\n                  {' '}\n                  <span className={styles.accent}>{accent}</span>\n                </>\n              )}\n            </h1>\n            {description && <p className={styles.description}>{description}</p>}\n            {actions && actions.length > 0 && (\n              <LandingActions\n                actions={actions}\n                className={styles.actions}\n                renderLink={renderLink}\n                onNavigate={onNavigate}\n              />\n            )}\n          </div>\n          {aside && <div className={styles.aside}>{aside}</div>}\n        </div>\n        {children && <div className={styles.extra}>{children}</div>}\n      </div>\n    </section>\n  ),\n);\n\nLandingHero.displayName = 'LandingHero';\n\nexport default LandingHero;\n"],"mappings":";;;;;;;AAUA,MAAM,cAAc,MACjB,EACC,QACA,SACA,OACA,OACA,UACA,WACA,aACA,YACA,YACA,OACA,GAAG,WAEH,oBAAC,WAAD;CACE,WAAW,GAAG,OAAO,MAAM,SAAS;CACpC,eAAa,QAAQ,UAAU;CAC/B,GAAI;CAEJ,UAAA,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW,OAAO;GAAvB,UAAA,CACE,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA;KACG,SAAS,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAQ,UAAA;KAAW,CAAA;KACpD,qBAAC,MAAD;MAAI,WAAW,OAAO;MAAtB,UAAA,CACG,OACA,UACC,qBAAA,YAAA,EAAA,UAAA,CACG,KACD,oBAAC,QAAD;OAAM,WAAW,OAAO;OAAS,UAAA;MAAa,CAAA,CAC9C,EAAA,CAAA,CAEF;;KACH,eAAe,oBAAC,KAAD;MAAG,WAAW,OAAO;MAAc,UAAA;KAAe,CAAA;KACjE,WAAW,QAAQ,SAAS,KAC3B,oBAAC,gBAAD;MACW;MACT,WAAW,OAAO;MACN;MACA;KACb,CAAA;IAEA;GACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAQ,UAAA;GAAW,CAAA,CACjD;EACJ,CAAA,GAAA,YAAY,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAQ;EAAc,CAAA,CACvD;;AACE,CAAA,CAEb;AAEA,YAAY,cAAc"}

package/es/awesome/LandingHero/index.d.mts

@@ -0,0 +1,3 @@
+import { LandingHeroAction, LandingHeroProps } from "./type.mjs";
+import LandingHero from "./LandingHero.mjs";
+export { type LandingHeroAction, type LandingHeroProps, LandingHero as default };