@ug666/ui-react 0.1.0 → 0.2.0

package/dist/blocks/index.cjs

@@ -0,0 +1,238 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/blocks/index.ts
+var blocks_exports = {};
+__export(blocks_exports, {
+  FeatureGrid: () => FeatureGrid,
+  LandingHero: () => LandingHero,
+  UGFeatureGrid: () => FeatureGrid,
+  UGLandingHero: () => LandingHero
+});
+module.exports = __toCommonJS(blocks_exports);
+
+// src/blocks/feature-grid.tsx
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+
+// src/internal/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/blocks/feature-grid.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var columnClasses = {
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4"
+};
+var FeatureGrid = (0, import_react.forwardRef)(
+  ({ title, description, features, columns = 3, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "section",
+      {
+        ref,
+        className: cn("bg-surface-0 px-4 py-16 sm:px-6 lg:px-8", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-7xl space-y-8", children: [
+          title || description ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-3xl space-y-3", children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "break-words text-3xl font-bold leading-tight text-text-primary", children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm leading-6 text-text-secondary", children: description }) : null
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("grid gap-4 md:grid-cols-2", columnClasses[columns]), children: features.map((feature, index) => {
+            const Icon = feature.icon;
+            const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+                Icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary-soft text-primary-soft-fg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 20, "aria-hidden": "true" }) }) : null,
+                feature.meta ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-xs font-medium text-text-tertiary", children: feature.meta }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "break-words text-base font-semibold text-text-primary", children: feature.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm leading-6 text-text-secondary", children: feature.description })
+              ] }),
+              feature.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 text-sm font-medium text-primary", children: [
+                "\u67E5\u770B\u8BE6\u60C5",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { size: 14, "aria-hidden": "true" })
+              ] }) : null
+            ] });
+            if (feature.href) {
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "a",
+                {
+                  href: feature.href,
+                  className: "flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5 transition-colors hover:border-primary/35 hover:bg-surface-2",
+                  children: content
+                },
+                index
+              );
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "article",
+              {
+                className: "flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5",
+                children: content
+              },
+              index
+            );
+          }) })
+        ] })
+      }
+    );
+  }
+);
+FeatureGrid.displayName = "FeatureGrid";
+
+// src/blocks/landing-hero.tsx
+var import_react3 = require("react");
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/button.tsx
+var import_react2 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[background,border-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-fg shadow-sm hover:bg-primary-hover hover:shadow-md focus-visible:ring-ring",
+        destructive: "bg-danger text-danger-fg shadow-sm hover:bg-danger-hover hover:shadow-md focus-visible:ring-danger",
+        outline: "border border-border-strong bg-surface-1 text-text-primary shadow-sm hover:border-primary/55 hover:bg-surface-2 focus-visible:ring-ring/30",
+        secondary: "border border-border-base bg-surface-2 text-text-primary shadow-sm hover:bg-surface-3 focus-visible:ring-ring/30",
+        ghost: "text-text-primary hover:bg-surface-2 focus-visible:ring-ring/30",
+        link: "text-text-primary underline-offset-4 hover:underline focus-visible:ring-ring/30"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 px-3 text-xs",
+        lg: "h-11 px-5 text-base",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = (0, import_react2.forwardRef)(
+  ({ className, variant, size, loading = false, disabled, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "button",
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { className: "animate-spin", size: 16 }),
+          children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/blocks/landing-hero.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function HeroAction({ label, href, icon: Icon = import_lucide_react3.ArrowRight, variant = "default", className, ...props }) {
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "a",
+      {
+        href,
+        className: cn(
+          "inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          variant === "outline" ? "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-2" : "bg-primary text-primary-fg hover:bg-primary-hover",
+          className
+        ),
+        children: [
+          label,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { size: 16, "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Button, { variant, className, ...props, children: [
+    label,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { size: 16, "aria-hidden": "true" })
+  ] });
+}
+var LandingHero = (0, import_react3.forwardRef)(
+  ({
+    eyebrow,
+    title,
+    description,
+    media,
+    primaryAction,
+    secondaryAction,
+    stats,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "section",
+      {
+        ref,
+        className: cn(
+          "relative isolate overflow-hidden border-b border-border-base bg-surface-0",
+          className
+        ),
+        ...props,
+        children: [
+          media ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute inset-0 -z-20 overflow-hidden", children: media }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute inset-0 -z-10 bg-surface-0/78", "aria-hidden": "true" })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-auto flex min-h-[520px] w-full max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "max-w-4xl space-y-7", children: [
+            eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "inline-flex rounded-md border border-primary/25 bg-primary-soft px-3 py-1 text-xs font-semibold text-primary-soft-fg", children: eyebrow }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { className: "max-w-4xl break-words text-4xl font-bold leading-tight text-text-primary sm:text-5xl lg:text-6xl", children: title }),
+              description ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "max-w-2xl text-base leading-7 text-text-secondary sm:text-lg", children: description }) : null
+            ] }),
+            primaryAction || secondaryAction ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
+              primaryAction ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeroAction, { ...primaryAction }) : null,
+              secondaryAction ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeroAction, { variant: "outline", ...secondaryAction }) : null
+            ] }) : null,
+            stats?.length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dl", { className: "grid max-w-2xl gap-4 sm:grid-cols-3", children: stats.map((stat, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "border-l border-border-base pl-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { className: "text-xs font-medium text-text-tertiary", children: stat.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "mt-1 text-2xl font-bold text-text-primary", children: stat.value })
+            ] }, index)) }) : null,
+            children ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-w-0", children }) : null
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+LandingHero.displayName = "LandingHero";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeatureGrid,
+  LandingHero,
+  UGFeatureGrid,
+  UGLandingHero
+});
+//# sourceMappingURL=index.cjs.map

package/dist/blocks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/index.ts","../../src/blocks/feature-grid.tsx","../../src/internal/cn.ts","../../src/blocks/landing-hero.tsx","../../src/components/button.tsx"],"sourcesContent":["/**\n * @description: React blocks 子入口 — 展示页、产品页和营销页区块\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\n\nexport {\n  FeatureGrid,\n  FeatureGrid as UGFeatureGrid,\n  type FeatureGridItem,\n  type FeatureGridItem as UGFeatureGridItem,\n  type FeatureGridProps,\n  type FeatureGridProps as UGFeatureGridProps,\n} from './feature-grid'\nexport {\n  LandingHero,\n  LandingHero as UGLandingHero,\n  type LandingHeroAction,\n  type LandingHeroAction as UGLandingHeroAction,\n  type LandingHeroProps,\n  type LandingHeroProps as UGLandingHeroProps,\n  type LandingHeroStat,\n  type LandingHeroStat as UGLandingHeroStat,\n} from './landing-hero'\n","/**\n * @description: FeatureGrid 特性网格区块 — 用于产品能力、服务优势和功能模块展示\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { ArrowRight, type LucideIcon } from 'lucide-react'\nimport { cn } from '../internal/cn'\n\nexport interface FeatureGridItem {\n  /** 标题 */\n  title: ReactNode\n  /** 描述 */\n  description: ReactNode\n  /** 图标 */\n  icon?: LucideIcon\n  /** 角标或状态 */\n  meta?: ReactNode\n  /** 链接地址 */\n  href?: string\n}\n\nexport interface FeatureGridProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** 区块标题 */\n  title?: ReactNode\n  /** 区块说明 */\n  description?: ReactNode\n  /** 特性列表 */\n  features: FeatureGridItem[]\n  /** 列数，默认三列 */\n  columns?: 2 | 3 | 4\n}\n\nconst columnClasses: Record<NonNullable<FeatureGridProps['columns']>, string> = {\n  2: 'lg:grid-cols-2',\n  3: 'lg:grid-cols-3',\n  4: 'lg:grid-cols-4',\n}\n\n/**\n * 特性网格区块\n * @example\n * <FeatureGrid\n *   title=\"平台能力\"\n *   features={[{ title: '认证中心', description: '统一登录与授权。' }]}\n * />\n */\nconst FeatureGrid = forwardRef<HTMLElement, FeatureGridProps>(\n  ({ title, description, features, columns = 3, className, ...props }, ref) => {\n    return (\n      <section\n        ref={ref}\n        className={cn('bg-surface-0 px-4 py-16 sm:px-6 lg:px-8', className)}\n        {...props}\n      >\n        <div className=\"mx-auto w-full max-w-7xl space-y-8\">\n          {(title || description) ? (\n            <div className=\"max-w-3xl space-y-3\">\n              {title ? (\n                <h2 className=\"break-words text-3xl font-bold leading-tight text-text-primary\">{title}</h2>\n              ) : null}\n              {description ? (\n                <p className=\"text-sm leading-6 text-text-secondary\">{description}</p>\n              ) : null}\n            </div>\n          ) : null}\n\n          <div className={cn('grid gap-4 md:grid-cols-2', columnClasses[columns])}>\n            {features.map((feature, index) => {\n              const Icon = feature.icon\n              const content = (\n                <>\n                  <div className=\"flex min-w-0 items-start justify-between gap-3\">\n                    {Icon ? (\n                      <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary-soft text-primary-soft-fg\">\n                        <Icon size={20} aria-hidden=\"true\" />\n                      </span>\n                    ) : null}\n                    {feature.meta ? (\n                      <span className=\"shrink-0 text-xs font-medium text-text-tertiary\">{feature.meta}</span>\n                    ) : null}\n                  </div>\n                  <div className=\"min-w-0 space-y-2\">\n                    <h3 className=\"break-words text-base font-semibold text-text-primary\">{feature.title}</h3>\n                    <p className=\"text-sm leading-6 text-text-secondary\">{feature.description}</p>\n                  </div>\n                  {feature.href ? (\n                    <span className=\"inline-flex items-center gap-1 text-sm font-medium text-primary\">\n                      查看详情\n                      <ArrowRight size={14} aria-hidden=\"true\" />\n                    </span>\n                  ) : null}\n                </>\n              )\n\n              if (feature.href) {\n                return (\n                  <a\n                    key={index}\n                    href={feature.href}\n                    className=\"flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5 transition-colors hover:border-primary/35 hover:bg-surface-2\"\n                  >\n                    {content}\n                  </a>\n                )\n              }\n\n              return (\n                <article\n                  key={index}\n                  className=\"flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5\"\n                >\n                  {content}\n                </article>\n              )\n            })}\n          </div>\n        </div>\n      </section>\n    )\n  },\n)\n\nFeatureGrid.displayName = 'FeatureGrid'\n\nexport { FeatureGrid }\n","/**\n * @description: React 包内部类名合并工具\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-27\n */\nimport { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n","/**\n * @description: LandingHero 展示页首屏区块 — 支持背景媒体、行动按钮和关键指标\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\nimport { forwardRef, type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react'\nimport { ArrowRight, type LucideIcon } from 'lucide-react'\nimport { Button, type ButtonProps } from '../components/button'\nimport { cn } from '../internal/cn'\n\nexport interface LandingHeroAction extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** 按钮文案 */\n  label: ReactNode\n  /** href 存在时渲染为链接 */\n  href?: string\n  /** 按钮图标 */\n  icon?: LucideIcon\n  /** 按钮视觉风格 */\n  variant?: ButtonProps['variant']\n}\n\nexport interface LandingHeroStat {\n  /** 指标值 */\n  value: ReactNode\n  /** 指标说明 */\n  label: ReactNode\n}\n\nexport interface LandingHeroProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** 顶部短标签 */\n  eyebrow?: ReactNode\n  /** 主标题 */\n  title: ReactNode\n  /** 描述文案 */\n  description?: ReactNode\n  /** 背景媒体，建议传真实图片或视频容器 */\n  media?: ReactNode\n  /** 主行动 */\n  primaryAction?: LandingHeroAction\n  /** 次行动 */\n  secondaryAction?: LandingHeroAction\n  /** 关键指标 */\n  stats?: LandingHeroStat[]\n  /** 底部扩展区域 */\n  children?: ReactNode\n}\n\nfunction HeroAction({ label, href, icon: Icon = ArrowRight, variant = 'default', className, ...props }: LandingHeroAction) {\n  if (href) {\n    return (\n      <a\n        href={href}\n        className={cn(\n          'inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n          variant === 'outline'\n            ? 'border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-2'\n            : 'bg-primary text-primary-fg hover:bg-primary-hover',\n          className,\n        )}\n      >\n        {label}\n        <Icon size={16} aria-hidden=\"true\" />\n      </a>\n    )\n  }\n\n  return (\n    <Button variant={variant} className={className} {...props}>\n      {label}\n      <Icon size={16} aria-hidden=\"true\" />\n    </Button>\n  )\n}\n\n/**\n * 展示页首屏区块\n * @example\n * <LandingHero\n *   eyebrow=\"UG Storage\"\n *   title=\"统一管理文件与外链\"\n *   description=\"把文件存储、分享链接和业务展示组合成稳定的产品入口。\"\n *   primaryAction={{ label: '开始使用', href: '/dashboard' }}\n * />\n */\nconst LandingHero = forwardRef<HTMLElement, LandingHeroProps>(\n  (\n    {\n      eyebrow,\n      title,\n      description,\n      media,\n      primaryAction,\n      secondaryAction,\n      stats,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        className={cn(\n          'relative isolate overflow-hidden border-b border-border-base bg-surface-0',\n          className,\n        )}\n        {...props}\n      >\n        {media ? (\n          <>\n            <div className=\"absolute inset-0 -z-20 overflow-hidden\">{media}</div>\n            <div className=\"absolute inset-0 -z-10 bg-surface-0/78\" aria-hidden=\"true\" />\n          </>\n        ) : null}\n\n        <div className=\"mx-auto flex min-h-[520px] w-full max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8\">\n          <div className=\"max-w-4xl space-y-7\">\n            {eyebrow ? (\n              <div className=\"inline-flex rounded-md border border-primary/25 bg-primary-soft px-3 py-1 text-xs font-semibold text-primary-soft-fg\">\n                {eyebrow}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-4\">\n              <h1 className=\"max-w-4xl break-words text-4xl font-bold leading-tight text-text-primary sm:text-5xl lg:text-6xl\">\n                {title}\n              </h1>\n              {description ? (\n                <p className=\"max-w-2xl text-base leading-7 text-text-secondary sm:text-lg\">\n                  {description}\n                </p>\n              ) : null}\n            </div>\n\n            {(primaryAction || secondaryAction) ? (\n              <div className=\"flex flex-wrap items-center gap-3\">\n                {primaryAction ? <HeroAction {...primaryAction} /> : null}\n                {secondaryAction ? <HeroAction variant=\"outline\" {...secondaryAction} /> : null}\n              </div>\n            ) : null}\n\n            {stats?.length ? (\n              <dl className=\"grid max-w-2xl gap-4 sm:grid-cols-3\">\n                {stats.map((stat, index) => (\n                  <div key={index} className=\"border-l border-border-base pl-4\">\n                    <dt className=\"text-xs font-medium text-text-tertiary\">{stat.label}</dt>\n                    <dd className=\"mt-1 text-2xl font-bold text-text-primary\">{stat.value}</dd>\n                  </div>\n                ))}\n              </dl>\n            ) : null}\n\n            {children ? <div className=\"min-w-0\">{children}</div> : null}\n          </div>\n        </div>\n      </section>\n    )\n  },\n)\n\nLandingHero.displayName = 'LandingHero'\n\nexport { LandingHero }\n","/**\n * @description: Button 按钮组件 — 基于 CVA 管理变体，支持 loading/disabled 状态\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../internal/cn'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[background,border-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-fg shadow-sm hover:bg-primary-hover hover:shadow-md focus-visible:ring-ring',\n        destructive:\n          'bg-danger text-danger-fg shadow-sm hover:bg-danger-hover hover:shadow-md focus-visible:ring-danger',\n        outline:\n          'border border-border-strong bg-surface-1 text-text-primary shadow-sm hover:border-primary/55 hover:bg-surface-2 focus-visible:ring-ring/30',\n        secondary:\n          'border border-border-base bg-surface-2 text-text-primary shadow-sm hover:bg-surface-3 focus-visible:ring-ring/30',\n        ghost:\n          'text-text-primary hover:bg-surface-2 focus-visible:ring-ring/30',\n        link: 'text-text-primary underline-offset-4 hover:underline focus-visible:ring-ring/30',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 px-3 text-xs',\n        lg: 'h-11 px-5 text-base',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** 是否处于加载状态，加载时显示旋转图标并禁用点击 */\n  loading?: boolean\n}\n\n/**\n * 通用按钮组件\n * @example\n * <Button variant=\"default\" size=\"lg\" onClick={handleClick}>确认</Button>\n * <Button variant=\"destructive\" loading>删除中...</Button>\n * <Button variant=\"outline\" size=\"sm\">取消</Button>\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, loading = false, disabled, children, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <Loader2 className=\"animate-spin\" size={16} />}\n        {children}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"mappings":"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","names":["import_react","import_lucide_react","import_react","import_lucide_react","import_jsx_runtime","import_jsx_runtime"]}

package/dist/blocks/index.d.cts

@@ -0,0 +1,86 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { B as ButtonProps } from '../button-CaLZig8j.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface FeatureGridItem {
+    /** 标题 */
+    title: ReactNode;
+    /** 描述 */
+    description: ReactNode;
+    /** 图标 */
+    icon?: LucideIcon;
+    /** 角标或状态 */
+    meta?: ReactNode;
+    /** 链接地址 */
+    href?: string;
+}
+interface FeatureGridProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** 区块标题 */
+    title?: ReactNode;
+    /** 区块说明 */
+    description?: ReactNode;
+    /** 特性列表 */
+    features: FeatureGridItem[];
+    /** 列数，默认三列 */
+    columns?: 2 | 3 | 4;
+}
+/**
+ * 特性网格区块
+ * @example
+ * <FeatureGrid
+ *   title="平台能力"
+ *   features={[{ title: '认证中心', description: '统一登录与授权。' }]}
+ * />
+ */
+declare const FeatureGrid: react.ForwardRefExoticComponent<FeatureGridProps & react.RefAttributes<HTMLElement>>;
+
+interface LandingHeroAction extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 按钮文案 */
+    label: ReactNode;
+    /** href 存在时渲染为链接 */
+    href?: string;
+    /** 按钮图标 */
+    icon?: LucideIcon;
+    /** 按钮视觉风格 */
+    variant?: ButtonProps['variant'];
+}
+interface LandingHeroStat {
+    /** 指标值 */
+    value: ReactNode;
+    /** 指标说明 */
+    label: ReactNode;
+}
+interface LandingHeroProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** 顶部短标签 */
+    eyebrow?: ReactNode;
+    /** 主标题 */
+    title: ReactNode;
+    /** 描述文案 */
+    description?: ReactNode;
+    /** 背景媒体，建议传真实图片或视频容器 */
+    media?: ReactNode;
+    /** 主行动 */
+    primaryAction?: LandingHeroAction;
+    /** 次行动 */
+    secondaryAction?: LandingHeroAction;
+    /** 关键指标 */
+    stats?: LandingHeroStat[];
+    /** 底部扩展区域 */
+    children?: ReactNode;
+}
+/**
+ * 展示页首屏区块
+ * @example
+ * <LandingHero
+ *   eyebrow="UG Storage"
+ *   title="统一管理文件与外链"
+ *   description="把文件存储、分享链接和业务展示组合成稳定的产品入口。"
+ *   primaryAction={{ label: '开始使用', href: '/dashboard' }}
+ * />
+ */
+declare const LandingHero: react.ForwardRefExoticComponent<LandingHeroProps & react.RefAttributes<HTMLElement>>;
+
+export { FeatureGrid, type FeatureGridItem, type FeatureGridProps, LandingHero, type LandingHeroAction, type LandingHeroProps, type LandingHeroStat, FeatureGrid as UGFeatureGrid, type FeatureGridItem as UGFeatureGridItem, type FeatureGridProps as UGFeatureGridProps, LandingHero as UGLandingHero, type LandingHeroAction as UGLandingHeroAction, type LandingHeroProps as UGLandingHeroProps, type LandingHeroStat as UGLandingHeroStat };

package/dist/blocks/index.d.ts

@@ -0,0 +1,86 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { B as ButtonProps } from '../button-CaLZig8j.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface FeatureGridItem {
+    /** 标题 */
+    title: ReactNode;
+    /** 描述 */
+    description: ReactNode;
+    /** 图标 */
+    icon?: LucideIcon;
+    /** 角标或状态 */
+    meta?: ReactNode;
+    /** 链接地址 */
+    href?: string;
+}
+interface FeatureGridProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** 区块标题 */
+    title?: ReactNode;
+    /** 区块说明 */
+    description?: ReactNode;
+    /** 特性列表 */
+    features: FeatureGridItem[];
+    /** 列数，默认三列 */
+    columns?: 2 | 3 | 4;
+}
+/**
+ * 特性网格区块
+ * @example
+ * <FeatureGrid
+ *   title="平台能力"
+ *   features={[{ title: '认证中心', description: '统一登录与授权。' }]}
+ * />
+ */
+declare const FeatureGrid: react.ForwardRefExoticComponent<FeatureGridProps & react.RefAttributes<HTMLElement>>;
+
+interface LandingHeroAction extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 按钮文案 */
+    label: ReactNode;
+    /** href 存在时渲染为链接 */
+    href?: string;
+    /** 按钮图标 */
+    icon?: LucideIcon;
+    /** 按钮视觉风格 */
+    variant?: ButtonProps['variant'];
+}
+interface LandingHeroStat {
+    /** 指标值 */
+    value: ReactNode;
+    /** 指标说明 */
+    label: ReactNode;
+}
+interface LandingHeroProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** 顶部短标签 */
+    eyebrow?: ReactNode;
+    /** 主标题 */
+    title: ReactNode;
+    /** 描述文案 */
+    description?: ReactNode;
+    /** 背景媒体，建议传真实图片或视频容器 */
+    media?: ReactNode;
+    /** 主行动 */
+    primaryAction?: LandingHeroAction;
+    /** 次行动 */
+    secondaryAction?: LandingHeroAction;
+    /** 关键指标 */
+    stats?: LandingHeroStat[];
+    /** 底部扩展区域 */
+    children?: ReactNode;
+}
+/**
+ * 展示页首屏区块
+ * @example
+ * <LandingHero
+ *   eyebrow="UG Storage"
+ *   title="统一管理文件与外链"
+ *   description="把文件存储、分享链接和业务展示组合成稳定的产品入口。"
+ *   primaryAction={{ label: '开始使用', href: '/dashboard' }}
+ * />
+ */
+declare const LandingHero: react.ForwardRefExoticComponent<LandingHeroProps & react.RefAttributes<HTMLElement>>;
+
+export { FeatureGrid, type FeatureGridItem, type FeatureGridProps, LandingHero, type LandingHeroAction, type LandingHeroProps, type LandingHeroStat, FeatureGrid as UGFeatureGrid, type FeatureGridItem as UGFeatureGridItem, type FeatureGridProps as UGFeatureGridProps, LandingHero as UGLandingHero, type LandingHeroAction as UGLandingHeroAction, type LandingHeroProps as UGLandingHeroProps, type LandingHeroStat as UGLandingHeroStat };

package/dist/blocks/index.js

@@ -0,0 +1,153 @@
+import {
+  Button,
+  cn
+} from "../chunk-RUDEZA5Q.js";
+
+// src/blocks/feature-grid.tsx
+import { forwardRef } from "react";
+import { ArrowRight } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var columnClasses = {
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4"
+};
+var FeatureGrid = forwardRef(
+  ({ title, description, features, columns = 3, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        className: cn("bg-surface-0 px-4 py-16 sm:px-6 lg:px-8", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-7xl space-y-8", children: [
+          title || description ? /* @__PURE__ */ jsxs("div", { className: "max-w-3xl space-y-3", children: [
+            title ? /* @__PURE__ */ jsx("h2", { className: "break-words text-3xl font-bold leading-tight text-text-primary", children: title }) : null,
+            description ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-6 text-text-secondary", children: description }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx("div", { className: cn("grid gap-4 md:grid-cols-2", columnClasses[columns]), children: features.map((feature, index) => {
+            const Icon = feature.icon;
+            const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+                Icon ? /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary-soft text-primary-soft-fg", children: /* @__PURE__ */ jsx(Icon, { size: 20, "aria-hidden": "true" }) }) : null,
+                feature.meta ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-medium text-text-tertiary", children: feature.meta }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+                /* @__PURE__ */ jsx("h3", { className: "break-words text-base font-semibold text-text-primary", children: feature.title }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm leading-6 text-text-secondary", children: feature.description })
+              ] }),
+              feature.href ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-sm font-medium text-primary", children: [
+                "\u67E5\u770B\u8BE6\u60C5",
+                /* @__PURE__ */ jsx(ArrowRight, { size: 14, "aria-hidden": "true" })
+              ] }) : null
+            ] });
+            if (feature.href) {
+              return /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: feature.href,
+                  className: "flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5 transition-colors hover:border-primary/35 hover:bg-surface-2",
+                  children: content
+                },
+                index
+              );
+            }
+            return /* @__PURE__ */ jsx(
+              "article",
+              {
+                className: "flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5",
+                children: content
+              },
+              index
+            );
+          }) })
+        ] })
+      }
+    );
+  }
+);
+FeatureGrid.displayName = "FeatureGrid";
+
+// src/blocks/landing-hero.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { ArrowRight as ArrowRight2 } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function HeroAction({ label, href, icon: Icon = ArrowRight2, variant = "default", className, ...props }) {
+  if (href) {
+    return /* @__PURE__ */ jsxs2(
+      "a",
+      {
+        href,
+        className: cn(
+          "inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          variant === "outline" ? "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-2" : "bg-primary text-primary-fg hover:bg-primary-hover",
+          className
+        ),
+        children: [
+          label,
+          /* @__PURE__ */ jsx2(Icon, { size: 16, "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs2(Button, { variant, className, ...props, children: [
+    label,
+    /* @__PURE__ */ jsx2(Icon, { size: 16, "aria-hidden": "true" })
+  ] });
+}
+var LandingHero = forwardRef2(
+  ({
+    eyebrow,
+    title,
+    description,
+    media,
+    primaryAction,
+    secondaryAction,
+    stats,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs2(
+      "section",
+      {
+        ref,
+        className: cn(
+          "relative isolate overflow-hidden border-b border-border-base bg-surface-0",
+          className
+        ),
+        ...props,
+        children: [
+          media ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 -z-20 overflow-hidden", children: media }),
+            /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 -z-10 bg-surface-0/78", "aria-hidden": "true" })
+          ] }) : null,
+          /* @__PURE__ */ jsx2("div", { className: "mx-auto flex min-h-[520px] w-full max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-4xl space-y-7", children: [
+            eyebrow ? /* @__PURE__ */ jsx2("div", { className: "inline-flex rounded-md border border-primary/25 bg-primary-soft px-3 py-1 text-xs font-semibold text-primary-soft-fg", children: eyebrow }) : null,
+            /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsx2("h1", { className: "max-w-4xl break-words text-4xl font-bold leading-tight text-text-primary sm:text-5xl lg:text-6xl", children: title }),
+              description ? /* @__PURE__ */ jsx2("p", { className: "max-w-2xl text-base leading-7 text-text-secondary sm:text-lg", children: description }) : null
+            ] }),
+            primaryAction || secondaryAction ? /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-3", children: [
+              primaryAction ? /* @__PURE__ */ jsx2(HeroAction, { ...primaryAction }) : null,
+              secondaryAction ? /* @__PURE__ */ jsx2(HeroAction, { variant: "outline", ...secondaryAction }) : null
+            ] }) : null,
+            stats?.length ? /* @__PURE__ */ jsx2("dl", { className: "grid max-w-2xl gap-4 sm:grid-cols-3", children: stats.map((stat, index) => /* @__PURE__ */ jsxs2("div", { className: "border-l border-border-base pl-4", children: [
+              /* @__PURE__ */ jsx2("dt", { className: "text-xs font-medium text-text-tertiary", children: stat.label }),
+              /* @__PURE__ */ jsx2("dd", { className: "mt-1 text-2xl font-bold text-text-primary", children: stat.value })
+            ] }, index)) }) : null,
+            children ? /* @__PURE__ */ jsx2("div", { className: "min-w-0", children }) : null
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+LandingHero.displayName = "LandingHero";
+export {
+  FeatureGrid,
+  LandingHero,
+  FeatureGrid as UGFeatureGrid,
+  LandingHero as UGLandingHero
+};
+//# sourceMappingURL=index.js.map

package/dist/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/feature-grid.tsx","../../src/blocks/landing-hero.tsx"],"sourcesContent":["/**\n * @description: FeatureGrid 特性网格区块 — 用于产品能力、服务优势和功能模块展示\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { ArrowRight, type LucideIcon } from 'lucide-react'\nimport { cn } from '../internal/cn'\n\nexport interface FeatureGridItem {\n  /** 标题 */\n  title: ReactNode\n  /** 描述 */\n  description: ReactNode\n  /** 图标 */\n  icon?: LucideIcon\n  /** 角标或状态 */\n  meta?: ReactNode\n  /** 链接地址 */\n  href?: string\n}\n\nexport interface FeatureGridProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** 区块标题 */\n  title?: ReactNode\n  /** 区块说明 */\n  description?: ReactNode\n  /** 特性列表 */\n  features: FeatureGridItem[]\n  /** 列数，默认三列 */\n  columns?: 2 | 3 | 4\n}\n\nconst columnClasses: Record<NonNullable<FeatureGridProps['columns']>, string> = {\n  2: 'lg:grid-cols-2',\n  3: 'lg:grid-cols-3',\n  4: 'lg:grid-cols-4',\n}\n\n/**\n * 特性网格区块\n * @example\n * <FeatureGrid\n *   title=\"平台能力\"\n *   features={[{ title: '认证中心', description: '统一登录与授权。' }]}\n * />\n */\nconst FeatureGrid = forwardRef<HTMLElement, FeatureGridProps>(\n  ({ title, description, features, columns = 3, className, ...props }, ref) => {\n    return (\n      <section\n        ref={ref}\n        className={cn('bg-surface-0 px-4 py-16 sm:px-6 lg:px-8', className)}\n        {...props}\n      >\n        <div className=\"mx-auto w-full max-w-7xl space-y-8\">\n          {(title || description) ? (\n            <div className=\"max-w-3xl space-y-3\">\n              {title ? (\n                <h2 className=\"break-words text-3xl font-bold leading-tight text-text-primary\">{title}</h2>\n              ) : null}\n              {description ? (\n                <p className=\"text-sm leading-6 text-text-secondary\">{description}</p>\n              ) : null}\n            </div>\n          ) : null}\n\n          <div className={cn('grid gap-4 md:grid-cols-2', columnClasses[columns])}>\n            {features.map((feature, index) => {\n              const Icon = feature.icon\n              const content = (\n                <>\n                  <div className=\"flex min-w-0 items-start justify-between gap-3\">\n                    {Icon ? (\n                      <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary-soft text-primary-soft-fg\">\n                        <Icon size={20} aria-hidden=\"true\" />\n                      </span>\n                    ) : null}\n                    {feature.meta ? (\n                      <span className=\"shrink-0 text-xs font-medium text-text-tertiary\">{feature.meta}</span>\n                    ) : null}\n                  </div>\n                  <div className=\"min-w-0 space-y-2\">\n                    <h3 className=\"break-words text-base font-semibold text-text-primary\">{feature.title}</h3>\n                    <p className=\"text-sm leading-6 text-text-secondary\">{feature.description}</p>\n                  </div>\n                  {feature.href ? (\n                    <span className=\"inline-flex items-center gap-1 text-sm font-medium text-primary\">\n                      查看详情\n                      <ArrowRight size={14} aria-hidden=\"true\" />\n                    </span>\n                  ) : null}\n                </>\n              )\n\n              if (feature.href) {\n                return (\n                  <a\n                    key={index}\n                    href={feature.href}\n                    className=\"flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5 transition-colors hover:border-primary/35 hover:bg-surface-2\"\n                  >\n                    {content}\n                  </a>\n                )\n              }\n\n              return (\n                <article\n                  key={index}\n                  className=\"flex min-w-0 flex-col gap-5 rounded-lg border border-border-base bg-surface-1 p-5\"\n                >\n                  {content}\n                </article>\n              )\n            })}\n          </div>\n        </div>\n      </section>\n    )\n  },\n)\n\nFeatureGrid.displayName = 'FeatureGrid'\n\nexport { FeatureGrid }\n","/**\n * @description: LandingHero 展示页首屏区块 — 支持背景媒体、行动按钮和关键指标\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\nimport { forwardRef, type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react'\nimport { ArrowRight, type LucideIcon } from 'lucide-react'\nimport { Button, type ButtonProps } from '../components/button'\nimport { cn } from '../internal/cn'\n\nexport interface LandingHeroAction extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** 按钮文案 */\n  label: ReactNode\n  /** href 存在时渲染为链接 */\n  href?: string\n  /** 按钮图标 */\n  icon?: LucideIcon\n  /** 按钮视觉风格 */\n  variant?: ButtonProps['variant']\n}\n\nexport interface LandingHeroStat {\n  /** 指标值 */\n  value: ReactNode\n  /** 指标说明 */\n  label: ReactNode\n}\n\nexport interface LandingHeroProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** 顶部短标签 */\n  eyebrow?: ReactNode\n  /** 主标题 */\n  title: ReactNode\n  /** 描述文案 */\n  description?: ReactNode\n  /** 背景媒体，建议传真实图片或视频容器 */\n  media?: ReactNode\n  /** 主行动 */\n  primaryAction?: LandingHeroAction\n  /** 次行动 */\n  secondaryAction?: LandingHeroAction\n  /** 关键指标 */\n  stats?: LandingHeroStat[]\n  /** 底部扩展区域 */\n  children?: ReactNode\n}\n\nfunction HeroAction({ label, href, icon: Icon = ArrowRight, variant = 'default', className, ...props }: LandingHeroAction) {\n  if (href) {\n    return (\n      <a\n        href={href}\n        className={cn(\n          'inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n          variant === 'outline'\n            ? 'border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-2'\n            : 'bg-primary text-primary-fg hover:bg-primary-hover',\n          className,\n        )}\n      >\n        {label}\n        <Icon size={16} aria-hidden=\"true\" />\n      </a>\n    )\n  }\n\n  return (\n    <Button variant={variant} className={className} {...props}>\n      {label}\n      <Icon size={16} aria-hidden=\"true\" />\n    </Button>\n  )\n}\n\n/**\n * 展示页首屏区块\n * @example\n * <LandingHero\n *   eyebrow=\"UG Storage\"\n *   title=\"统一管理文件与外链\"\n *   description=\"把文件存储、分享链接和业务展示组合成稳定的产品入口。\"\n *   primaryAction={{ label: '开始使用', href: '/dashboard' }}\n * />\n */\nconst LandingHero = forwardRef<HTMLElement, LandingHeroProps>(\n  (\n    {\n      eyebrow,\n      title,\n      description,\n      media,\n      primaryAction,\n      secondaryAction,\n      stats,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        className={cn(\n          'relative isolate overflow-hidden border-b border-border-base bg-surface-0',\n          className,\n        )}\n        {...props}\n      >\n        {media ? (\n          <>\n            <div className=\"absolute inset-0 -z-20 overflow-hidden\">{media}</div>\n            <div className=\"absolute inset-0 -z-10 bg-surface-0/78\" aria-hidden=\"true\" />\n          </>\n        ) : null}\n\n        <div className=\"mx-auto flex min-h-[520px] w-full max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8\">\n          <div className=\"max-w-4xl space-y-7\">\n            {eyebrow ? (\n              <div className=\"inline-flex rounded-md border border-primary/25 bg-primary-soft px-3 py-1 text-xs font-semibold text-primary-soft-fg\">\n                {eyebrow}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-4\">\n              <h1 className=\"max-w-4xl break-words text-4xl font-bold leading-tight text-text-primary sm:text-5xl lg:text-6xl\">\n                {title}\n              </h1>\n              {description ? (\n                <p className=\"max-w-2xl text-base leading-7 text-text-secondary sm:text-lg\">\n                  {description}\n                </p>\n              ) : null}\n            </div>\n\n            {(primaryAction || secondaryAction) ? (\n              <div className=\"flex flex-wrap items-center gap-3\">\n                {primaryAction ? <HeroAction {...primaryAction} /> : null}\n                {secondaryAction ? <HeroAction variant=\"outline\" {...secondaryAction} /> : null}\n              </div>\n            ) : null}\n\n            {stats?.length ? (\n              <dl className=\"grid max-w-2xl gap-4 sm:grid-cols-3\">\n                {stats.map((stat, index) => (\n                  <div key={index} className=\"border-l border-border-base pl-4\">\n                    <dt className=\"text-xs font-medium text-text-tertiary\">{stat.label}</dt>\n                    <dd className=\"mt-1 text-2xl font-bold text-text-primary\">{stat.value}</dd>\n                  </div>\n                ))}\n              </dl>\n            ) : null}\n\n            {children ? <div className=\"min-w-0\">{children}</div> : null}\n          </div>\n        </div>\n      </section>\n    )\n  },\n)\n\nLandingHero.displayName = 'LandingHero'\n\nexport { LandingHero }\n"],"mappings":"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","names":["forwardRef","ArrowRight","Fragment","jsx","jsxs","ArrowRight","forwardRef"]}