4b:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4c:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4d:T669,import React from 'react'; import { alertStyleKeys, getAlertStyleKeys } from '../lib/core'; import type { AlertBaseProps } from '../lib/core'; import styles from './alert.module.scss'; export interface AlertProps extends React.HTMLAttributes, AlertBaseProps {} const Alert = React.forwardRef(({ className = '', variant = 'default', children, ...props }, ref) => { const styleKeys = getAlertStyleKeys(variant); const classes = [styles[styleKeys.base], styles[styleKeys.variant], className].filter(Boolean).join(' '); return (

{children}

); }); Alert.displayName = 'Alert'; export interface AlertTitleProps extends React.HTMLAttributes {} const AlertTitle = React.forwardRef(({ className = '', children, ...props }, ref) => { return (

{children}

); }); AlertTitle.displayName = 'AlertTitle'; export interface AlertDescriptionProps extends React.HTMLAttributes {} const AlertDescription = React.forwardRef(({ className = '', children, ...props }, ref) => { return (

{children}

); }); AlertDescription.displayName = 'AlertDescription'; export { Alert, AlertTitle, AlertDescription }; export default Alert; 4e:T564,@use '../../../styles/variables/colors' as *; // Alert 根容器：网格布局，直接子 svg 图标占据首列 .alert { position: relative; display: grid; width: 100%; grid-template-columns: 0 1fr; align-items: start; gap: $spacing-1; border-radius: $radius; border: 1px solid transparent; padding: $spacing-3 $spacing-4; font-size: $text-sm; // 存在直接子 SVG 图标时启用图标列 &:has(> svg) { grid-template-columns: $spacing-4 1fr; gap: $spacing-3; } > svg { width: $spacing-4; height: $spacing-4; transform: translateY(2px); color: currentColor; } // 样式变体 &.variantDefault { background-color: $card; color: $card-foreground; border-color: $border; } &.variantDestructive { background-color: $card; color: $destructive; border-color: color-mix(in srgb, $destructive 30%, transparent); .description { color: $destructive-muted-foreground; } } } // 标题与描述统一放在第二列 .title, .description { grid-column-start: 2; } // 标题 .title { min-height: $spacing-4; font-weight: $font-medium; line-height: $leading-tight; letter-spacing: -0.01em; overflow-wrap: anywhere; } // 描述 .description { display: grid; justify-items: start; gap: $spacing-1; font-size: $text-sm; line-height: $leading-relaxed; color: $muted-foreground; p { line-height: $leading-relaxed; } } 4a:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4b",null,{"namespace":"@tile-ui","registryDependencies":["@tile-ui/core","@tile-ui/styles"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"packages/react/src/components/alert/alert.tsx","content":"$4d","type":"registry:ui","target":"components/ui/alert/alert.tsx"},{"path":"packages/styles/scss/components/alert.module.scss","content":"$4e","type":"registry:file","target":"components/ui/alert/alert.module.scss"},{"path":"packages/react/src/components/alert/index.ts","content":"export { Alert, AlertTitle, AlertDescription, type AlertProps, type AlertTitleProps, type AlertDescriptionProps } from './alert';\n","type":"registry:ui","target":"components/ui/alert/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]