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:Tcd5,import React, { createContext, useContext, useId } from 'react'; import { fieldStyleKeys, getFieldIds, getFieldMessageStyleKeys } from '../lib/core'; import type { FieldBaseProps, FieldDescriptionBaseProps, FieldLabelBaseProps, FieldMessageBaseProps } from '../lib/core'; import styles from './field.module.scss'; interface FieldContextValue { id: string; labelId: string; descriptionId: string; messageId: string; invalid: boolean; required: boolean; } const FieldContext = createContext(null); function useFieldContext(): FieldContextValue { const context = useContext(FieldContext); if (!context) { throw new Error('Field sub-components must be used within .'); } return context; } export interface FieldProps extends React.HTMLAttributes, FieldBaseProps {} const Field = React.forwardRef(({ className = '', name, invalid = false, required = false, children, ...props }, ref) => { const generatedId = useId(); const ids = getFieldIds(name ?? generatedId); const context: FieldContextValue = { ...ids, invalid, required }; return (

{children}

); }); Field.displayName = 'Field'; export interface FieldLabelProps extends React.LabelHTMLAttributes, FieldLabelBaseProps {} const FieldLabel = React.forwardRef(({ className = '', htmlFor, children, ...props }, ref) => { const context = useFieldContext(); return ( {children} ); }); FieldLabel.displayName = 'FieldLabel'; export interface FieldDescriptionProps extends React.HTMLAttributes, FieldDescriptionBaseProps {} const FieldDescription = React.forwardRef(({ className = '', children, ...props }, ref) => { const context = useFieldContext(); return (

{children}

); }); FieldDescription.displayName = 'FieldDescription'; export interface FieldMessageProps extends React.HTMLAttributes, FieldMessageBaseProps {} const FieldMessage = React.forwardRef(({ className = '', variant = 'default', children, ...props }, ref) => { const context = useFieldContext(); const styleKeys = getFieldMessageStyleKeys(variant); const classes = [styles[styleKeys.base], styles[styleKeys.variant], className].filter(Boolean).join(' '); return (

{children}

); }); FieldMessage.displayName = 'FieldMessage'; export { Field, FieldLabel, FieldDescription, FieldMessage }; export default Field; 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/field/field.tsx","content":"$4d","type":"registry:ui","target":"components/ui/field/field.tsx"},{"path":"packages/styles/scss/components/field.module.scss","content":"@use '../../../styles/variables/colors' as *;\n\n.root {\n\tdisplay: flex;\n\twidth: 100%;\n\tflex-direction: column;\n\tgap: $spacing-1_5;\n\n\t&[data-invalid='true'] {\n\t\tcolor: $destructive;\n\t}\n}\n\n.label {\n\twidth: fit-content;\n\tfont-size: $text-sm;\n\tfont-weight: $font-medium;\n\tline-height: $leading-tight;\n\tcolor: $foreground;\n\ttransition: color $transition-fast;\n\n\t.root[data-invalid='true'] & {\n\t\tcolor: $destructive;\n\t}\n}\n\n.description {\n\tfont-size: $text-sm;\n\tline-height: $leading-normal;\n\tcolor: $muted-foreground;\n}\n\n.message {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $spacing-1;\n\tfont-size: $text-xs;\n\tline-height: $leading-normal;\n\tcolor: $muted-foreground;\n\n\t// 样式变体\n\t&.variantDefault {\n\t\tcolor: $muted-foreground;\n\t}\n\n\t&.variantError {\n\t\tcolor: $destructive;\n\t}\n\n\t&.variantWarning {\n\t\tcolor: $warning;\n\t}\n\n\t&.variantSuccess {\n\t\tcolor: $success;\n\t}\n\n\t&.variantInfo {\n\t\tcolor: $info;\n\t}\n}\n","type":"registry:file","target":"components/ui/field/field.module.scss"},{"path":"packages/react/src/components/field/index.ts","content":"export { Field, FieldLabel, FieldDescription, FieldMessage, type FieldProps, type FieldLabelProps, type FieldDescriptionProps, type FieldMessageProps } from './field';\n","type":"registry:ui","target":"components/ui/field/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]