@tipp/ui 2.3.21 → 2.3.23

package/dist/molecules/dynamic-form-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/molecules/dynamic-form-editor.tsx","../../src/atoms/button.tsx","../../src/utils/convert-button-size.ts","../../src/atoms/flex.tsx","../../src/molecules/dynamic-form-editor-utils.ts","../../src/molecules/dynamic-form-editor-field-editor-panel.tsx","../../src/atoms/card.tsx","../../src/atoms/check-box.tsx","../../src/atoms/icon-button.tsx","../../src/utils/convert-icon-button-size.ts","../../src/atoms/select.tsx","../../src/atoms/text-area.tsx","../../src/atoms/text-field.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts","../../src/icon.ts","../../src/icons/phone-ring.tsx","../../src/icons/up.tsx","../../src/icons/down.tsx","../../src/icons/mic.tsx","../../src/icons/camera.tsx","../../src/icons/camera-disabled.tsx","../../src/icons/end-call.tsx","../../src/icons/circle-play.tsx","../../src/icons/circle-pencil.tsx","../../src/icons/circle-check.tsx","../../src/icons/circle-satisfaction.tsx","../../src/icons/circle-quote.tsx","../../src/icons/circle-chat.tsx","../../src/icons/circle-file.tsx","../../src/molecules/dynamic-form-editor-field-list-panel.tsx","../../src/molecules/dynamic-form-editor-issues-panel.tsx","../../src/molecules/dynamic-form.tsx","../../src/context/dynamic-form-context.tsx","../../src/molecules/form/form.tsx","../../src/atoms/heading.tsx","../../src/atoms/check-box-group.tsx","../../src/atoms/radio-group.tsx","../../src/atoms/radio-cards.tsx","../../src/atoms/grid.tsx","../../src/atoms/inset.tsx","../../src/molecules/dynamic-field.tsx","../../src/molecules/dynamic-form-editor-preview-panel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport type {\n  DynamicFormFieldSchema,\n  DynamicFormSchema,\n} from '@/types/dynamic-form-schema-generated';\nimport {\n  createDefaultField,\n  createUniqueFieldName,\n  duplicateField,\n  findFieldIndexByName,\n  getFieldTypes,\n  hasErrorIssues,\n  moveField,\n  normalizeSchema,\n  updateSchemaFields,\n  validateDynamicFormSchema,\n  type FieldType,\n  type SchemaIssue,\n} from './dynamic-form-editor-utils';\nimport { DynamicFormEditorFieldEditorPanel } from './dynamic-form-editor-field-editor-panel';\nimport { DynamicFormEditorFieldListPanel } from './dynamic-form-editor-field-list-panel';\nimport { DynamicFormEditorIssuesPanel } from './dynamic-form-editor-issues-panel';\nimport { DynamicFormEditorPreviewPanel } from './dynamic-form-editor-preview-panel';\n\nfunction getInitialSchema(\n  value: DynamicFormSchema | undefined,\n  defaultValue: DynamicFormSchema | undefined\n): DynamicFormSchema {\n  if (value !== undefined) return normalizeSchema(value);\n  return normalizeSchema(defaultValue);\n}\n\nfunction getSelectedField(\n  schema: DynamicFormSchema,\n  selectedFieldName: string | null\n): { field: DynamicFormFieldSchema | null; index: number } {\n  if (!selectedFieldName) return { field: null, index: -1 };\n  const index: number = findFieldIndexByName(schema.fields, selectedFieldName);\n  if (index < 0) return { field: null, index: -1 };\n  return { field: schema.fields[index], index };\n}\n\nexport interface DynamicFormEditorProps {\n  value?: DynamicFormSchema;\n  defaultValue?: DynamicFormSchema;\n  onChange?: (next: DynamicFormSchema) => void;\n  onSave?: (next: DynamicFormSchema) => void | Promise<void>;\n  onCancel?: () => void;\n  readonly?: boolean;\n  showPreview?: boolean;\n}\n\nexport function DynamicFormEditor(props: DynamicFormEditorProps): React.ReactElement {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    onSave,\n    onCancel,\n    readonly = false,\n    showPreview = false,\n  } = props;\n\n  const isControlled: boolean = value !== undefined;\n\n  const [uncontrolledSchema, setUncontrolledSchema] = useState<DynamicFormSchema>(() =>\n    getInitialSchema(undefined, defaultValue)\n  );\n\n  const effectiveSchema: DynamicFormSchema = useMemo(() => {\n    if (isControlled) return normalizeSchema(value);\n    return uncontrolledSchema;\n  }, [isControlled, uncontrolledSchema, value]);\n\n  const [selectedFieldName, setSelectedFieldName] = useState<string | null>(() => {\n    const initialSchema = getInitialSchema(value, defaultValue);\n    return initialSchema.fields[0]?.name ?? null;\n  });\n\n  const selected = useMemo(() => {\n    return getSelectedField(effectiveSchema, selectedFieldName);\n  }, [effectiveSchema, selectedFieldName]);\n\n  const issues: SchemaIssue[] = useMemo(() => {\n    return validateDynamicFormSchema(effectiveSchema);\n  }, [effectiveSchema]);\n\n  const errorFieldNameSet: Set<string> = useMemo(() => {\n    const set = new Set<string>();\n    issues.forEach((i) => {\n      if (i.level === 'error' && i.fieldName) set.add(i.fieldName);\n    });\n    return set;\n  }, [issues]);\n\n  const hasFieldError = useCallback(\n    (fieldName: string): boolean => {\n      return errorFieldNameSet.has(fieldName);\n    },\n    [errorFieldNameSet]\n  );\n\n  const fieldTypes: FieldType[] = useMemo(() => getFieldTypes(), []);\n\n  useEffect(() => {\n    if (selectedFieldName && selected.field) return;\n    setSelectedFieldName(effectiveSchema.fields[0]?.name ?? null);\n  }, [effectiveSchema.fields, selected.field, selectedFieldName]);\n\n  useEffect(() => {\n    if (isControlled) return;\n    setUncontrolledSchema(getInitialSchema(undefined, defaultValue));\n  }, [defaultValue, isControlled]);\n\n  const applySchema = useCallback(\n    (next: DynamicFormSchema): void => {\n      onChange?.(next);\n      if (!isControlled) setUncontrolledSchema(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const handleAddField = useCallback(\n    (type: FieldType): void => {\n      if (readonly) return;\n      const nextField: DynamicFormFieldSchema = createDefaultField(type, effectiveSchema.fields);\n      const nextFields: DynamicFormFieldSchema[] = [...effectiveSchema.fields, nextField];\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n      setSelectedFieldName(nextField.name);\n    },\n    [applySchema, effectiveSchema, readonly]\n  );\n\n  const handleUpdateSelectedField = useCallback(\n    (nextField: DynamicFormFieldSchema): void => {\n      if (readonly) return;\n      if (!selected.field || selected.index < 0) return;\n      const nextFields: DynamicFormFieldSchema[] = effectiveSchema.fields.map((f, i) =>\n        i === selected.index ? nextField : f\n      );\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    },\n    [applySchema, effectiveSchema, readonly, selected.field, selected.index]\n  );\n\n  const handleRenameSelected = useCallback(\n    (nextName: string): void => {\n      if (readonly) return;\n      const currentField = selected.field;\n      if (!currentField) return;\n\n      const others: DynamicFormFieldSchema[] = effectiveSchema.fields.filter(\n        (f) => f.name !== currentField.name\n      );\n      const uniqueName: string = createUniqueFieldName(others, nextName);\n      const nextField: DynamicFormFieldSchema = { ...currentField, name: uniqueName };\n      handleUpdateSelectedField(nextField);\n      setSelectedFieldName(uniqueName);\n    },\n    [effectiveSchema.fields, handleUpdateSelectedField, readonly, selected.field]\n  );\n\n  const handleDeleteSelected = useCallback((): void => {\n    if (readonly) return;\n    if (!selected.field || selected.index < 0) return;\n    const nextFields: DynamicFormFieldSchema[] = effectiveSchema.fields.filter(\n      (_, i) => i !== selected.index\n    );\n    applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    let nextSelected: string | null = null;\n    if (nextFields.length > selected.index) nextSelected = nextFields[selected.index].name;\n    else if (nextFields.length > 0) nextSelected = nextFields[0].name;\n    setSelectedFieldName(nextSelected);\n  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);\n\n  const handleMoveSelected = useCallback(\n    (direction: 'up' | 'down'): void => {\n      if (readonly) return;\n      if (!selected.field || selected.index < 0) return;\n      const toIndex: number = direction === 'up' ? selected.index - 1 : selected.index + 1;\n      const nextFields: DynamicFormFieldSchema[] = moveField(\n        effectiveSchema.fields,\n        selected.index,\n        toIndex\n      );\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    },\n    [applySchema, effectiveSchema, readonly, selected.field, selected.index]\n  );\n\n  const handleDuplicateSelected = useCallback((): void => {\n    if (readonly) return;\n    if (!selected.field || selected.index < 0) return;\n    const nextFields: DynamicFormFieldSchema[] = duplicateField(\n      effectiveSchema.fields,\n      selected.index\n    );\n    applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    const duplicatedIndex: number = selected.index + 1;\n    const nextSelected: string =\n      nextFields.length > duplicatedIndex\n        ? nextFields[duplicatedIndex].name\n        : selected.field.name;\n    setSelectedFieldName(nextSelected);\n  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);\n\n  const handleSave = useCallback((): void => {\n    if (!onSave) return;\n    const result = onSave(effectiveSchema);\n    void result;\n  }, [effectiveSchema, onSave]);\n\n  const disableSave: boolean = readonly || !onSave || hasErrorIssues(issues);\n\n  return (\n    <Flex align=\"start\" gap=\"4\" style={{ width: '100%' }}>\n      <DynamicFormEditorFieldListPanel\n        fieldTypes={fieldTypes}\n        fields={effectiveSchema.fields}\n        hasFieldError={hasFieldError}\n        onAddField={handleAddField}\n        onSelectFieldName={setSelectedFieldName}\n        readonly={readonly}\n        selectedFieldName={selectedFieldName}\n      />\n\n      <Flex direction=\"column\" gap=\"3\" style={{ flex: 1, minWidth: 520 }}>\n        <DynamicFormEditorFieldEditorPanel\n          field={selected.field}\n          fieldIndex={selected.index}\n          fieldTypes={fieldTypes}\n          fields={effectiveSchema.fields}\n          onDeleteField={handleDeleteSelected}\n          onDuplicateField={handleDuplicateSelected}\n          onMoveField={handleMoveSelected}\n          onRenameField={handleRenameSelected}\n          onUpdateField={handleUpdateSelectedField}\n          readonly={readonly}\n        />\n\n        <DynamicFormEditorIssuesPanel issues={issues} />\n\n        {(onSave || onCancel) ? <Flex gap=\"2\" justify=\"end\">\n            {onCancel ? (\n              <Button disabled={readonly} onClick={onCancel} variant=\"soft\">\n                취소\n              </Button>\n            ) : null}\n            {onSave ? (\n              <Button disabled={disableSave} onClick={handleSave}>\n                저장\n              </Button>\n            ) : null}\n          </Flex> : null}\n      </Flex>\n\n      <DynamicFormEditorPreviewPanel fields={effectiveSchema.fields} show={showPreview} />\n    </Flex>\n  );\n}\n\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type {\n  DynamicFormFieldSchema,\n  DynamicFormSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\n\nexport type FieldType =\n  | 'short_text'\n  | 'long_text'\n  | 'number'\n  | 'email'\n  | 'dropdown'\n  | 'choice'\n  | 'radio_cards'\n  | 'image_radio_card'\n  | 'choices'\n  | 'yes_no';\n\nexport type SchemaIssueLevel = 'error' | 'warning';\n\nexport interface SchemaIssue {\n  id: string;\n  level: SchemaIssueLevel;\n  message: string;\n  fieldName?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isNonEmptyTrimmedString(value: unknown): value is string {\n  return typeof value === 'string' && value.trim().length > 0;\n}\n\nfunction isFiniteNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n\nfunction canCompileRegExp(pattern: string): boolean {\n  try {\n    // eslint-disable-next-line no-new -- 정규식 컴파일 가능 여부만 확인\n    new RegExp(pattern);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function getFieldTypes(): FieldType[] {\n  return [\n    'short_text',\n    'long_text',\n    'number',\n    'email',\n    'dropdown',\n    'choice',\n    'radio_cards',\n    'image_radio_card',\n    'choices',\n    'yes_no',\n  ];\n}\n\nexport function getFieldTypeLabel(type: FieldType): string {\n  const map: Record<FieldType, string> = {\n    short_text: '짧은 텍스트',\n    long_text: '긴 텍스트',\n    number: '숫자',\n    email: '이메일',\n    dropdown: '드롭다운',\n    choice: '단일 선택(라디오)',\n    radio_cards: '라디오 카드',\n    image_radio_card: '이미지 라디오 카드',\n    choices: '다중 선택(체크)',\n    yes_no: '동의(체크)',\n  };\n  return map[type];\n}\n\nexport function findFieldIndexByName(\n  fields: DynamicFormFieldSchema[],\n  fieldName: string\n): number {\n  return fields.findIndex((field) => field.name === fieldName);\n}\n\nfunction toCamelFromSnake(value: string): string {\n  const parts: string[] = value.split('_').filter(Boolean);\n  if (parts.length === 0) return 'field';\n  const [first, ...rest] = parts;\n  const firstLower = first.toLowerCase();\n  const restCamel = rest\n    .map((p) => (p.length === 0 ? '' : p[0].toUpperCase() + p.slice(1)))\n    .join('');\n  return `${firstLower}${restCamel}`;\n}\n\nexport function createUniqueFieldName(\n  fields: DynamicFormFieldSchema[],\n  baseName: string\n): string {\n  const used = new Set<string>(fields.map((f) => f.name));\n  if (!used.has(baseName)) return baseName;\n  let i = 2;\n  while (used.has(`${baseName}${i}`)) i += 1;\n  return `${baseName}${i}`;\n}\n\nexport function createDefaultField(\n  type: FieldType,\n  currentFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const baseName: string = toCamelFromSnake(type);\n  const name: string = createUniqueFieldName(currentFields, baseName);\n  const label: string = getFieldTypeLabel(type);\n\n  if (type === 'short_text') return { name, type, label, placeholder: '' };\n  if (type === 'long_text') return { name, type, label, placeholder: '' };\n  if (type === 'number') return { name, type, label, placeholder: '' };\n  if (type === 'email') return { name, type, label, placeholder: '' };\n  if (type === 'dropdown')\n    return {\n      name,\n      type,\n      label,\n      placeholder: '',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'choice')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'radio_cards')\n    return { name, type, label, options: [{ label: '옵션 1', value: 'option1' }] };\n  if (type === 'choices')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'yes_no') return { name, type, label, description: '' };\n\n  return {\n    name,\n    type,\n    label,\n    gridColumnsCount: 4,\n    gridItemHeight: '160px',\n    gridGap: '2',\n    imageFit: 'cover',\n    options: [\n      {\n        label: '이미지 1',\n        value: 'option1',\n        imageSrc: 'https://placehold.co/300x300/png?text=1',\n      },\n    ],\n  };\n}\n\nexport function normalizeSchema(value: DynamicFormSchema | undefined): DynamicFormSchema {\n  const fallback: DynamicFormSchema = { fields: [] };\n  if (!value) return fallback;\n  if (!Array.isArray(value.fields)) return fallback;\n  return { fields: value.fields };\n}\n\nexport function validateDynamicFormSchema(schema: DynamicFormSchema): SchemaIssue[] {\n  const issues: SchemaIssue[] = [];\n\n  const nameToCount = new Map<string, number>();\n  schema.fields.forEach((field) => {\n    const prev = nameToCount.get(field.name) || 0;\n    nameToCount.set(field.name, prev + 1);\n  });\n\n  schema.fields.forEach((field, index) => {\n    const fieldKey = `${index}:${field.name}`;\n\n    if (!isNonEmptyTrimmedString(field.name)) {\n      issues.push({\n        id: `field.name.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 name은 필수입니다',\n        fieldName: field.name,\n      });\n    } else if (field.name.trim() !== field.name) {\n      issues.push({\n        id: `field.name.trim.${fieldKey}`,\n        level: 'warning',\n        message: '필드 name 앞/뒤 공백은 제거하는 것을 권장합니다',\n        fieldName: field.name,\n      });\n    }\n\n    if (isNonEmptyTrimmedString(field.name)) {\n      const count = nameToCount.get(field.name) || 0;\n      if (count > 1) {\n        issues.push({\n          id: `field.name.duplicate.${fieldKey}`,\n          level: 'error',\n          message: `중복된 name입니다: ${field.name}`,\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (!isNonEmptyTrimmedString(field.label)) {\n      issues.push({\n        id: `field.label.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 label은 필수입니다',\n        fieldName: field.name,\n      });\n    }\n\n    const type = field.type;\n    const isOptionType =\n      type === 'dropdown' ||\n      type === 'choice' ||\n      type === 'radio_cards' ||\n      type === 'choices';\n\n    if (isOptionType) {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.options.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (type === 'image_radio_card') {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.imageOptions.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      } else {\n        optionsRaw.forEach((opt, optIndex) => {\n          const imageSrc = isRecord(opt) ? opt.imageSrc : undefined;\n          if (!isNonEmptyTrimmedString(imageSrc)) {\n            issues.push({\n              id: `field.imageOptions.imageSrc.required.${fieldKey}.${optIndex}`,\n              level: 'error',\n              message: 'imageSrc는 필수입니다',\n              fieldName: field.name,\n            });\n          }\n        });\n      }\n    }\n\n    const validation: ValidationRule | undefined = field.validation;\n    if (validation) {\n      if (isFiniteNumber(validation.min) && isFiniteNumber(validation.max)) {\n        if (validation.min > validation.max) {\n          issues.push({\n            id: `field.validation.minmax.${fieldKey}`,\n            level: 'error',\n            message: 'validation.min은 validation.max 이하이어야 합니다',\n            fieldName: field.name,\n          });\n        }\n      }\n      if (isNonEmptyTrimmedString(validation.pattern)) {\n        if (!canCompileRegExp(validation.pattern)) {\n          issues.push({\n            id: `field.validation.pattern.${fieldKey}`,\n            level: 'error',\n            message: 'validation.pattern이 올바른 정규식이 아닙니다',\n            fieldName: field.name,\n          });\n        }\n      }\n    }\n  });\n\n  return issues;\n}\n\nexport function hasErrorIssues(issues: SchemaIssue[]): boolean {\n  return issues.some((i) => i.level === 'error');\n}\n\nexport function updateSchemaFields(\n  schema: DynamicFormSchema,\n  nextFields: DynamicFormFieldSchema[]\n): DynamicFormSchema {\n  return { fields: nextFields };\n}\n\nexport function moveField(\n  fields: DynamicFormFieldSchema[],\n  fromIndex: number,\n  toIndex: number\n): DynamicFormFieldSchema[] {\n  if (fromIndex < 0 || fromIndex >= fields.length) return fields;\n  if (toIndex < 0 || toIndex >= fields.length) return fields;\n  if (fromIndex === toIndex) return fields;\n\n  const next: DynamicFormFieldSchema[] = [...fields];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nexport function duplicateField(fields: DynamicFormFieldSchema[], index: number): DynamicFormFieldSchema[] {\n  if (index < 0 || index >= fields.length) return fields;\n  const target = fields[index];\n  const nextName: string = createUniqueFieldName(fields, target.name);\n  const cloned: DynamicFormFieldSchema = { ...target, name: nextName };\n  const next: DynamicFormFieldSchema[] = [...fields];\n  next.splice(index + 1, 0, cloned);\n  return next;\n}\n\nexport function updateFieldCommonProps(\n  field: DynamicFormFieldSchema,\n  next: {\n    name?: string;\n    label?: string;\n    description?: string | undefined;\n    required?: boolean;\n  }\n): DynamicFormFieldSchema {\n  const { name, label, description, required } = next;\n  return {\n    ...field,\n    ...(name !== undefined ? { name } : {}),\n    ...(label !== undefined ? { label } : {}),\n    ...(description !== undefined ? { description } : {}),\n    ...(required !== undefined ? { required } : {}),\n  };\n}\n\nexport function updateFieldValidation(\n  field: DynamicFormFieldSchema,\n  next: ValidationRule | undefined\n): DynamicFormFieldSchema {\n  if (!next) {\n    const { validation: _validation, ...rest } = field;\n    return rest;\n  }\n  return { ...field, validation: next };\n}\n\nexport function updateTextPlaceholder(\n  field: DynamicFormFieldSchema,\n  placeholder: string\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'short_text' || type === 'long_text' || type === 'number' || type === 'email' || type === 'dropdown') {\n    return { ...field, placeholder };\n  }\n  return field;\n}\n\nexport function updateOrientation(\n  field: DynamicFormFieldSchema,\n  orientation: 'horizontal' | 'vertical'\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'choice' || type === 'choices') return { ...field, orientation };\n  return field;\n}\n\nexport function updateOptions(\n  field: DynamicFormFieldSchema,\n  options: FieldOption[]\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'dropdown' || type === 'choice' || type === 'radio_cards' || type === 'choices') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageOptions(\n  field: DynamicFormFieldSchema,\n  options: ImageFieldOption[]\n): DynamicFormFieldSchema {\n  if (field.type === 'image_radio_card') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageLayout(\n  field: DynamicFormFieldSchema,\n  next: {\n    gridColumnsCount?: number | undefined;\n    gridItemHeight?: string | undefined;\n    gridColumns?: string | undefined;\n    gridRows?: string | undefined;\n    gridGap?: string | undefined;\n    imageFit?: 'cover' | 'contain' | undefined;\n  }\n): DynamicFormFieldSchema {\n  if (field.type !== 'image_radio_card') return field;\n  return { ...field, ...next };\n}\n\nexport function resetFieldType(\n  field: DynamicFormFieldSchema,\n  nextType: FieldType,\n  allFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const base: DynamicFormFieldSchema = createDefaultField(nextType, allFields);\n  return {\n    ...base,\n    name: field.name,\n    label: field.label,\n    description: field.description,\n    required: field.required,\n    validation: field.validation,\n  };\n}\n","import React, { useMemo } from 'react';\nimport { Box } from '@radix-ui/themes';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Checkbox } from '@/atoms/check-box';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Select } from '@/atoms/select';\nimport { TextArea } from '@/atoms/text-area';\nimport { TextField } from '@/atoms/text-field';\nimport { Typo } from '@/atoms/typo';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  PlusIcon,\n  TrashIcon,\n} from '@/icon';\nimport type {\n  DynamicFormFieldSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport {\n  getFieldTypeLabel,\n  resetFieldType,\n  updateFieldCommonProps,\n  updateFieldValidation,\n  updateImageLayout,\n  updateImageOptions,\n  updateOptions,\n  updateOrientation,\n  updateTextPlaceholder,\n  type FieldType,\n} from './dynamic-form-editor-utils';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isFieldType(value: string, types: FieldType[]): value is FieldType {\n  return types.some((t) => t === value);\n}\n\nfunction parseOptionalNumber(value: string): number | undefined {\n  const trimmed: string = value.trim();\n  if (trimmed.length === 0) return undefined;\n  const num = Number(trimmed);\n  return Number.isFinite(num) ? num : undefined;\n}\n\nfunction getValidation(field: DynamicFormFieldSchema): ValidationRule {\n  return field.validation ? field.validation : {};\n}\n\nfunction cleanValidation(next: ValidationRule): ValidationRule | undefined {\n  const hasAny: boolean =\n    next.min !== undefined ||\n    next.max !== undefined ||\n    (typeof next.pattern === 'string' && next.pattern.trim().length > 0) ||\n    (typeof next.message === 'string' && next.message.trim().length > 0);\n  return hasAny ? next : undefined;\n}\n\nfunction moveItem<T>(items: T[], fromIndex: number, toIndex: number): T[] {\n  if (fromIndex < 0 || fromIndex >= items.length) return items;\n  if (toIndex < 0 || toIndex >= items.length) return items;\n  if (fromIndex === toIndex) return items;\n  const next: T[] = [...items];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nfunction getOptionDrafts(field: DynamicFormFieldSchema): { label: string; value: string }[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map((o): { label: string; value: string } | null => {\n      if (!isRecord(o)) return null;\n      const label = typeof o.label === 'string' ? o.label : '';\n      const valueRaw = o.value;\n      const value =\n        typeof valueRaw === 'string' || typeof valueRaw === 'number'\n          ? String(valueRaw)\n          : '';\n      return { label, value };\n    })\n    .filter((v): v is { label: string; value: string } => v !== null);\n}\n\nfunction getImageOptionDrafts(field: DynamicFormFieldSchema): {\n  label: string;\n  value: string;\n  imageSrc: string;\n  alt?: string;\n}[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map(\n      (\n        o\n      ):\n        | { label: string; value: string; imageSrc: string; alt?: string }\n        | null => {\n        if (!isRecord(o)) return null;\n        const label = typeof o.label === 'string' ? o.label : '';\n        const valueRaw = o.value;\n        const value =\n          typeof valueRaw === 'string' || typeof valueRaw === 'number'\n            ? String(valueRaw)\n            : '';\n        const imageSrc = typeof o.imageSrc === 'string' ? o.imageSrc : '';\n        const alt = typeof o.alt === 'string' ? o.alt : undefined;\n        return { label, value, imageSrc, ...(alt ? { alt } : {}) };\n      }\n    )\n    .filter(\n      (\n        v\n      ): v is { label: string; value: string; imageSrc: string; alt?: string } =>\n        v !== null\n    );\n}\n\nfunction toFieldOptions(options: { label: string; value: string }[]): FieldOption[] {\n  return options.map((o) => ({ label: o.label, value: o.value }));\n}\n\nfunction toImageFieldOptions(\n  options: { label: string; value: string; imageSrc: string; alt?: string }[]\n): ImageFieldOption[] {\n  return options.map((o) => ({\n    label: o.label,\n    value: o.value,\n    imageSrc: o.imageSrc,\n    ...(o.alt !== undefined ? { alt: o.alt } : {}),\n  }));\n}\n\nexport interface DynamicFormEditorFieldEditorPanelProps {\n  field: DynamicFormFieldSchema | null;\n  fieldIndex: number;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  fieldTypes: FieldType[];\n  onRenameField: (nextName: string) => void;\n  onUpdateField: (nextField: DynamicFormFieldSchema) => void;\n  onDeleteField: () => void;\n  onMoveField: (direction: 'up' | 'down') => void;\n  onDuplicateField: () => void;\n}\n\nexport function DynamicFormEditorFieldEditorPanel(\n  props: DynamicFormEditorFieldEditorPanelProps\n): React.ReactElement {\n  const {\n    field,\n    fieldIndex,\n    fields,\n    readonly,\n    fieldTypes,\n    onRenameField,\n    onUpdateField,\n    onDeleteField,\n    onMoveField,\n    onDuplicateField,\n  } = props;\n\n  const canMoveUp: boolean = fieldIndex > 0;\n  const canMoveDown: boolean = fieldIndex >= 0 && fieldIndex < fields.length - 1;\n\n  const placeholderValue: string = useMemo(() => {\n    if (!field) return '';\n    return String(field.placeholder || '');\n  }, [field]);\n\n  return (\n    <Card style={{ flex: 1, minWidth: 520, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"4\">\n        <Flex align=\"center\" justify=\"between\">\n          <Typo variant=\"body\">필드 편집</Typo>\n          <Flex align=\"center\" gap=\"1\">\n            <IconButton\n              aria-label=\"필드 위로\"\n              disabled={readonly || !field || !canMoveUp}\n              onClick={(): void => { onMoveField('up'); }}\n              variant=\"soft\"\n            >\n              <ChevronUpIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 아래로\"\n              disabled={readonly || !field || !canMoveDown}\n              onClick={(): void => { onMoveField('down'); }}\n              variant=\"soft\"\n            >\n              <ChevronDownIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 복제\"\n              disabled={readonly || !field}\n              onClick={onDuplicateField}\n              variant=\"soft\"\n            >\n              <CopyIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 삭제\"\n              disabled={readonly || !field}\n              onClick={onDeleteField}\n              variant=\"soft\"\n            >\n              <TrashIcon />\n            </IconButton>\n          </Flex>\n        </Flex>\n\n        {!field ? (\n          <Typo color=\"gray\" variant=\"caption\">\n            왼쪽에서 필드를 선택하세요.\n          </Typo>\n        ) : (\n          <Flex direction=\"column\" gap=\"3\">\n            <Flex align=\"end\" gap=\"2\">\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">name</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => { onRenameField(e.target.value); }}\n                  value={field.name}\n                />\n              </Box>\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">label</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateFieldCommonProps(field, { label: e.target.value }));\n                  }}\n                  value={field.label}\n                />\n              </Box>\n            </Flex>\n\n            <Flex align=\"center\" gap=\"2\">\n              <Select.Root\n                disabled={readonly}\n                onValueChange={(v: string): void => {\n                  if (!isFieldType(v, fieldTypes)) return;\n                  onUpdateField(resetFieldType(field, v, fields));\n                }}\n                value={field.type}\n              >\n                <Select.Trigger style={{ minWidth: 220 }} />\n                <Select.Content>\n                  {fieldTypes.map((t) => (\n                    <Select.Item key={t} value={t}>\n                      {getFieldTypeLabel(t)}\n                    </Select.Item>\n                  ))}\n                </Select.Content>\n              </Select.Root>\n\n              <Flex align=\"center\" gap=\"2\">\n                <Checkbox\n                  checked={Boolean(field.required)}\n                  disabled={readonly}\n                  onCheckedChange={(checked: boolean): void => {\n                    onUpdateField(updateFieldCommonProps(field, { required: checked }));\n                  }}\n                />\n                <Typo variant=\"caption\">필수</Typo>\n              </Flex>\n            </Flex>\n\n            <Box>\n              <Typo variant=\"caption\">description</Typo>\n              <TextArea\n                disabled={readonly}\n                onChange={(e): void => {\n                  onUpdateField(\n                    updateFieldCommonProps(field, { description: e.target.value })\n                  );\n                }}\n                rows={3}\n                value={field.description || ''}\n              />\n            </Box>\n\n            {field.type === 'short_text' ||\n            field.type === 'long_text' ||\n            field.type === 'number' ||\n            field.type === 'email' ||\n            field.type === 'dropdown' ? (\n              <Box>\n                <Typo variant=\"caption\">placeholder</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateTextPlaceholder(field, e.target.value));\n                  }}\n                  value={placeholderValue}\n                />\n              </Box>\n            ) : null}\n\n            {field.type === 'choice' || field.type === 'choices' ? (\n              <Box>\n                <Typo variant=\"caption\">orientation</Typo>\n                <Select.Root\n                  disabled={readonly}\n                  onValueChange={(v: string): void => {\n                    const nextOrientation: 'horizontal' | 'vertical' =\n                      v === 'horizontal' ? 'horizontal' : 'vertical';\n                    onUpdateField(updateOrientation(field, nextOrientation));\n                  }}\n                  value={field.orientation || 'vertical'}\n                >\n                  <Select.Trigger style={{ minWidth: 220 }} />\n                  <Select.Content>\n                    <Select.Item value=\"vertical\">vertical</Select.Item>\n                    <Select.Item value=\"horizontal\">horizontal</Select.Item>\n                  </Select.Content>\n                </Select.Root>\n              </Box>\n            ) : null}\n\n            {field.type === 'dropdown' ||\n            field.type === 'choice' ||\n            field.type === 'radio_cards' ||\n            field.type === 'choices' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"2\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `옵션 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                          },\n                        ];\n                        onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getOptionDrafts(field).map((opt, i) => (\n                    <Flex align=\"end\" gap=\"2\" key={`${opt.value}-${opt.label}`}>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">label</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, label: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.label}\n                        />\n                      </Box>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">value</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, value: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.value}\n                        />\n                      </Box>\n                      <Flex gap=\"1\">\n                        <IconButton\n                          aria-label=\"옵션 위로\"\n                          disabled={readonly || i === 0}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i - 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronUpIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 아래로\"\n                          disabled={readonly || i === getOptionDrafts(field).length - 1}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i + 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronDownIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 삭제\"\n                          disabled={readonly}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <TrashIcon />\n                        </IconButton>\n                      </Flex>\n                    </Flex>\n                  ))}\n                </Flex>\n              </Card>\n            ) : null}\n\n            {field.type === 'image_radio_card' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"3\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">image options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getImageOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `이미지 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                            imageSrc: 'https://placehold.co/300x300/png?text=new',\n                          },\n                        ];\n                        onUpdateField(updateImageOptions(field, toImageFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getImageOptionDrafts(field).map((opt, i) => (\n                    <Card\n                      key={`${opt.value}-${opt.label}-${opt.imageSrc}`}\n                      style={{ padding: 10 }}\n                    >\n                      <Flex direction=\"column\" gap=\"2\">\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">label</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, label: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.label}\n                            />\n                          </Box>\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">value</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, value: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.value}\n                            />\n                          </Box>\n                        </Flex>\n\n                        <Box>\n                          <Typo variant=\"caption\">imageSrc</Typo>\n                          <TextField.Root\n                            disabled={readonly}\n                            onChange={(e): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.map((d, idx) =>\n                                idx === i ? { ...d, imageSrc: e.target.value } : d\n                              );\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            value={opt.imageSrc}\n                          />\n                        </Box>\n\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">alt</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextAlt =\n                                  e.target.value.trim().length === 0 ? undefined : e.target.value;\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, alt: nextAlt } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.alt || ''}\n                            />\n                          </Box>\n                          <IconButton\n                            aria-label=\"이미지 옵션 삭제\"\n                            disabled={readonly}\n                            onClick={(): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            variant=\"soft\"\n                          >\n                            <TrashIcon />\n                          </IconButton>\n                        </Flex>\n                      </Flex>\n                    </Card>\n                  ))}\n\n                  <Flex gap=\"2\">\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridColumnsCount</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        inputMode=\"numeric\"\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, {\n                              gridColumnsCount: parseOptionalNumber(e.target.value),\n                            })\n                          );\n                        }}\n                        value={String(field.gridColumnsCount || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridItemHeight</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, { gridItemHeight: e.target.value })\n                          );\n                        }}\n                        value={String(field.gridItemHeight || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridGap</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(updateImageLayout(field, { gridGap: e.target.value }));\n                        }}\n                        value={String(field.gridGap || '')}\n                      />\n                    </Box>\n                  </Flex>\n\n                  <Box>\n                    <Typo variant=\"caption\">imageFit</Typo>\n                    <Select.Root\n                      disabled={readonly}\n                      onValueChange={(v: string): void => {\n                        const nextFit: 'cover' | 'contain' =\n                          v === 'contain' ? 'contain' : 'cover';\n                        onUpdateField(updateImageLayout(field, { imageFit: nextFit }));\n                      }}\n                      value={field.imageFit || 'cover'}\n                    >\n                      <Select.Trigger style={{ minWidth: 220 }} />\n                      <Select.Content>\n                        <Select.Item value=\"cover\">cover</Select.Item>\n                        <Select.Item value=\"contain\">contain</Select.Item>\n                      </Select.Content>\n                    </Select.Root>\n                  </Box>\n                </Flex>\n              </Card>\n            ) : null}\n\n            <Card style={{ padding: 12 }}>\n              <Flex direction=\"column\" gap=\"2\">\n                <Typo variant=\"caption\">validation</Typo>\n                <Flex gap=\"2\">\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">min</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          min: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).min !== undefined ? String(getValidation(field).min) : ''}\n                    />\n                  </Box>\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">max</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          max: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).max !== undefined ? String(getValidation(field).max) : ''}\n                    />\n                  </Box>\n                </Flex>\n\n                <Box>\n                  <Typo variant=\"caption\">pattern</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, pattern: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).pattern || '')}\n                  />\n                </Box>\n\n                <Box>\n                  <Typo variant=\"caption\">message</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, message: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).message || '')}\n                  />\n                </Box>\n              </Flex>\n            </Card>\n          </Flex>\n        )}\n      </Flex>\n    </Card>\n  );\n}\n\n","import { forwardRef, useMemo } from 'react';\nimport {\n  Card as RadixCard,\n  type CardProps as RadixCardProps,\n} from '@radix-ui/themes';\n\nexport type CardProps = RadixCardProps & {\n  borderRadius?: 'none';\n  borderDisable?: {\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    bottom?: boolean;\n  };\n  error?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (props, forwardedRef) => {\n    const { borderDisable, borderRadius, error, ...rest } = props;\n\n    const borderInsetClassName = useMemo(() => {\n      if (!borderDisable) return '';\n      const { left, right, top, bottom } = borderDisable;\n      return [\n        left && 'disable-inset-left',\n        right && 'disable-inset-right',\n        top && 'disable-inset-top',\n        bottom && 'disable-inset-bottom',\n      ]\n        .filter(Boolean)\n        .join(' ');\n    }, [borderDisable]);\n\n    const errorClsName = useMemo(() => {\n      return error ? ' error' : '';\n    }, [error]);\n\n    return (\n      <RadixCard\n        variant=\"surface\"\n        {...rest}\n        className={`${borderInsetClassName}${errorClsName} ${rest.className || ''}`}\n        data-radius={borderRadius}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nCard.displayName = 'Card';\n","import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n","import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-icon-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport type IconButtonProps = ButtonProps;\nexport const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixIconButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '4';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { Select as RadixSelect } from '@radix-ui/themes';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\n\nconst SelectContext = createContext<{ error?: boolean }>({\n  error: false,\n});\n\nexport type ContentProps = RadixSelect.ContentProps & {\n  isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, isNavigation, ...rest } = props;\n  const { error } = useContext(SelectContext);\n\n  const cls = useMemo(() => {\n    const etc = isNavigation ? 'nav-select' : '';\n    const errorCls = error ? 'tipp-error' : '';\n    return [etc, errorCls, className].join(' ');\n  }, [className, error, isNavigation]);\n\n  return (\n    <RadixSelect.Content\n      position=\"popper\"\n      {...rest}\n      className={cls}\n      ref={ref}\n    />\n  );\n});\nContent.displayName = 'Select.Content';\n\nconst Trigger = forwardRef<HTMLButtonElement, RadixSelect.TriggerProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    const { error } = useContext(SelectContext);\n\n    const cls = useMemo(() => {\n      const errorCls = error ? 'error' : '';\n      return [errorCls, className].join(' ');\n    }, [className, error]);\n\n    return <RadixSelect.Trigger {...rest} className={cls} ref={ref} />;\n  }\n);\n\nTrigger.displayName = 'Select.Trigger';\n\nexport type SelectRootProps = RadixSelect.RootProps & {\n  error?: boolean;\n};\n\nfunction Root(props: SelectRootProps): React.ReactNode {\n  const { error, ...rest } = props;\n\n  return (\n    <SelectContext.Provider value={{ error }}>\n      <RadixSelect.Root {...rest} />\n    </SelectContext.Provider>\n  );\n}\n\nRoot.displayName = 'Select.Root';\n\nexport const Select = {\n  ...RadixSelect,\n  Root,\n  Trigger,\n  Content,\n};\n","import {\n  TextArea as RTextArea,\n  type TextAreaProps as RTextAreaProps,\n} from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype TextAreaProps = RTextAreaProps & {\n  error?: boolean;\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (props, ref) => {\n    const { error, style, className, ...rest } = props;\n    const fieldStyle = useMemo(() => {\n      if (!error) return style;\n      const errorStyle = {\n        boxShadow: 'inset 0 0 0 var(--text-area-border-width) var(--error-11)',\n      };\n\n      return { ...(style || {}), ...errorStyle };\n    }, [error, style]);\n\n    const classNameStr = error ? `error ${className}` : className;\n\n    return (\n      <RTextArea\n        {...rest}\n        className={classNameStr}\n        ref={ref}\n        style={fieldStyle}\n      />\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea, type TextAreaProps };\n","import { TextField as RTextField } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype RSlotProps = RTextField.SlotProps;\n\ntype RootProps = RTextField.RootProps & { error?: boolean };\n\nconst Root = forwardRef<\n  HTMLInputElement,\n  RTextField.RootProps & { error?: boolean }\n>((props, ref) => {\n  const { error, style, className, ...rest } = props;\n\n  const fieldStyle = useMemo(() => {\n    if (!error) return style;\n    const errorStyle = {\n      boxShadow: 'inset 0 0 0 var(--text-field-border-width) var(--error-11)',\n    };\n\n    return { ...(style || {}), ...errorStyle };\n  }, [error, style]);\n\n  const classNameStr = error ? `error ${className}` : className;\n  return (\n    <RTextField.Root\n      className={classNameStr}\n      ref={ref}\n      style={fieldStyle}\n      {...rest}\n    />\n  );\n});\n\nRoot.displayName = 'TextField.Root';\n\nconst TextField = { Root, Slot: RTextField.Slot };\n\nexport { TextField };\nexport type { RootProps, RSlotProps as SlotProps };\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","export {\n  BookmarkIcon,\n  ExitIcon,\n  InfoCircledIcon,\n  ExclamationTriangleIcon,\n  MagnifyingGlassIcon,\n  DotsHorizontalIcon,\n  ChatBubbleIcon,\n  PlusIcon,\n  BookmarkFilledIcon,\n  MixerHorizontalIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ClipboardIcon,\n  BarChartIcon,\n  PersonIcon,\n  GearIcon,\n  DotsVerticalIcon,\n  Pencil1Icon,\n  Cross1Icon,\n  Link2Icon,\n  ChevronUpIcon,\n  ChevronDownIcon,\n  FileIcon,\n  TrashIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n  GlobeIcon,\n  BackpackIcon,\n  CalendarIcon,\n  CheckIcon,\n  ArchiveIcon,\n  RowsIcon,\n  Share1Icon,\n  ClipboardCopyIcon,\n  CheckCircledIcon,\n  ArrowLeftIcon,\n  ReloadIcon,\n  RocketIcon,\n  ArrowRightIcon,\n  CopyIcon,\n  Pencil2Icon,\n  TargetIcon,\n  UpdateIcon,\n  DownloadIcon,\n  SpeakerLoudIcon,\n  UploadIcon,\n  SpeakerOffIcon,\n  TimerIcon,\n  ArrowTopRightIcon,\n  VideoIcon,\n  CubeIcon,\n  HamburgerMenuIcon,\n  FileTextIcon,\n  PaperPlaneIcon,\n  BellIcon,\n  ResetIcon,\n  HomeIcon,\n  StopIcon,\n  PlayIcon,\n  BoxIcon,\n  DashboardIcon,\n  SewingPinFilledIcon,\n  EnvelopeClosedIcon,\n  QuoteIcon,\n  FilePlusIcon,\n  QuestionMarkCircledIcon,\n  FaceIcon,\n  ImageIcon\n} from '@radix-ui/react-icons';\n\nexport * from './icons';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const PhoneRingIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          d=\"M7.7207 8.94603C6.98877 8.2141 6.41082 7.3865 5.98686 6.50348C5.95039 6.42753 5.93216 6.38955 5.91815 6.34149C5.86837 6.17072 5.90413 5.96102 6.00769 5.81639C6.03683 5.77569 6.07165 5.74087 6.14128 5.67124C6.35424 5.45828 6.46072 5.3518 6.53033 5.24473C6.79287 4.84094 6.79287 4.32038 6.53033 3.91658C6.46072 3.80951 6.35424 3.70303 6.14128 3.49007L6.02257 3.37137C5.69885 3.04764 5.53699 2.88578 5.36315 2.79786C5.01743 2.62299 4.60914 2.62299 4.26342 2.79786C4.08958 2.88578 3.92772 3.04764 3.604 3.37137L3.50798 3.46739C3.18536 3.79 3.02405 3.95131 2.90086 4.17062C2.76415 4.41398 2.66586 4.79194 2.66669 5.07106C2.66744 5.32261 2.71624 5.49452 2.81382 5.83835C3.33828 7.68611 4.32781 9.42969 5.78242 10.8843C7.23704 12.3389 8.98062 13.3285 10.8284 13.8529C11.1722 13.9505 11.3441 13.9993 11.5957 14C11.8748 14.0009 12.2528 13.9026 12.4961 13.7659C12.7154 13.6427 12.8767 13.4814 13.1993 13.1588L13.2954 13.0627C13.6191 12.739 13.7809 12.5771 13.8689 12.4033C14.0437 12.0576 14.0437 11.6493 13.8689 11.3036C13.7809 11.1297 13.6191 10.9679 13.2954 10.6442L13.1767 10.5255C12.9637 10.3125 12.8572 10.206 12.7501 10.1364C12.3464 9.87386 11.8258 9.87386 11.422 10.1364C11.3149 10.206 11.2084 10.3125 10.9955 10.5255C10.9259 10.5951 10.891 10.6299 10.8503 10.659C10.7057 10.7626 10.496 10.7984 10.3252 10.7486C10.2772 10.7346 10.2392 10.7163 10.1632 10.6799C9.28023 10.2559 8.45262 9.67796 7.7207 8.94603Z\"\n          fill={color}\n        />\n        <path\n          d=\"M9.33335 4.22765C10.4699 4.62936 11.3707 5.53016 11.7724 6.66671M9.97701 2.33337C11.7004 2.93456 13.0655 4.2997 13.6667 6.02305M7.7207 8.94603C6.98877 8.2141 6.41082 7.3865 5.98686 6.50348C5.95039 6.42753 5.93216 6.38955 5.91815 6.34149C5.86837 6.17072 5.90413 5.96102 6.00769 5.81639C6.03683 5.77569 6.07165 5.74087 6.14128 5.67124C6.35424 5.45828 6.46072 5.3518 6.53033 5.24473C6.79287 4.84094 6.79287 4.32038 6.53033 3.91658C6.46072 3.80951 6.35424 3.70303 6.14128 3.49007L6.02257 3.37137C5.69885 3.04764 5.53699 2.88578 5.36315 2.79786C5.01743 2.62299 4.60914 2.62299 4.26342 2.79786C4.08958 2.88578 3.92772 3.04764 3.604 3.37137L3.50798 3.46739C3.18536 3.79 3.02405 3.95131 2.90086 4.17062C2.76415 4.41398 2.66586 4.79194 2.66669 5.07106C2.66744 5.32261 2.71624 5.49452 2.81382 5.83835C3.33828 7.68611 4.32781 9.42969 5.78242 10.8843C7.23704 12.3389 8.98062 13.3285 10.8284 13.8529C11.1722 13.9505 11.3441 13.9993 11.5957 14C11.8748 14.0009 12.2528 13.9026 12.4961 13.7659C12.7154 13.6427 12.8767 13.4814 13.1993 13.1588L13.2954 13.0627C13.6191 12.739 13.7809 12.5771 13.8689 12.4033C14.0437 12.0576 14.0437 11.6493 13.8689 11.3036C13.7809 11.1297 13.6191 10.9679 13.2954 10.6442L13.1767 10.5255C12.9637 10.3125 12.8572 10.206 12.7501 10.1364C12.3464 9.87386 11.8258 9.87386 11.422 10.1364C11.3149 10.206 11.2084 10.3125 10.9955 10.5255C10.9259 10.5951 10.891 10.6299 10.8503 10.659C10.7057 10.7626 10.496 10.7984 10.3252 10.7486C10.2772 10.7346 10.2392 10.7163 10.1632 10.6799C9.28023 10.2559 8.45262 9.67796 7.7207 8.94603Z\"\n          stroke={color}\n          strokeLinecap=\"round\"\n          strokeWidth=\"1.5\"\n        />\n      </svg>\n    );\n  }\n);\n\nPhoneRingIcon.displayName = 'ArrowUpIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowUpIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"7\"\n        viewBox=\"0 0 8 7\"\n        width=\"8\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          d=\"M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z\"\n          fill={color}\n        />\n      </svg>\n    );\n  }\n);\n\nTriangleArrowUpIcon.displayName = 'ArrowUpIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const TriangleArrowDownIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"7\"\n        viewBox=\"0 0 8 7\"\n        width=\"8\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          d=\"M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z\"\n          fill={color}\n        />\n      </svg>\n    );\n  }\n);\n\nTriangleArrowDownIcon.displayName = 'ArrowDownIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const MicIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 12 16\"\n        width=\"12\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M9.15383 8.15726H9.17422V7.79011V3.71671H9.17378C9.14572 1.93538 7.69297 0.5 5.90497 0.5C4.11696 0.5 2.66421 1.93538 2.63616 3.71671H2.63577V3.75606C2.63575 3.76044 2.63574 3.76483 2.63574 3.76923C2.63574 3.77362 2.63575 3.77801 2.63577 3.78239V7.79011V8.15726H2.65615C2.83862 9.78997 4.22357 11.0593 5.90499 11.0593C7.58642 11.0593 8.97136 9.78997 9.15383 8.15726Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n        <path\n          d=\"M1.30707 7.51038C1.30707 8.87401 2.61826 12.2831 5.90497 12.2831M5.90497 12.2831V15.4999M5.90497 12.2831C8.8595 11.9148 10.0284 10.8351 10.5203 7.51038M5.90497 15.4999H4.05182M5.90497 15.4999H7.81056\"\n          stroke={color}\n          strokeLinecap=\"round\"\n          strokeWidth=\"1.2\"\n        />\n      </svg>\n    );\n  }\n);\n\nMicIcon.displayName = 'MicIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CameraIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M1.41176 2C0.470588 2 0 2.46222 0 3.38667C0 4.31111 0 11.2444 0 12.1689C0 13.0933 0.470588 13.5556 0.941176 13.5556C1.41176 13.5556 9.88235 13.5556 10.8235 13.5556C11.7647 13.5556 11.7647 13.0933 11.7647 12.1689C11.7647 11.5595 11.7647 10.9502 11.7647 10.6056C11.7647 10.4478 11.8926 10.32 12.0504 10.32H12.1689C12.2126 10.32 12.2557 10.33 12.2949 10.3493L14.1176 11.2444L15.5883 11.9667C15.7782 12.06 16 11.9218 16 11.7103V3.86745C16 3.6507 15.768 3.51238 15.577 3.61479C14.6546 4.10924 12.5222 5.23556 12.2353 5.23556C12.1353 5.23556 12.0821 5.23556 12.0502 5.23556C11.8924 5.23556 11.7647 5.10789 11.7647 4.95009C11.7647 4.51892 11.7647 3.71688 11.7647 3.38667C11.7647 2.92444 11.2941 2 10.3529 2C9.41177 2 2.35294 2 1.41176 2Z\"\n          fill={color}\n        />\n      </svg>\n    );\n  }\n);\n\nCameraIcon.displayName = 'CameraIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CameraDisabledIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          clipRule=\"evenodd\"\n          d=\"M0 3.3872C0 2.4624 0.470588 2 1.41176 2H10.3529C11.2941 2 11.7647 2.9248 11.7647 3.3872V4.95122C11.7647 5.10908 11.8924 5.2368 12.0502 5.2368H12.2353C12.5222 5.2368 14.6546 4.11005 15.577 3.61542C15.768 3.51296 16 3.65133 16 3.86817V11.714C16 11.9256 15.7782 12.0638 15.5883 11.9706L12.2949 10.3525C12.2557 10.3332 12.2126 10.3232 12.1689 10.3232H12.0504C11.8926 10.3232 11.7647 10.451 11.7647 10.6089V12.1728C11.7647 13.0976 11.7647 13.56 10.8235 13.56H0.941176C0.470588 13.56 0 13.0976 0 12.1728V3.3872ZM8.67719 6.41215C8.8854 6.20379 8.8854 5.86598 8.67719 5.65762C8.46887 5.44925 8.13116 5.44925 7.92284 5.65762L6.16668 7.4145L4.41052 5.65762C4.2022 5.44925 3.8645 5.44925 3.65618 5.65762C3.44794 5.86598 3.44794 6.20379 3.65618 6.41215L5.41244 8.16904L3.65618 9.92593C3.44794 10.1343 3.44794 10.4721 3.65618 10.6805C3.8645 10.8888 4.2022 10.8888 4.41052 10.6805L6.16668 8.92358L7.92284 10.6805C8.13116 10.8888 8.46887 10.8888 8.67719 10.6805C8.8854 10.4721 8.8854 10.1343 8.67719 9.92593L6.92092 8.16904L8.67719 6.41215Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCameraDisabledIcon.displayName = 'VideoDisabledIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const EndCallIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z\"\n          fill={color}\n        />\n        <path\n          d=\"M2 12H14M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z\"\n          stroke={color}\n          strokeLinecap=\"round\"\n          strokeWidth=\"1.5\"\n        />\n      </svg>\n    );\n  }\n);\n\nEndCallIcon.displayName = 'EndCallIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CirclePlayIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = '#currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill={color} r=\"8\" />\n        <path\n          d=\"M13.25 7.56699C13.5833 7.75944 13.5833 8.24056 13.25 8.43301L5.75 12.7631C5.41667 12.9556 5 12.715 5 12.3301L5 3.66987C5 3.28497 5.41667 3.04441 5.75 3.23686L13.25 7.56699Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  }\n);\n\nCirclePlayIcon.displayName = 'CirclePlayIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CirclePencilIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill={color} r=\"8\" />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M11.4829 2.91721C11.3266 2.761 11.0733 2.761 10.9172 2.91721L4.97162 8.86274C4.89965 8.9347 4.84208 9.01974 4.80199 9.11329L3.63233 11.8424C3.5679 11.9928 3.60149 12.1672 3.71715 12.2829C3.8328 12.3985 4.00722 12.4321 4.15755 12.3677L6.88675 11.198C6.9803 11.158 7.06534 11.1004 7.13731 11.0284L13.0829 5.08289C13.239 4.92668 13.239 4.67342 13.0829 4.51721L11.4829 2.91721ZM5.53731 9.42842L11.2 3.76574L12.2343 4.80005L6.57162 10.4628L5.37537 10.9754L5.02463 10.6247L5.53731 9.42842Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCirclePencilIcon.displayName = 'CirclePencilIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleCheckIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill=\"white\" r=\"7.5\" stroke={color} />\n        <rect fill=\"white\" fillOpacity=\"0.01\" height=\"16\" width=\"16\" />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12.2314 3.97533C12.5395 4.17683 12.626 4.58999 12.4245 4.89815L7.8912 11.8315C7.78436 11.9949 7.61128 12.1032 7.41763 12.1279C7.22398 12.1527 7.02923 12.0912 6.88477 11.9599L3.95144 9.29328C3.679 9.04561 3.65892 8.62397 3.90659 8.35154C4.15426 8.0791 4.57589 8.05901 4.84833 8.30669L7.20313 10.4474L11.3086 4.16849C11.5101 3.86033 11.9232 3.77385 12.2314 3.97533Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCircleCheckIcon.displayName = 'CircleCheckIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleSatisfactionIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill=\"white\" r=\"7.5\" stroke={color} />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          d=\"M7.77842 2.53284C7.86041 2.33573 8.13963 2.33573 8.22162 2.53284L9.53074 5.68036C9.5653 5.76346 9.64346 5.82023 9.73316 5.82742L13.1312 6.09985C13.344 6.1169 13.4302 6.38246 13.2682 6.52134L10.6792 8.73904C10.6109 8.79758 10.581 8.88946 10.6019 8.97699L11.3929 12.2928C11.4424 12.5005 11.2165 12.6647 11.0343 12.5534L8.12512 10.7764C8.04832 10.7296 7.95172 10.7296 7.87492 10.7764L4.96574 12.5534C4.78356 12.6647 4.55766 12.5005 4.60719 12.2928L5.39815 8.97699C5.41904 8.88946 5.38918 8.79758 5.32084 8.73904L2.73191 6.52134C2.56978 6.38246 2.65607 6.1169 2.86886 6.09985L6.26688 5.82742C6.35658 5.82023 6.43474 5.76346 6.4693 5.68036L7.77842 2.53284Z\"\n          fill={color}\n        />\n      </svg>\n    );\n  }\n);\n\nCircleSatisfactionIcon.displayName = 'CircleSatisfactionIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleQuoteIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill=\"white\" r=\"7.5\" stroke={color} />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M9.54 4.75306C10.0449 4.58921 10.6269 4.59213 11.1033 4.83696C12.2025 5.40177 12.6781 6.8575 12.2357 8.39997C12.0372 9.09189 11.6881 9.76375 10.9489 10.4419C10.2096 11.12 9.18425 11.52 8.70854 11.52C8.53813 11.52 8.39998 11.3857 8.39998 11.22C8.39998 11.0543 8.54113 10.92 8.70854 10.92C9.25195 10.92 9.73749 10.6243 10.3125 10.1888C10.7525 9.85541 11.0961 9.42904 11.2864 9.0575C11.6502 8.34691 11.6625 7.34537 11.0746 7.07918C10.7923 7.38761 10.4236 7.56754 9.98178 7.56754C9.02182 7.56754 8.45606 6.79527 8.48038 6.09605C8.50363 5.42777 8.92823 4.95161 9.54 4.75306ZM4.74 4.75306C5.24489 4.58921 5.8269 4.59213 6.30336 4.83696C7.40254 5.40177 7.8781 6.8575 7.43567 8.39997C7.23721 9.09189 6.88813 9.76375 6.14886 10.4419C5.40958 11.12 4.38425 11.52 3.90854 11.52C3.73813 11.52 3.59998 11.3857 3.59998 11.22C3.59998 11.0543 3.74113 10.92 3.90854 10.92C4.45195 10.92 4.93749 10.6243 5.51244 10.1888C5.9525 9.85541 6.29609 9.42904 6.48635 9.0575C6.85023 8.34691 6.86254 7.34537 6.27462 7.07918C5.99227 7.38761 5.62356 7.56754 5.18178 7.56754C4.22182 7.56754 3.65606 6.79527 3.68038 6.09605C3.70363 5.42777 4.12823 4.95161 4.74 4.75306Z\"\n          fill={color}\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCircleQuoteIcon.displayName = 'CircleQuoteIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleChatIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <rect fill={color} height=\"16\" rx=\"8\" width=\"16\" />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12 4.39998L4 4.39999C3.33726 4.39999 2.8 4.93726 2.8 5.59999V9.6C2.8 10.2628 3.33726 10.8 4 10.8H8.00002C8.10611 10.8 8.20786 10.8421 8.28286 10.9172L10 12.6343V11.2C10 10.9791 10.1791 10.8 10.4 10.8H12C12.6627 10.8 13.2 10.2628 13.2 9.6V5.59998C13.2 4.93723 12.6627 4.39998 12 4.39998ZM3.99999 3.59999L12 3.59998C13.1046 3.59998 14 4.49541 14 5.59998V9.6C14 10.7045 13.1046 11.6 12 11.6H10.8V13.6C10.8 13.7617 10.7026 13.9076 10.553 13.9695C10.4036 14.0314 10.2315 13.9972 10.1171 13.8829L7.83434 11.6H4C2.89543 11.6 2 10.7045 2 9.6V5.59999C2 4.49542 2.89542 3.6 3.99999 3.59999Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCircleChatIcon.displayName = 'CircleChatIcon';\n","import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleFileIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <rect fill={color} height=\"16\" rx=\"8\" width=\"16\" />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCircleFileIcon.displayName = 'CircleFileIcon';\n","import React, { useMemo } from 'react';\nimport { Box } from '@radix-ui/themes';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Select } from '@/atoms/select';\nimport { Typo } from '@/atoms/typo';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\nimport { getFieldTypeLabel, type FieldType } from './dynamic-form-editor-utils';\n\nfunction isFieldType(value: string, types: FieldType[]): value is FieldType {\n  return types.some((t) => t === value);\n}\n\nexport interface DynamicFormEditorFieldListPanelProps {\n  fields: DynamicFormFieldSchema[];\n  selectedFieldName: string | null;\n  readonly: boolean;\n  fieldTypes: FieldType[];\n  hasFieldError: (fieldName: string) => boolean;\n  onSelectFieldName: (fieldName: string) => void;\n  onAddField: (type: FieldType) => void;\n}\n\nexport function DynamicFormEditorFieldListPanel(\n  props: DynamicFormEditorFieldListPanelProps\n): React.ReactElement {\n  const {\n    fields,\n    selectedFieldName,\n    readonly,\n    fieldTypes,\n    hasFieldError,\n    onSelectFieldName,\n    onAddField,\n  } = props;\n\n  const isEmpty: boolean = fields.length === 0;\n\n  const triggerPlaceholder: string = useMemo(() => {\n    return readonly ? '추가(읽기 전용)' : '추가';\n  }, [readonly]);\n\n  return (\n    <Card style={{ width: 340, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Flex align=\"center\" justify=\"between\">\n          <Typo variant=\"body\">필드</Typo>\n          <Select.Root\n            disabled={readonly}\n            onValueChange={(v: string): void => {\n              if (!isFieldType(v, fieldTypes)) return;\n              onAddField(v);\n            }}\n            value=\"\"\n          >\n            <Select.Trigger placeholder={triggerPlaceholder} />\n            <Select.Content>\n              {fieldTypes.map((t) => (\n                <Select.Item key={t} value={t}>\n                  {getFieldTypeLabel(t)}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select.Root>\n        </Flex>\n\n        <Flex direction=\"column\" gap=\"2\">\n          {isEmpty ? (\n            <Typo color=\"gray\" variant=\"caption\">\n              아직 필드가 없습니다.\n            </Typo>\n          ) : null}\n\n          {fields.map((field) => {\n            const isSelected: boolean = field.name === selectedFieldName;\n            const hasError: boolean = hasFieldError(field.name);\n\n            return (\n              <Card\n                error={isSelected ? hasError : undefined}\n                key={field.name}\n                onClick={(): void => { onSelectFieldName(field.name); }}\n                style={{\n                  padding: 10,\n                  cursor: 'pointer',\n                  opacity: readonly ? 0.8 : 1,\n                  border: isSelected\n                    ? '1px solid var(--accent-9)'\n                    : '1px solid transparent',\n                }}\n              >\n                <Box style={{ minWidth: 0 }}>\n                  <Typo\n                    style={{\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                    }}\n                    variant=\"body\"\n                  >\n                    {field.label}\n                  </Typo>\n                  <Typo color=\"gray\" variant=\"caption\">\n                    {field.name} · {field.type}\n                    {field.required ? ' · required' : ''}\n                  </Typo>\n                </Box>\n              </Card>\n            );\n          })}\n        </Flex>\n      </Flex>\n    </Card>\n  );\n}\n\n","import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { SchemaIssue } from './dynamic-form-editor-utils';\n\nexport interface DynamicFormEditorIssuesPanelProps {\n  issues: SchemaIssue[];\n}\n\nexport function DynamicFormEditorIssuesPanel(\n  props: DynamicFormEditorIssuesPanelProps\n): React.ReactElement | null {\n  const { issues } = props;\n  if (issues.length === 0) return null;\n\n  return (\n    <Card style={{ padding: 12 }}>\n      <Flex direction=\"column\" gap=\"2\">\n        <Typo variant=\"caption\">스키마 이슈</Typo>\n        {issues.map((i) => (\n          <Typo\n            color={i.level === 'error' ? 'red' : 'gray'}\n            key={i.id}\n            variant=\"caption\"\n          >\n            [{i.level}] {i.message}\n            {i.fieldName ? ` (field: ${i.fieldName})` : ''}\n          </Typo>\n        ))}\n      </Flex>\n    </Card>\n  );\n}\n\n","import React, { useMemo, useCallback, useEffect } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms/typo';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\n/**\n * 첫 번째 에러 필드로 스크롤하는 함수\n */\nfunction scrollToFirstError(\n  errors: Record<string, unknown>,\n  _fields: DynamicFormFieldSchema[]\n): void {\n  const firstErrorFieldName = Object.keys(errors)[0];\n  if (!firstErrorFieldName) return;\n\n  // 해당 필드의 DOM 요소를 찾기 (여러 선택자 시도)\n  let fieldElement = document.querySelector(`[name=\"${firstErrorFieldName}\"]`);\n\n  // input 요소를 찾지 못한 경우, 해당 필드의 컨테이너를 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(\n      `[data-field-name=\"${firstErrorFieldName}\"]`\n    );\n  }\n\n  // 여전히 찾지 못한 경우, FormItem의 에러 메시지 영역을 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(\n      `[data-error-field=\"${firstErrorFieldName}\"]`\n    );\n  }\n\n  if (fieldElement) {\n    fieldElement.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n    });\n  }\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n  readonly = false,\n  formStyle,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf(\n            [true],\n            `${field.label}에 동의해주세요`\n          );\n        } else {\n          // choice, radio_cards, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const handleSubmit = useCallback(\n    async (values: Record<string, unknown>) => {\n      await onSubmit(values);\n    },\n    [onSubmit]\n  );\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    validateOnChange: true,\n    onSubmit: handleSubmit,\n  });\n\n  // submit 시 validation 에러가 있으면 첫 번째 에러 필드로 스크롤\n  useEffect(() => {\n    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {\n      // 약간의 지연을 두어 DOM 업데이트 후 스크롤 실행\n      const timeoutId = setTimeout(() => {\n        scrollToFirstError(formik.errors, fields);\n      }, 100);\n\n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n  }, [formik.submitCount, formik.errors, fields]);\n\n  return (\n    <DynamicFormProvider\n      fields={fields}\n      formStyle={formStyle}\n      formik={formik}\n      readonly={readonly}\n    >\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\n      {fields.map((field) => {\n        const errorMessage =\n          !readonly && formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            data-error-field={errorMessage ? field.name : undefined}\n            data-field-name={field.name}\n            key={field.name}\n            mb=\"2\"\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n              \n            >\n              {field.description && field.type !== 'yes_no' ? (\n                <Typo variant=\"caption\">{field.description}</Typo>\n              ) : null}\n              <DynamicFormField field={field} />\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf(\n        [true],\n        validation.message || `${field.label}에 동의해주세요`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        1,\n        validation.message || `${field.label}을(를) 하나 이상 선택해주세요`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).required(\n        validation.message || `${field.label}은(는) 필수입니다`\n      );\n    }\n  }\n\n  return schema;\n}\n","import React, { createContext, useContext } from 'react';\nimport type { FormikProps } from 'formik';\nimport { Form } from '@/molecules/form/form';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\n\nexport interface DynamicFormContextValue {\n  formik: FormikProps<Record<string, unknown>>;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  getFieldValue: (name: string) => unknown;\n  getFieldError: (name: string) => string | undefined;\n  getFieldTouched: (name: string) => boolean;\n  setFieldValue: (field: string, value: unknown) => Promise<void>;\n  handleChange: (e: React.ChangeEvent<unknown>) => void;\n  handleBlur: (e: React.FocusEvent<unknown>) => void;\n}\n\nconst DynamicFormContext = createContext<DynamicFormContextValue | null>(null);\n\ninterface DynamicFormProviderProps {\n  children: React.ReactNode;\n  fields: DynamicFormFieldSchema[];\n  formik: FormikProps<Record<string, unknown>>;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\nexport function DynamicFormProvider({\n  children,\n  fields,\n  formik,\n  readonly = false,\n  formStyle,\n}: DynamicFormProviderProps): React.ReactElement {\n  const contextValue: DynamicFormContextValue = {\n    formik,\n    fields,\n    readonly,\n    getFieldValue: (name: string): unknown => formik.values[name],\n    getFieldError: (name: string): string | undefined => {\n      const error = formik.errors[name];\n      const touched = formik.touched[name];\n      return touched && error ? String(error) : undefined;\n    },\n    getFieldTouched: (name: string): boolean => Boolean(formik.touched[name]),\n    setFieldValue: async (field: string, value: unknown): Promise<void> => {\n      await formik.setFieldValue(field, value);\n    },\n    handleChange: formik.handleChange,\n    handleBlur: formik.handleBlur, \n  };\n\n  return (\n    <DynamicFormContext.Provider value={contextValue}>\n      <Form.Root onSubmit={formik.handleSubmit} style={formStyle}>{children}</Form.Root>\n    </DynamicFormContext.Provider>\n  );\n}\n\nexport function useDynamicForm(): DynamicFormContextValue {\n  const context = useContext(DynamicFormContext);\n\n  if (!context) {\n    throw new Error('useDynamicForm must be used within a DynamicFormProvider');\n  }\n\n  return context;\n}\n","import * as RadixForm from '@radix-ui/react-form';\nimport React, { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactNode {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" weight=\"bold\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nfunction BodyLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo variant=\"body\" weight=\"bold\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return BodyLabel;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactNode;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.ReactNode {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size = 'medium', ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  return (\n    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n","export { RadioGroup } from '@radix-ui/themes';\n","export { RadioCards } from '@radix-ui/themes';\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","export { Inset, type InsetProps } from '@radix-ui/themes';\n","\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { useDynamicForm } from '../context/dynamic-form-context';\nimport { TextField } from '../atoms/text-field';\nimport { TextArea } from '../atoms/text-area';\nimport { Select } from '../atoms/select';\nimport { CheckboxGroup } from '../atoms/check-box-group';\nimport { RadioGroup } from '../atoms/radio-group';\nimport { Checkbox } from '../atoms/check-box';\nimport { RadioCards } from '../atoms/radio-cards';\nimport { Grid } from '../atoms/grid';\nimport { Inset } from '../atoms/inset';\nimport type { DynamicFormFieldSchema } from '../types/dynamic-form-schema-generated';\n\ninterface FieldOption {\n  label: string;\n  value: string | number;\n}\n\ninterface ImageFieldOption extends FieldOption {\n  imageSrc: string;\n  alt?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isFieldOption(value: unknown): value is FieldOption {\n  if (!isRecord(value)) return false;\n  const label = value.label;\n  const optionValue = value.value;\n  return (\n    typeof label === 'string' &&\n    (typeof optionValue === 'string' || typeof optionValue === 'number')\n  );\n}\n\nfunction isImageFieldOption(value: unknown): value is ImageFieldOption {\n  if (!isRecord(value)) return false;\n  if (!isFieldOption(value)) return false;\n  const imageSrc = value.imageSrc;\n  const alt = value.alt;\n  return (\n    typeof imageSrc === 'string' && (alt === undefined || typeof alt === 'string')\n  );\n}\n\nfunction getStringProp(obj: unknown, key: string, fallback: string): string {\n  if (!isRecord(obj)) return fallback;\n  const value = obj[key];\n  return typeof value === 'string' ? value : fallback;\n}\n\nfunction getNumberProp(obj: unknown, key: string, fallback: number): number {\n  if (!isRecord(obj)) return fallback;\n  const value = obj[key];\n  return typeof value === 'number' ? value : fallback;\n}\n\nfunction getOptions(field: unknown): FieldOption[] | null {\n  if (!isRecord(field)) return null;\n  const options = field.options;\n  if (!Array.isArray(options)) return null;\n  if (!options.every(isFieldOption)) return null;\n  return options;\n}\n\nfunction getImageOptions(field: unknown): ImageFieldOption[] | null {\n  if (!isRecord(field)) return null;\n  const options = field.options;\n  if (!Array.isArray(options)) return null;\n  if (!options.every(isImageFieldOption)) return null;\n  return options;\n}\n\ninterface DynamicFormFieldRendererProps {\n  field: DynamicFormFieldSchema;\n}\n\nexport function DynamicFormField({\n  field,\n}: DynamicFormFieldRendererProps): React.ReactElement | null {\n  const {\n    getFieldValue,\n    getFieldError,\n    getFieldTouched,\n    setFieldValue,\n    handleChange,\n    handleBlur,\n    readonly,\n  } = useDynamicForm();\n  const name = field.name;\n\n  const value = getFieldValue(name);\n  const error = getFieldError(name);\n  const touched = getFieldTouched(name);\n  const hasError = Boolean(error && touched);\n\n  const commonProps = {\n    name,\n    value: String(value || ''),\n    onChange: readonly ? undefined : handleChange,\n    onBlur: readonly ? undefined : handleBlur,\n    error: hasError,\n    disabled: readonly,\n  };\n\n  const selectedValue: string =\n    typeof value === 'string' || typeof value === 'number' ? String(value) : '';\n\n  switch (field.type) {\n    case 'short_text':\n      return (\n        <TextField.Root\n          {...commonProps}\n          placeholder={field.placeholder}\n          type=\"text\"\n        />\n      );\n    case 'email':\n      return (\n        <TextField.Root\n          {...commonProps}\n          placeholder={field.placeholder}\n          type=\"email\"\n        />\n      );\n    case 'number':\n      return (\n        <TextField.Root\n          {...commonProps}\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          placeholder={field.placeholder}\n          type=\"number\"\n        />\n      );\n    case 'long_text':\n      return <TextArea rows={4} {...commonProps} placeholder={field.placeholder}  />;\n\n    case 'dropdown':\n      return (\n        <Select.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          value={selectedValue}\n        >\n          <Select.Trigger\n            placeholder={field.placeholder}\n            style={{\n              alignSelf: 'flex-start',\n              width: 'fit-content',\n              minWidth: '180px',\n              maxWidth: '100%',\n            }}\n          />\n          <Select.Content>\n            {field.options.map((option) => (\n              <Select.Item key={option.value} value={String(option.value)}>\n                {option.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select.Root>\n      );\n\n    case 'choice':\n      return (\n        <RadioGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={String(value || '')}\n        >\n          {field.options.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      );\n\n    case 'radio_cards':\n      {\n        const options = getOptions(field);\n        if (!options) return null;\n\n        return (\n          <RadioCards.Root\n            disabled={readonly}\n            onValueChange={\n              readonly\n                ? undefined\n                : (newValue: string) => {\n                    void setFieldValue(name, newValue);\n                  }\n            }\n            value={selectedValue}\n          >\n            {options.map((option) => (\n              <RadioCards.Item key={option.value} value={String(option.value)}>\n                <Typo>{option.label}</Typo>\n              </RadioCards.Item>\n            ))}\n          </RadioCards.Root>\n        );\n      }\n\n    case 'choices':\n      return (\n        <CheckboxGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string[]) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={Array.isArray(value) ? value.map(String) : []}\n        >\n          {field.options.map((option) => (\n            <CheckboxGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </CheckboxGroup.Item>\n          ))}\n        </CheckboxGroup.Root>\n      );\n\n    case 'yes_no':\n      return (\n        <Flex gap=\"2\">\n          <Checkbox\n            checked={Boolean(value)}\n            disabled={readonly}\n            onCheckedChange={readonly ? undefined : (checked: boolean) => {\n              void setFieldValue(name, checked);\n            }}\n          />\n          {field.description ? (\n            <Typo color=\"gray\" variant=\"caption\">\n              {field.description}\n            </Typo>\n          ) : null}\n        </Flex>\n      );\n\n    case 'image_radio_card': {\n      const options = getImageOptions(field);\n      if (!options) return null;\n\n      const gridColumnsCount = Math.max(1, getNumberProp(field, 'gridColumnsCount', 4));\n      const gridColumns = getStringProp(\n        field,\n        'gridColumns',\n        `repeat(${gridColumnsCount}, 1fr)`\n      );\n\n      const gridItemHeight = getStringProp(field, 'gridItemHeight', '100px');\n      const gridRows = getStringProp(field, 'gridRows', gridItemHeight);\n      const gridGap = getStringProp(field, 'gridGap', '2');\n      const imageFitRaw = getStringProp(field, 'imageFit', 'cover');\n      const imageFit: 'cover' | 'contain' =\n        imageFitRaw === 'contain' ? 'contain' : 'cover';\n\n      const handleValueChange = (newValue: string): void => {\n        if (readonly) return;\n        const selectedOption = options.find(\n          (option) => String(option.value) === newValue\n        );\n        if (!selectedOption) return;\n        void setFieldValue(name, selectedOption.value);\n      };\n\n      return (\n        <RadioCards.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : handleValueChange}\n          value={selectedValue}\n        >\n          <Grid columns={gridColumns} gap={gridGap} rows={gridRows}>\n            {options.map((option) => {\n              const optionValue = String(option.value);\n              const altText: string = option.alt || option.label;\n\n              return (\n                <RadioCards.Item\n                  key={optionValue}\n                  style={{\n                    padding: 0,\n                  }}\n                  value={optionValue}\n                >\n                  <Inset style={{ width: '100%', height: '100%', padding: 0 }}>\n                    <img\n                      alt={altText}\n                      src={option.imageSrc}\n                      style={{\n                        width: '100%',\n                        height: '100%',\n                        display: 'block',\n                        objectFit: imageFit,\n                        opacity: readonly ? 0.7 : 1,\n                      }}\n                    />\n                  </Inset>\n                </RadioCards.Item>\n              );\n            })}\n          </Grid>\n        </RadioCards.Root>\n      );\n    }\n\n    default:\n      return null;\n  }\n}\n","import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\nimport { DynamicForm } from './dynamic-form';\n\nexport interface DynamicFormEditorPreviewPanelProps {\n  show: boolean;\n  fields: DynamicFormFieldSchema[];\n}\n\nexport function DynamicFormEditorPreviewPanel(\n  props: DynamicFormEditorPreviewPanelProps\n): React.ReactElement | null {\n  const { show, fields } = props;\n  if (!show) return null;\n\n  return (\n    <Card style={{ width: 420, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Typo variant=\"body\">프리뷰</Typo>\n        <DynamicForm.Root fields={fields} onSubmit={(): void => undefined} readonly>\n          <DynamicForm.FieldList labelVariant=\"body\" />\n        </DynamicForm.Root>\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":"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","names":["import_react","RadixButton","import_themes","import_react","import_themes","import_react","import_themes","import_jsx_runtime","RadixCard","import_themes","import_react","import_jsx_runtime","RadixCheckbox","import_react","import_clsx","import_themes","convertSizeStr","convertSizeResponse","convertSize","import_jsx_runtime","convertSize","RadixIconButton","import_themes","import_react","import_jsx_runtime","RadixSelect","import_themes","import_react","import_jsx_runtime","RTextArea","import_themes","import_react","import_jsx_runtime","Root","RTextField","import_themes","import_react","import_jsx_runtime","RadixText","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","React","import_jsx_runtime","import_jsx_runtime","isRecord","import_react","import_themes","import_jsx_runtime","isFieldType","import_jsx_runtime","import_react","import_themes","import_react","import_react","import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_jsx_runtime","Root","Field","Heading","Label","Message","Control","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","Root","RadixCheckboxGroup","import_themes","import_themes","import_themes","import_themes","import_jsx_runtime","isRecord","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/molecules/dynamic-form-editor.d.cts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { DynamicFormSchema } from '../types/dynamic-form-schema-generated.cjs';
+
+interface DynamicFormEditorProps {
+    value?: DynamicFormSchema;
+    defaultValue?: DynamicFormSchema;
+    onChange?: (next: DynamicFormSchema) => void;
+    onSave?: (next: DynamicFormSchema) => void | Promise<void>;
+    onCancel?: () => void;
+    readonly?: boolean;
+    showPreview?: boolean;
+}
+declare function DynamicFormEditor(props: DynamicFormEditorProps): React__default.ReactElement;
+
+export { DynamicFormEditor, type DynamicFormEditorProps };

package/dist/molecules/dynamic-form-editor.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { DynamicFormSchema } from '../types/dynamic-form-schema-generated.js';
+
+interface DynamicFormEditorProps {
+    value?: DynamicFormSchema;
+    defaultValue?: DynamicFormSchema;
+    onChange?: (next: DynamicFormSchema) => void;
+    onSave?: (next: DynamicFormSchema) => void | Promise<void>;
+    onCancel?: () => void;
+    readonly?: boolean;
+    showPreview?: boolean;
+}
+declare function DynamicFormEditor(props: DynamicFormEditorProps): React__default.ReactElement;
+
+export { DynamicFormEditor, type DynamicFormEditorProps };

package/dist/molecules/dynamic-form-editor.js

@@ -0,0 +1,51 @@
+import {
+  DynamicFormEditor
+} from "../chunk-DDVJMAYN.js";
+import "../chunk-DDAZ4IAG.js";
+import "../chunk-PXPGCDNA.js";
+import "../chunk-KCCYHT23.js";
+import "../chunk-JZVK4NDF.js";
+import "../chunk-P4KO43AP.js";
+import "../chunk-7ITDAUWI.js";
+import "../chunk-Z7WNKARH.js";
+import "../chunk-5XYPLDI5.js";
+import "../chunk-6NPTJBFE.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-6DJOIRMF.js";
+import "../chunk-X2GMDZ7M.js";
+import "../chunk-XQOL7UBI.js";
+import "../chunk-EGEQY3KT.js";
+import "../chunk-XK6VEVOK.js";
+import "../chunk-HF6GNDPV.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-ZVDAEY5Q.js";
+import "../chunk-LQY4RKWI.js";
+import "../chunk-RP2RGCAW.js";
+import "../chunk-W7X7KSJP.js";
+import "../chunk-VYCYVN3L.js";
+import "../chunk-LTEJYJUM.js";
+import "../chunk-VD7AQ7HK.js";
+import "../chunk-ZQE7SP6P.js";
+import "../chunk-R6ARPREO.js";
+import "../chunk-2O45FRFQ.js";
+import "../chunk-SI4Y7NUG.js";
+import "../chunk-J2I3R3OV.js";
+import "../chunk-QO6KO6MN.js";
+import "../chunk-5KNRHIIF.js";
+import "../chunk-6JRAI4G5.js";
+import "../chunk-776WBOKL.js";
+import "../chunk-2FJ4LW7E.js";
+import "../chunk-YSYJCYHY.js";
+import "../chunk-5OM2H6RI.js";
+import "../chunk-ZUYCXCPW.js";
+import "../chunk-YVFNJE4E.js";
+import "../chunk-4U6DFH7Z.js";
+import "../chunk-QDC3LFHS.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
+import "../chunk-CRTRMMJ7.js";
+export {
+  DynamicFormEditor
+};
+//# sourceMappingURL=dynamic-form-editor.js.map

package/dist/molecules/dynamic-form-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/molecules/dynamic-form-response-item.cjs

@@ -23,25 +23,30 @@ __export(dynamic_form_response_item_exports, {
   DynamicFormResponseItem: () => DynamicFormResponseItem
 });
 module.exports = __toCommonJS(dynamic_form_response_item_exports);
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isFieldOption(value) {
+  if (!isRecord(value)) return false;
+  const label = value.label;
+  const optionValue = value.value;
+  return typeof label === "string" && (typeof optionValue === "string" || typeof optionValue === "number");
+}
 function DynamicFormResponseItem({
   payload,
   questionType,
   config
 }) {
-  if (!payload || typeof payload !== "object") {
-    return String(payload || "\uC751\uB2F5 \uC5C6\uC74C");
-  }
-  const payloadObj = payload;
-  const value = payloadObj.value;
+  const value = isRecord(payload) && "value" in payload ? payload.value : payload;
   if (value === void 0 || value === null || value === "") {
     return "\uC751\uB2F5 \uC5C6\uC74C";
   }
   const getOptions = (fieldConfig) => {
-    if (!fieldConfig || typeof fieldConfig !== "object") return void 0;
-    if ("options" in fieldConfig && Array.isArray(fieldConfig.options)) {
-      return fieldConfig.options;
-    }
-    return void 0;
+    if (!isRecord(fieldConfig)) return void 0;
+    const options2 = fieldConfig.options;
+    if (!Array.isArray(options2)) return void 0;
+    if (!options2.every(isFieldOption)) return void 0;
+    return options2;
   };
   const options = getOptions(config);
   switch (questionType) {
@@ -51,8 +56,10 @@ function DynamicFormResponseItem({
     case "radio":
     case "select":
     case "choice":
+    case "radio_cards":
+    case "image_radio_card":
       if (options) {
-        const option = options.find((opt) => opt.value === value);
+        const option = options.find((opt) => String(opt.value) === String(value));
         return option ? option.label : String(value);
       }
       return String(value);
@@ -61,7 +68,9 @@ function DynamicFormResponseItem({
       if (Array.isArray(value)) {
         if (options) {
           return value.map((val) => {
-            const option = options.find((opt) => opt.value === val);
+            const option = options.find(
+              (opt) => String(opt.value) === String(val)
+            );
             return option ? option.label : String(val);
           }).join(", ");
         }